本文不是主题使用说明! 也没有任何使用中常见的问题! 也不是使用主题必须的看的! 涉及的修改方法,只起到一个抛砖旧玉作用,有些已失效,具体修改操作请自行研究。 本文会随时更新,删除不适用的,添加新的,所以不要以序号顺序分内容先后。本文禁止用户公开转载到自己网站上!
1、安装完WordPress必须的一些设置
默认安装完WordPress程序,有些最基本的功能,比如“自定义栏目”面板、菜单模块和高级属性等需要设置一下才能显示,这些在主题设置中经常会用到,有些用户之所以找不到也不知道“自定义栏目”是什么就是因为最基本的功能没调出来。 显示文章编辑页面所有模块 登录WP后台→文章→写文章,进入文章撰写编辑页面,打开右上角的”显示选项“,勾选其中全部的“模块”(页面编辑设置方法相同),如图:2、分类小工具添加图标字体
分类小工具正常无法添加图标字体,但可以变通一下,使用导航菜单小工具来实现。 新建一个单独的菜单(不能有二级菜单项目),然后使用导航菜单小工具调用这个单独的菜单,图标字体添加方法请阅读主题使用说明:菜单。 另外,使用菜单小工具可以选择显示分类,比默认的分类目录小工具,更加灵活。3,段首空格
目前主题取消自动段首空格,原因是众口难调,去掉所有不符合正常网页习惯的玩意 添加空格:打开主题选项→定制风格,在“自定义样式”中添加下面的代码即可:.single-content p { text-indent: 2em;}编辑文章时按住Shift+回车,就不会出现段首的空格。 全部取消段首空格,可以打开主题选项→定制风格,在“自定义样式”中添加下面的代码即可:
- .single–content p {
- text–indent: 0;
- }
- .single–content h2 {
- padding: 0 16px;
- }
- .single–content h3 {
- padding: 0 16px;
- }
- .single–content h4 {
- padding: 0 16px;
- }
4、搜索推荐菜单实现关键词搜索
为菜单添加一个自定义链接 链接文本输入关键词,比如:WordPress url输入格式:http://zmingcx.com/?s=WordPress 点击这个“WordPress”关键词,即可实现相关搜索。5、更新文章归档页面
文章归档页面,会在数据库中生成一个类似:cx_archives_list的表,用于存储文章发表/删除时生成html,可加快访问速度,不用每次都要查询数据库生成归档,如果发现文章归档页面一直不更新,进入主题选项–辅助设置–勾选“显示WordPress设置选项字段”,然后进入WP后台—设置—全部设置页面,搜索cx_archives_list
,清空其右侧的数据并保存。
另一个文章更新模板,在主题选项中修改文章限定日期分类后,也需要上面的操作清空生成的html,搜索内容改为:up_archives_list
6、页脚添加公安备案号和域名备案号
将代码添加到主题选项—SEO最下面的“页脚第二行信息”中,添加时需要将编辑器切换到文本模式。<a target="_blank" rel="external nofollow" target="_blank" href="http://zmingcx.com/wp-content/themes/begin/go.php?url=aHR0cDovL3d3dy5iZWlhbi5nb3YuY24vcG9ydGFsL3JlZ2lzdGVyU3lzdGVtSW5mbz9yZWNvcmRjb2RlPeWFrOe9keWkh+ahiOWPtw==" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"> <img src="https://wp.joycarry.com/wp-content/uploads/2019/12/0066LGKLly1g27s4j2ryaj300k00kq36.jpg" style="float:left;"/><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px;">公网安备 21111188888888号</p></a><a rel="external nofollow" target="_blank" href="http://zmingcx.com/wp-content/themes/begin/go.php?url=aHR0cDovL3d3dy5taWl0YmVpYW4uZ292LmNuLw==" target="_blank" rel="noopener"><p style="fheight:20px;line-height:20px;margin: 0px 0px 0px 5px;">ICP备18181818号</p></a>并修改其中的备案号即可。 注:下次保存主题设置时,不要切换到可视化编辑模式,否则有些代码会被WP编辑器过滤掉,样式会有变动。
7、修改正文字号大小
- .single-content {
- font-size: 20px;
- font-size: 2.0rem;
- line-height: 2;
- }
8、目录索引改为三级标题H3标签
主题默认自将四级标题H4标签转换为文章索引目录,简单修改一下将三级标题H3标签变为索引目录。 打开主题begin\inc\function目录的default.php或者inc.php (主题不同版本,文件不一样),查找:- $r = “/<h4>([^<]+)<\/h4>/im”;
9、修改导航菜单字体、颜色及字号
将下面样式加到主题选项→定制风格→自定义样式中 加粗字体和增大字号- #site-nav .down-menu li a {
- font-weight: bold;
- font-size: 20px;
- }
- #site-nav .down-menu li a {
- color: #ff0000;
- }
10、移动端首页显示不同的页面模板
比如想让移动端浏览者直接看博客布局页面,可以打开主题头部模板header.php,将下面代码添加到</head>
上面即可。
<?php if ( wp_is_mobile() && is_home() ) { header( "location:https://www.baidu.com/" );} ?>修改一下其中的链接为你想让用户看到的页面链接。
11、自定义搜索结果文章数量
打开主题search.php模板文件,在类似:- <?php if ( have_posts() ) : ?>
- <?php $posts = query_posts($query_string . ‘&posts_per_page=5’);?>
- <?php $posts = query_posts($query_string . ‘&orderby=date&posts_per_page=5’);?>
12、调整网站名称宽度
首先进入主题选项→网站标志中取消“为Logo添加扫光动画”勾选。 然后将下面样式添加到主题选项→定制风格→输入自定义样式代码框中。- .logo-site, .logo-sites {
- width: 280px;
- }
- @media screen and (max-width: 480px) {
- .logo-site, .logo-sites {
- width: 140px;
- }
- }
.logo-site, .logo-sites
修改。
13、友情链接添加nofollow
友情链接页面,为自己收藏的网址添加nofollow属性,以WordPress 4.5+为例,打开wordpress\wp-admin\includes目录的meta-boxes.php,在第1046行【/tr】标签下面添加:- <tr>
- <th scope=”row”><?php _e(‘nofollow’) ?></th>
- <td><fieldset>
- <label for=”nofollow”>
- <input class=”valinp” type=”checkbox” name=”professional” value=”external nofollow” id=”nofollow” <?php xfn_check(‘professional’, ‘nofollow’); ?> />
- <?php _e(‘external nofollow’) ?></label>
- </fieldset></td>
- </tr>
14、去掉wp-postview插件计数后面的views
WP后台→设置→Post Views设置页面,找到Views Template(浏览计数显示模板): 默认显示为:%VIEW_COUNT% views 去掉其中红色的部分,并保存。 另外,除了主题部分功能需要调用Post Views插件的计数外,这个插件的主要功能就是满足虚荣心,因此想让这个计数倍增,可以在插件设置页面,设置被统计的访问者选择“所有人”(包括登录者,),是否排除机器人(也就是搜索引擎爬虫)选择“否”,还可以编辑文章将下面自定义栏目名称中“views”的值改大一些……15、隐藏文章中的图片
主题视频文章形式和自定义分类法中的视频,有个视频封面模块,手动添加缩略图比较麻烦,可以变通一下,将文章中添加的图片宽度和高度改为零,使其隐藏,但并不影响自动裁剪生成缩略图。 具体方法:正常在文章中添加图片后,切换到文本编辑模式,将图片HTML代码中类似width=”700″ height=”300″的数值改为:0,这样就看不见图片了,但并不影响生成视频封面缩略图。 也同样适用于,正常文章中的图片不好看,影响在文章列表中的美观,可以将一张漂亮的图片隐藏在文章中,当然了要将这张图片做为第一张图片加到文章中。 注:对低版本IE无效,比如IE8。16、隐藏一些页面元素
将下面样式添加到主题选项→定制风格→自定义样式代码框中 隐藏文章列表前的小箭头li .be-arrowright { display: none;}隐藏文章列表缩略图上的分类名称
- .thumbnail .cat{display: none;}
- .slider-caption {display: none; }
- .post-format {display: none;}
- .picture-box .grid {display: none;}
- .group-slider-main{ display: none;}
- .entry-meta .comment, .entry-meta, .single-footer .comment {
- display: none;
- }
- #fontsize{display: none;}
- .single-meta .print, .begin-single-meta .print {
- display: none;
- }
- .title-l {
- display: none !important;
- }
- .footer-widget .about-inf {
- display: none;
- }
- .footer-widget .about-img img {
- border: none;
- }
- .widget-title .title-i, .cat-title .title-i, .cat-grid-title .title-i {
- display: none;
- }
- .cat-title a, .cat-grid-title a, .widget-title {
- padding: 0 0 0 15px;
- }
display: none
隐藏掉即可。
17、批量删除WordPress自定义栏目
18、删除评论表单中的网址项
打开主题begin主题根目录的comments.php评论模板文件,在大约第112行找到:- <p class=”comment-form-url”>
- <input type=”text” name=”url” id=”url” class=”commenttext” value=”<?php echo $comment_author_url; ?>” tabindex=”3″ />
- <label for=”url”>网址</label>
- </p>
19、让一级菜单无超链接
给菜单加一个“自定义链接”项,随便加个链接,添加到菜单后再删除其中的链接,这样就成功添加了一个无超链接的菜单项。 给这个无超链接的菜单项添加图标: 编辑这个菜单“自定义链接”项,在”CSS类”中添加:ico-1
然后将下面的代码添加到外观→自定义→额外CSS中:
.ico-1 a:before { content: "\e680";/** 使用自己添加的图标时只需要修改最后的6f5**/ font-family: be;/** 使用自己添加的图标时将be改为zm **/ font-size: 15px !important; margin: 0 5px 0 0;}使用自己添加的图标时将be改为zm 并到自己的阿里图标项目中选择Unicode编码模式,只需要换content: “\e680″后三位代码即可。
20、调整关注微博按钮位置
将如下代码添加到主题选项→定制风格→自定义样式代码框中:- .weibo {
- left: 200px;
- top: 35px;
- }
21、开启 https 百度分享本地化
因是主题集成的百度分享JS文件是外链百度,但百度并没有提供https链接,所以网站启用https 需要将百度分享本地化。 将百度分享本地化的方法: 到此下载修改版的百度分享代码:https://github.com/hrwhisper/baiduShare百度分享代码下载 文件解压后,将里面的static目录放到空间的根目录。 主题最新版本到主题选项中勾选“本地调用百度分享”即可。 在感谢提供修改代码网友的同时,这里也强烈鄙视一下百度,不提供https加载代码。 至于为什么不集成到主题中,除本地化代码来自网络安全性未知,另外本地化后是否还能在百度分享后台查看统计也是未知数,因为貌似我的博客文章根本没有分享,所以也无从测试,使用与否自行决定吧。提示 另外,进入主题选项—-辅助功能Gravatar 头像获取也需要改为从“从官方ssl获取”,或者安装头像本化插件。 本地化后,感觉加载速度快了很多,之前打开网页经常卡在分享代码这里。 至于另一个关注微博按钮,没有本地化代码,只能到主题选项中关掉了。22、Woocommerce插件评价提交添加滑动解锁
如果主题开启了滑动解锁才能提交评论,默认Woocommerce是不能提交评价的,会提示滑动解锁才能提交,但又看不到滑块。 打开Woocommerce插件:wp-content\plugins\woocommerce\templates目录的single-product-reviews.php,在最后几行找到:<?php else : ?>在其上面添加
<div class="qaptcha"></div>完成
23、强制文章中图片居中显示
将下面样式添加到主题选项→定制风格→自定义样式代码框中:- .single-content p img{margin: 0 auto;}
24、添加浏览器title滚动、闪动特效
这是一种常见的网页特效,将下面代码添加到主题头部模板header.php,这句- <?php wp_head(); ?>
- <script type=“text/javascript”>
- var msg = document.title;
- msg = “…” + msg;pos = 0;
- function scrollMSG() {
- document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);
- pos++;
- if (pos > msg.length) pos = 0
- window.setTimeout(“scrollMSG()”,200);
- }
- scrollMSG();
- </script>
- <script type=“text/javascript”>
- var step=0;
- var _title=document.title; //获取网页标题
- var space=”;
- for(var i=0;i<=_title.length;i++)space+=’ ’; //根据标题长度生产相应的空字符
- function flash_title(){
- step++
- if (step==3) {step=1}
- if (step==1) {document.title=space}
- if (step==2) {document.title=_title}
- setTimeout(“flash_title()”,500);
- }
- flash_title();
- </script>
- <script type=“text/javascript”>
- var sTitle = “这是我的个人主页,欢迎光临!”
- function TitleMove(){
- sTitle = sTitle.substring(1, sTitle.length) + sTitle.substring(0, 1);
- document.title = sTitle;
- status = sTitle;
- }
- window.setInterval(“TitleMove()”, 100);
- </script>
25、批量删除SEO自定义内容
将下面代码添加到主题函数模板 functions.php 最后:global $wpdb;// SEO自定义文章标题$wpdb->query( "DELETE FROM $wpdb->postmeta WHERE meta_key = 'custom_title'" );// SEO文章描述$wpdb->query( "DELETE FROM $wpdb->postmeta WHERE meta_key = 'description'" );// SEO文章关键词$wpdb->query( "DELETE FROM $wpdb->postmeta WHERE meta_key = 'keywords'" );刷新一下网页上述自定义内容会自动删除,根据情况选择删除上面的自定义内容,用后代码不要保留在主题中。
26、关于文章编辑时的边框
用户在编辑文章时发现文章编辑区域有一个边框,这个边框与前台正文宽度相同,用于编辑文章时所见即所得,后台编辑文章时文章显示的宽度,与前台查看文章时相同,不会影响你正常编辑文章。27、解决 WP Dialog 插件与滑动解锁冲突
目前插件已修改,不需要自己修改了。 张戈这个滚动条插件貌似很受欢迎,不过与Begin主题的滑动解锁有冲突,大概的原因是插件调用随机文章的函数是query_posts,干扰了滑动解锁的加载,解决办法,改为使用 WP_Query调用随机文章: 打开WP Dialog 插件scroll-bar.php文件,将大约21行开始的:- <?php
- wp_reset_query();
- query_posts( array ( ‘orderby’ => ‘rand’, ‘showposts’ => 5, ‘ignore_sticky_posts’ => 10 ) ); while ( have_posts() ) : the_post();
- ?>
- <?php
- wp_reset_query();
- $loop = new WP_Query( array ( ‘orderby’ => ‘rand’, ‘showposts’ => 5, ‘ignore_sticky_posts’ => 10 ) );
- while ( $loop->have_posts() ) : $loop->the_post();
- ?>
28、默认隐藏侧边栏
将下面样式代码加到主题选项→定制风格→自定义样式代码框中即可。 隐藏文章页面侧边栏.single #primary { width: 100%;}.single #sidebar, .r-hide, .s-hide { display: none;}隐藏分类页面侧边栏
- .archive #primary {
- width: 100%;
- }
- .archive #sidebar,.r-hide {
- display: none;
- }
29、回复无法邮件通知
如果你的主机不支持SMTP 发送邮件,无法实现回复邮件通知,可以安装 Configure SMTP或者WP Mail SMTP插件,并配置邮箱参数启用就可以了。 也可以尝试将以下代码添加到主题的 functions.php 中:- //使用smtp发送邮件(请根据自己使用的邮箱设置SMTP)
- add_action(‘phpmailer_init’, ‘mail_smtp’);
- function mail_smtp( $phpmailer ) {
- $phpmailer->FromName = ‘常阳时光’; //发件人名称
- $phpmailer->Host = ‘smtp.qq.com’; //修改为你使用的邮箱SMTP服务器
- $phpmailer->Port = 465; //SMTP端口
- $phpmailer->Username = ‘123@qq.com’; //邮箱账户
- $phpmailer->Password = ‘123123123’; //邮箱密码
- $phpmailer->From = ‘123@qq.com’; //邮箱账户
- $phpmailer->SMTPAuth = true;
- $phpmailer->SMTPSecure = ‘ssl’; //tls or ssl (port=25时->留空,465时->ssl)
- $phpmailer->IsSMTP();
- }
188 邮箱 |
pop3.188.com | smtp.188.com | 端口:25 |
163 邮箱 |
pop3.163.com | smtp.163.com | 端口:25 |
126 邮箱 |
pop3.126.com | smtp.126.com | 端口:25 |
netease 邮箱 |
pop.netease.com | smtp.netease.com | 端口:25 |
yeah 邮箱 |
pop.yeah.net | smtp.yeah.net | 端口:25 |
QQ 邮箱 |
pop.qq.com | smtp.qq.com | 端口:465或587 |
30、添加字母头像
将first-letter-avatar文件夹中的first-letter-avatar.phpy放到主题根目录中,avatar文件夹放到主题begin\img目录中。 打开主题函数模板functions.php,在最后添加:require get_template_directory() . '/first-letter-avatar.php';相关文件下载 至于为什么从主题中删除这个功能,不支持头像缓存,放在主题中一堆字母图片看着别扭。
31、在小屏上隐藏页脚最下面的内容
将下面样式添加到主题选项→定制风格→自定义样式代码框中- @media screen and (max-width: 550px) {
- .add-info {
- display: none;
- }
- }
32、将公司首页两栏和三栏小工具改为一栏
将下面样式添加到主题选项→定制风格→自定义样式代码框中:.group-widget .xl3, .group-widget .xl2 { width: 100%;}
33、制作网站logo中,如何保证小字号中文清晰度
教大家一个在PS中制作logo,如何让比较小的中文汉字保持清晰的小技巧。 很多PS新手对字号比较小的汉字看上去模糊,感到很挠头,其实一个小技巧就可以轻松解决: 1、在处理小字号的汉字时,比如小于14px,必须选择“宋体”或者“新宋体”。 2、在PS字符面板中,选择消除锯齿的方法为“无”. 如图,上面的LOGO小字号的文字是选择“无”的效果,下面是选择“犀利”的效果。34、编辑器添加表情按钮
将下面代码添加到主题functions模板最后的“// 全部结束”注释后面即可。 展开代码- //添加表情
- function fa_get_wpsmiliestrans(){
- global $wpsmiliestrans;
- $wpsmilies = array_unique($wpsmiliestrans);
- foreach($wpsmilies as $alt => $src_path){
- $output .= ‘<a class=“add-smily” data-smilies=“‘.$alt.'”><img class=“wp-smiley” src=“‘.get_bloginfo(‘template_directory’).’/img/smilies/’.rtrim($src_path, “gif“).’gif” /></a>’;
- }
- return $output;
- }
- add_action(‘media_buttons_context’, ‘fa_smilies_custom_button’);
- function fa_smilies_custom_button($context) {
- $context .= ‘<style>.smilies-wrap{background:#fff;border: 1px solid #ccc;box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.24);padding: 10px;position: absolute;top: 60px;width: 380px;display:none}.smilies-wrap img{height:24px;width:24px;cursor:pointer;margin-bottom:5px} .is-active.smilies-wrap{display:block}</style><a id=“insert-media-button” style=“position:relative” class=“button insert-smilies add_smilies” title=“添加表情” data-editor=“content” href=“javascript:;”>
- 添加表情
- </a><div class=“smilies-wrap”>’. fa_get_wpsmiliestrans() .'</div><script>jQuery(document).ready(function(){jQuery(document).on(“click”, “.insert-smilies”,function() { if(jQuery(“.smilies-wrap”).hasClass(“is-active”)){jQuery(“.smilies-wrap”).removeClass(“is-active”);}else{jQuery(“.smilies-wrap”).addClass(“is-active”);}});jQuery(document).on(“click”, “.add-smily”,function() { send_to_editor(” “ + jQuery(this).data(“smilies”) + ” “);jQuery(“.smilies-wrap”).removeClass(“is-active”);return false;});});</script>’;
- return $context;
- }
35、隐藏前台浏览统计
有人说开了静态缓存插件,前台不计数,有些怪,那就隐藏掉。 可以到Post Views插件设置中选择是是否显示统计。 或者直接用CSS隐藏掉,将下面的代码添加到主题选项→定制风格→自定义样式代码框中:- .views, .single-meta .views {display: none;}
36、减少主题JS文件加载
主题加载了很多JS文件,分别用于不同的功能特效。可以根据自己的需要,通过主题选项中关闭一些功能减少页面JS文件加载。- 关闭:滑动解锁才能提交评论
- 关闭:简繁体转换按钮
- 关闭:生成当前页面二维码
- 关闭:点赞分享
- 关闭:新浪微博关注按钮
- 关闭:热门标签小工具3D特效
- 关闭:文章Ajax滚动加载
- 关闭:评论Ajax翻页
- 关闭:自动代码高亮显示
- 关闭:Ajax评论
- 关闭:图片Lightbox查看
- 关闭:禁止复制及右键
- 关闭:动画特效
- 关闭:生成当前页面二维码
- 不使用:ajax组合小工具
37、页脚版权信息回行方法
主题默认页脚内容编辑是调用的WP的自带的编辑器,可以添加任意内容,如果内容较多想回行,如果输入:- <br />
- <div>文字内容</div>
- <div>文字内容</div>
- <div>文字内容</div>
38、透明风格样式
使用方法: 到外观—背景—背景图片,上传一张大尺寸的图片,最好是经过虚化的有渐变效果的图片。 将下面的样式添加到主题选项→定制风格→自定义样式代码框中,或者直接加到样式文件style.css最后;- .post, #page .page,
- .bulletin,
- .single–picture .picture,
- .type–attachment,
- .single–tao .tao,
- .single–video .video,
- .widget,
- .authorbio,
- #related-img,
- .meta–nav,
- #respond,
- #respond #submit,
- .cat–cover–main,
- #colophon,
- .pagination a,
- .pagination a:visited,
- .all–cat,
- .picture–cms,
- .cat–container,
- .slider–rolling–box,
- .comments–title,
- .comment–list li,
- .grid–cat–bx4,
- .picture–box,
- .link–f a {
- background: rgba(255, 255, 255, 0.8);
- }
- .comment–list ul li {
- background: rgba(255, 255, 255, 0.3);
- }
- .filter–box,
- .comment–tool a {
- background: rgba(255, 255, 255, 0.5);
- }
- .author–the,
- .author–th,
- .widget .cat–cover–main,
- .related–title,
- .footer–widget .widget,
- .widget_ajax .new_cat,
- .down–form fieldset,
- .shang–empty span,
- .ajax_widget_content .tab_title.selected a {
- background: transparent;
- }
- .ajax–tabs,
- .abstract {
- background: transparent;
- }
- .filter–tag,
- .like a,
- .share–s a {
- background: rgba(255, 255, 255, 0.5);
- }
- #footer-widget-box {
- background: rgba(85, 85, 85, 0.9);
- }
- .shang–empty span {
- border: none;
- }
- .ajax_widget_content .tab_title.selected a {
- border–bottom: none;
- }
- .ajax_widget_content .tab_title a {
- background: rgba(248, 248, 248, 0.9);
- }
- .single–cat–tag {
- background: rgba(248, 248, 248, 0.5);
- }
- #sidebar h3,
- #sidebar-l h3,
- .cat–w–icon,
- .cat–container .cat–title,
- .about–inf {
- background: rgba(248, 248, 248, 0.5);
- }
- .cat–grid–title,
- .cat–square–title {
- background: rgba(248, 248, 248, 0.8);
- }
39、隐藏分类目录小工具的某个分类
如果想隐藏分类目录小工具中的某个分类,可以将下面的代码添加到主题选项→定制风格→自定义样式代码框中:- .widget_categories .cat-item-20{display: none;}
40、关于排版样式
主题目前的样式是:- .single-content p,
- .single-content ul,
- .single-content ol,
- .single-content dd,
- .single-content pre,
- .single-contenthr {
- margin: 0 0 5px 0;
- -webkit-hyphens: auto;
- -moz-hyphens: auto;
- -ms-hyphens: auto;
- hyphens: auto;
- word-wrap: break-word;
- text-align: justify;
- text-justify: inter-ideograph;
- word-wrap: break-word;
- }
word-break: break-all
会造成标点在行首出现,自己行酌情删除吧。
41、菜单项居左
将下面的代码添加到主题选项→定制风格→自定义样式代码框中:- .main-nav {
- float: left;
- }
- #site-nav-wrap {
- float: left;
- }
- @media screen and (max-width: 900px) {
- .main-nav {
- float: right;
- }
- #site-nav-wrap {
- float: right;
- }
- }
42、直接显示繁体
打开主题begin\js目录的gb2big5.js文件,将第1行的:- var Default_isFT = 0
43、批量删除手动添加的缩略图
主题新版本已集成自动裁剪文章中图片作缩略图功能,所以之前手动添加的缩略图地址可能与目前的尺寸不同,逐一编辑修改文章工作量比较大,可以用下面方法,批量删除这个手动添加的缩略图(自定义栏目),将下面的代码添加到主题functions.php模板文件的最后,并上传覆盖主题原文件- global $wpdb;
- $wpdb->query( “
- DELETE FROM $wpdb->postmeta
- WHERE `meta_key` = ‘thumbnail’
- ” );
44、微调杂志布局小工具高度
主题新增的杂志布局小工具,可使杂志首页布局更加灵活多变,但有一个问题就是,不同的小工具组合在一起,会产生高度不同底部对不齐,可以通过下面的方法进行一下微调使之齐,从而加美观一些。 使用工具,火狐及其Web开发扩展Firebug,当然也可以使用其它类似的浏览器扩展功能,目的是找到准备修改模块的CSS选择器。 鼠标停在修改模块右键调出菜单选择“使用Firebug”查看元素,找到模块选择器,如图:- #img_widget-15 .img_widget{
- padding: 3px 0 3px 0;
- }
45、增强文本小工具应用实例
新增加的增强文本小工具可以运行PHP代码(WP自带的不可以),可以任意添加运行网上淘来的代码,比如可以将集成在小工具中调用分类文章的代码直接添加到增强文本小工具中。 通过在增强文本小工具中直接添加分类调用代码与正常的小工具外观没有区别,区别是默认小工具标题不能加链接,增强文本小工具可以自定义标题链接,方便浏览者点击标题查看更多相关分类的文章。 将以下代码实例直接加到增强文本小工具中即可。 例一、下面的代码是调用ID为88的分类最新的5篇文章,并有缩略图:- <div class=”new_cat”>
- <ul>
- <?php
- $loop = new WP_Query( array ( ‘showposts’ => 5, ‘cat’ => 88, ‘post__not_in’ => get_option( ‘sticky_posts’) ) );
- while ( $loop->have_posts() ) : $loop->the_post();
- ?>
- <li>
- <figure class=”thumbnail”>
- <?php if (zm_get_option(‘lazy_s’)) { zm_thumbnail_h(); } else { zm_thumbnail(); } ?>
- </figure>
- <div class=”new-title”><a href=”<?php the_permalink(); ?>” rel=”bookmark”><?php the_title(); ?></a></div>
- <div class=”date”><?php the_time(‘m/d’) ?></div>
- <?php if( function_exists( ‘the_views’ ) ) { the_views( true, ‘<span class=”views”><i class=”fa fa-eye”></i> ‘,'</span>’ ); } ?>
- </li>
- <?php endwhile; ?>
- <?php wp_reset_query(); ?>
- </ul>
- </div>
- <div class=“img_cat”>
- <ul>
- <?php
- $loop = new WP_Query( array ( ‘showposts’ => 4, ‘cat’ => 88, ‘post__not_in’ => get_option( ‘sticky_posts’) ) );
- while ( $loop->have_posts() ) : $loop->the_post();
- ?>
- <div class=“img-box”>
- <div class=“img-x2”>
- <figure class=“insets”>
- <?php if (zm_get_option(‘lazy_s’)) { zm_thumbnail_h(); } else { zm_thumbnail(); } ?>
- <?php the_title( sprintf( ‘<div class=“img-title”><a href=“%s” rel=“bookmark”>’, esc_url( get_permalink() ) ), ‘</a></div>’ ); ?>
- </figure>
- </div>
- </div>
- <?php endwhile;?>
- <?php wp_reset_query(); ?>
- <div class=“clear”></div>
- </ul>
- </div>
46、为单独的某篇文章添加背景
将下面的代码添加到主题选项→定制风格→自定义样式中:- .postid-6367 {
- background: #f1f1f1;
- background:url(‘http://zmingcx.com/wp-content/uploads/2012/08/79760-772704496-8.gif’);
- }
47、修复 WordPress 找回密码提示“抱歉,该key似乎无效
貌似该问题只限制于QQ邮箱。 将代码添加到当前主题的 functions.php 中即可:/** * 修复 WordPress 找回密码提示“抱歉,该key似乎无效” * http://www.wpdaxue.com/lost-password-error-invalidkey.html */function reset_password_message( $message, $key ) { if ( strpos($_POST['user_login'], '@') ) { $user_data = get_user_by('email', trim($_POST['user_login'])); } else { $login = trim($_POST['user_login']); $user_data = get_user_by('login', $login); } $user_login = $user_data->user_login; $msg = __('貌8似有人要求重设如下帐号的密码:'). "\r\n\r\n"; $msg .= network_site_url() . "\r\n\r\n"; $msg .= sprintf(__('用户名:%s'), $user_login) . "\r\n\r\n"; $msg .= __('若这不是您本人要求的,请忽略本邮件,一切如常。') . "\r\n\r\n"; $msg .= __('要重置您的密码,请打开下面的链接:'). "\r\n\r\n"; $msg .= '[' . network_site_url( "wp-login.php?action=rp&key=$key&login=" . rawurlencode( $user_login ), 'login' ) . "]\r\n"; return $msg;}add_filter('retrieve_password_message', 'reset_password_message', null, 2);
48、主题与ErphpDown会员下载插件样式兼容
ErphpDown 资源下载插件功能使用者很多。 这里装单兼容一下主题的样式和修改插件默认点击登录按钮为主题的弹窗登录。 将样式代码添加到主题选项→定制风格→自定义样式代码框中。 样式代码:- margin: 30px 0 !important;
- border: 1px solid #ddd !important;
- padding: 30px 15px 20px 15px!important;
- font–size: 16px !important;
- text–align: center;
- overflow: visible !important;
- border–radius: 2px;
- }
- .erphpdown .erphp–login–must,
- .erphpdown .erphpdown–down,
- .erphpdown .erphpdown–vip,
- .erphpdown .erphpdown–buy {
- padding: 5px 15px !important;
- font–size: 16px !important;
- }
- .erphpdown .login–respond {
- border: none;
- }
- .erphpdown:after {
- background: #fff;
- position: absolute;
- top: –20px;
- left: 15px;
- content: “资源下载”;
- color: #555 !important;
- font–weight: bold;
- padding: 5px 10px !important;
49、调整Ajax组合小工具加载动画高度
主题5.0版本新增的Ajax加载的组合小工具,默认是5篇文章,当你改变文章数量后,在载入文章过程中有个加载动画的高度并不会变,加载完文章动画结束后,会有一个瞬间的高度变化,有些不协调 解决方法:可以将下的代码,添加到主题选项→定制风格→自定义样式代码框中: 默认是:- .wpz-loading {
- min-height: 550px;
- }
- .wpz-loading {
- min-height: 459px;
- }
- .wpz-loading {
- min-height: 641px;
- }
50、导航菜单半透明
代码添加到主题选项→定制风格→自定义样式代码框中:#menu-container, .headroom--not-top #menu-container, #site-nav .down-menu ul li { background: rgba(255, 255, 255, 0.8);}
51、修改网站域名
备案期间有的用户准备用临时的域名测试一下空间和主题使用,并填充了部分文章,同时主题各项设置也弄好了,当备案下来后,不准备全新安装WordPress想保留之前的文章和设置,这里提供修改域名的方法,供大家参考: 安装Wordpress站内链接修改插件:Velvet Blues Update URLs 也可下载我汉化的版本:汉化版本下载 插件使用简单,后台—-工具—–更新链接,打开更新链接页面,分别输入旧的链接(旧的网站地址)和新的链接(新的网站地址),并选择要更新内容即可,如果无特殊情况可以勾选所有。52、替换禁止百度转码代码
不知道什么是“百度转码”,可以百度一下或者查看此文:禁止百度转码 据说主题集成的禁止转码代码已失效,有发现自己博客被转码的用户,可以打开主题header.php模板文件,将第6和第7行的:- <meta http-equiv=”Cache-Control” content=”no-transform” />
- <meta http-equiv=”Cache-Control” content=”no-siteapp” />
- <meta name=”applicable-device” content=”pc,mobile”>
- <meta name=”MobileOptimized” content=”width”/>
- <meta name=”HandheldFriendly” content=”true”/>
53、
55、
56,
57、升级WordPress另一更新正在进行
方法一、进数据库表wp_options中找到core_updater.lock
删除
方法二、将下面代码添加到主题函数模板functions.php中:
global $wpdb;$wpdb->query("DELETE FROM wp_options WHERE option_name = ' core_updater.lock '");用后删除,不需要保留在主题中。
58、
59、隐藏分类归档页面侧边栏
把下面代码加到主题选项→定制风格→自定义样式代码框中- .archive #primary {width: 100%;}
- .archive #sidebar{display: none;}
60
61、批量删除特色图像
如果之前用的主题是采用特色图像实现缩略图功能,这些特色图像尺寸并不一定能适合begin主题,所以可以删除这些特色图像,直接使用主题集成的自动裁剪图片功能。手动删除工作量大,可以用下面的代码,批量删除特色图像。 操作前备份好数据库和上传的图片目录wp-content\uploads,以防操作失败,恢复,切记! 打开begin主题目录中的functions.php模板文件,在// 全部结束
后面回行,将下面代码加进去:
delete_post_meta_by_key( '_thumbnail_id' );之后,只需刷新一下页面,特色图像就已被删除,该代码不需要留在functions.php模板中,用后删除。 备用方法:不建议用备用方法,会删除媒体库中的图片,切记。 一、准备工作(必须) 因批量删除特色图像的同时,会将原图一并删除,所以需要将图片附件目录\wp-content\uploads整个备份一下,同时将数据库也备份一下,以防万一,切记! 二、添加删除代码 将下面代码添加到主题functions.php模板文件的最后:
- global $wpdb;
- $attachments = $wpdb->get_results( “
- SELECT *
- FROM $wpdb->postmeta
- WHERE meta_key = ‘_thumbnail_id’
- “ );
- foreach ( $attachments as $attachment ) {
- wp_delete_attachment( $attachment->meta_value, true );
- }
- $wpdb->query( “
- DELETE FROM $wpdb->postmeta
- WHERE meta_key = ‘_thumbnail_id’
- “ );
62、隐藏评论模块
修改主题模板文件比较麻烦,直接CSS隐藏掉即可。将下面代码加到主题选项→定制风格→自定义样式代码框中:- #comments, .single-footer .comment, .entry-content .comment, #scroll .scroll-c {
- display: none;
- }
63、添加没有超链接的菜单项
首先随便添加一个自定义链接菜单项目,编辑这个项目,在CSS类中添加:flsx 之后将下面的样式代码加到主题选项→定制风格→自定义样式代码框中:- .flsx {
- color: #666;
- font-weight: bold;
- pointer-events:none;
- cursor:default;
- }
64、在侧边增强小工具中添加一个多彩的菜单
效果如图- <div class=”colorbar-box”>
- <ul class=”colorbar”>
- <li><a href=”链接地址” target=”_blank” style=”background-color:#ff3030;”>我是文字</a></li>
- <li><a href=”链接地址” target=”_blank” style=”background-color:#428BCA;”>我是文字</a></li>
- <li><a href=”链接地址” target=”_blank” style=”background-color:#e84266;”>我是文字</a></li>
- <li><a href=”链接地址” target=”_blank” style=”background-color:#91c24f;”>我是文字</a></li>
- <li><a href=”链接地址” target=”_blank” style=”background-color:#f49800;”>我是文字</a></li>
- </ul>
- </div>
- <style type=”text/css”>
- .colorbar-box ul {
- padding: 0;
- }
- .colorbar li {
- width: 100% !important;
- }
- .colorbar li a {
- color: #fff;
- line-height: 40px;
- display: block;
- width: 100%;
- text-align: center;
- }
- .colorbar li a:hover {
- opacity: 0.8;
- }
- </style>
65、为网页背景添加一个跟随鼠标变幻的动态线条
这是一个基于canvas绘制的网页背景效果。 首先将下载的canvas-nest.min.js文件,放到主题begin\js目录中 打开主题页脚模板文件footer.php在:- <?php wp_footer(); ?>
- <script type=”text/javascript” src=”<?php bloginfo(‘template_directory’);?>/js/canvas-nest.min.js”></script>
66、上下篇调用全局文章
默认主题文章底部的上下篇文章调用的同分类的文章,通过修改可以调用全局文章。 打开主题根目录的single.php,将- <?php
- if (get_previous_post( TRUE )) { previous_post_link( ‘%link’,'<span class=”meta-nav”><span class=”post-nav”><i class=”fa fa-angle-left”></i> 上一篇</span><br/>%title</span>’, TRUE ); } else { echo “<span class=’meta-nav’><span class=’post-nav’>没有了<br/></span>已是最后文章</span>”; }
- if (get_next_post( TRUE )) { next_post_link( ‘%link’, ‘<span class=”meta-nav”><span class=”post-nav”>下一篇 <i class=”fa fa-angle-right”></i></span><br/>%title</span>’, TRUE ); } else { echo “<span class=’meta-nav’><span class=’post-nav’>没有了<br/></span>已是最新文章</span>”; }
- ?>
- <?php
- if (get_previous_post( )) { previous_post_link( ‘%link’,'<span class=”meta-nav”><span class=”post-nav”><i class=”fa fa-angle-left”></i> 上一篇</span><br/>%title</span>’ ); } else { echo “<span class=’meta-nav’><span class=’post-nav’>没有了<br/></span>已是最后文章</span>”; }
- if (get_next_post( )) { next_post_link( ‘%link’, ‘<span class=”meta-nav”><span class=”post-nav”>下一篇 <i class=”fa fa-angle-right”></i></span><br/>%title</span>’ ); } else { echo “<span class=’meta-nav’><span class=’post-nav’>没有了<br/></span>已是最新文章</span>”; }
- ?>
67、
68、公司主页单栏小工具HTML代码
将代码添加到增强文本小工具中: 代码- <div class=“grid-widget”>
- <!– 链接A –>
- <a class=“gw-link gwa” href=“链接” rel=“bookmark”>
- <div class=“qw-icon”><i class=“be be-home”></i></div>
- <!– <div class=”qw-icon”><img src=”https://wx1.sinaimg.cn/large/0066LGKLly1fgbmwz3draj305u05uabc.jpg”></div> –>
- <h4 class=“qw-title”>关于我们</h4>
- <div class=“qw-title”>多功能主题布局可选</div>
- <div class=“qw-title”>不依赖任何前端框架,兼容大部分主流浏览器</div>
- </a>
- <!– 链接B –>
- <a class=“gw-link gwb” href=“链接” rel=“bookmark”>
- <div class=“qw-icon”><i class=“be be-skyatlas”></i></div>
- <h4 class=“qw-title”>热门文章</h4>
- <div class=“qw-title”>多功能主题布局可选</div>
- <div class=“qw-title”>不依赖任何前端框架,兼容大部分主流浏览器</div>
- </a>
- <!– 链接C –>
- <a class=“gw-link gwc” href=“链接” rel=“bookmark”>
- <div class=“qw-icon”><i class=“be be-picture”></i></div>
- <h4 class=“qw-title”>公司首页</h4>
- <div class=“qw-title”>多功能主题布局可选</div>
- <div class=“qw-title”>不依赖任何前端框架,兼容大部分主流浏览器</div>
- </a>
- <!– 链接D –>
- <a class=“gw-link gwd” href=“链接” rel=“bookmark”>
- <div class=“qw-icon”><i class=“be be-baidu”></i></div>
- <h4 class=“qw-title”>杂志布局</h4>
- <div class=“qw-title”>多功能主题布局可选</div>
- <div class=“qw-title”>不依赖任何前端框架,兼容大部分主流浏览器</div>
- </a>
- <!– 链接E –>
- <a class=“gw-link gwe” href=“链接” rel=“bookmark”>
- <div class=“qw-icon”><i class=“be be-qr-code”></i></div>
- <h4 class=“qw-title”>图片模式</h4>
- <div class=“qw-title”>多功能主题布局可选</div>
- <div class=“qw-title”>不依赖任何前端框架,兼容大部分主流浏览器</div>
- </a>
- <!– 链接F –>
- <a class=“gw-link gwf” href=“链接” rel=“bookmark”>
- <div class=“qw-icon”><i class=“be be-display”></i></div>
- <h4 class=“qw-title”>博客首页</h4>
- <div class=“qw-title”>多功能主题布局可选</div>
- <div class=“qw-title”>不依赖任何前端框架,兼容大部分主流浏览器</div>
- </a>
- <div class=“clear”></div>
- </div>
- <style>
- .grid–widget {
- margin: 0 –6px 0 0;
- }
- .grid–widget a {
- position: relative;
- background: #fff;
- float: left;
- width: 16.66666666666667%;
- color: #000;
- text–align: center;
- margin: 0 –1px –1px 0;
- padding: 20px 10px 15px 10px;
- border: 1px solid #ddd;
- transition–duration: .5s;
- }
- .grid–widget a:hover {
- background: #c40000;
- color: #fff;
- border: 1px solid #c40000;
- }
- .grid–widget a:hover .qw–icon .be {
- color: #fff;
- }
- .qw–icon .be{
- font–size: 80px !important;
- color: #c40000;
- line–height: 80px;
- margin: 0 0 20px 0;
- display: block;
- }
- @media screen and (max–width: 900px) {
- .grid–widget a {
- width: 33.333333333333333%;
- }
- }
- @media screen and (max–width: 700px) {
- .grid–widget a {
- width: 50%;
- }
- }
- @media screen and (max–width: 400px) {
- .grid–widget a {
- width: 100%;
- }
- }
- </style>
69、公司主页添加自定义HTML模块
主题默认的公司主页虽然预设了很多模块,但可能还是不能满足用户的内容展示的需求,可以将下面的代码HTML代码添加到公司主页模板文件pany.php(文件位置:begin\template目录),适当的位置,修改其中的文字、链接及图片地址,并将相应的CSS样式添加到主题style.css样式文件最后,或者主题选项→定制风格→自定义样式中。适合添加固定的不需要经常更新的内容。效果如图- <div class=”row”>
- <div class=”col”>
- </div>
- </div>
- <!– 图片居右 –>
- <div class=“row”>
- <div class=“col”>
- <!– 图片 –>
- <div class=“wd-img wd-imgr”>
- <a href=“http://zmingcx.com/” target=“_blank”><img src=“http://ww2.sinaimg.cn/large/703be3b1jw1f664j03z2dj20f008wmz0.jpg” alt=“文字说明” /></a>
- </div>
- <div class=“wd wdr”>
- <!– 标题 –>
- <h3><span>1</span>自定义HTML代码</h3>
- <!– 说明文字 –>
- <p>适用于公司主页,添加固定的文字及图片内容。使用方法将HTML代码添加到公司主页模板文件pany.php(文件位置:begin\template目录),适当的位置,
- 并修改其中的文字、链接及图片地址。并将相应的CSS样式添加到主题style.css样式文件最后或者主题选项→定制风格→自定义样式中</p>
- <!– 标题列表 –>
- <ul>
- <li><a href=“http://zmingcx.com/” target=“_blank”><i class=“fa fa-angle-right”></i>自定义HTML代码适用于公司主页</a></li>
- <li><a href=“http://zmingcx.com/” target=“_blank”><i class=“fa fa-angle-right”></i>显示固定的文字及图片</a></li>
- <li><a href=“http://zmingcx.com/” target=“_blank”><i class=“fa fa-angle-right”></i>包括一些不需要经常更新修改的内容</a></li>
- </ul>
- <!– 链接按钮 –>
- <span class=“link-n link-nl”><a href=“http://zmingcx.com/” target=“_blank”><i class=“fa fa-caret-right”></i>链接按钮</a></span>
- <span class=“link-n link-nr”><a href=“http://zmingcx.com/” target=“_blank”><i class=“fa fa-caret-right”></i>链接按钮</a></span>
- </div>
- <div class=“clear”></div>
- </div>
- </div>
- <!– 图片居左 –>
- <div class=“row”>
- <div class=“col”>
- <!– 图片 –>
- <div class=“wd-img wd-imgl”>
- <a href=“http://zmingcx.com/” target=“_blank”><img src=“http://ww2.sinaimg.cn/large/703be3b1jw1f664lo8vdnj20f007kdgv.jpg” alt=“文字说明” /></a>
- </div>
- <div class=“wd wdl”>
- <!– 标题 –>
- <h3><span>2</span>自定义HTML代码</h3>
- <!– 说明文字 –>
- <p>适用于公司主页,添加固定的文字及图片内容。使用方法将HTML代码添加到公司主页模板文件适当的位置,
- 并修改其中的文字、链接及图片地址。</p>
- <!– 标题列表 –>
- <ul>
- <li><a href=“http://zmingcx.com/” target=“_blank”><i class=“fa fa-angle-right”></i>自定义HTML代码适用于公司主页</a></li>
- <li><a href=“http://zmingcx.com/” target=“_blank”><i class=“fa fa-angle-right”></i>显示固定的文字及图片</a></li>
- <li><a href=“http://zmingcx.com/” target=“_blank”><i class=“fa fa-angle-right”></i>包括一些不需要经常更新修改的内容</a></li>
- </ul>
- <!– 链接按钮 –>
- <span class=“link-n link-nl”><a href=“http://zmingcx.com/” target=“_blank”><i class=“fa fa-caret-right”></i>链接按钮</a></span>
- <span class=“link-n link-nr”><a href=“http://zmingcx.com/” target=“_blank”><i class=“fa fa-caret-right”></i>链接按钮</a></span>
- </div>
- <div class=“clear”></div>
- </div>
- </div>
70、
71、
72、Timthumb.php 缩略图不显示的一些解决方法
以下方法未经验证,只供参考 方法一、如果你的网站支持 GD 库, 但使用 timthumb.php 仍无法自动生成缩略图,你可以在网站根目录下找到 .htaccess 文件,在里面添加以下代码试试:SecFilterEngine Off SecFilterScanPOST Off方法二、删除主题cache文件夹,然后再新建一个 方法三、更改cache文件夹777权限后,再次查看发现权限并没有改变,还是原来的,这可能是主机设置上有问题…. 方法四:本方法针对缩略图偶尔不显示的问题。打开主题根目录的timthumb.php,添加一句:
//禁用所有浏览器缓存 if(!defined(‘BROWSER_CACHE_DISABLE’)) define(‘BROWSER_CACHE_DISABLE’, true);
73、
74、编辑以下角色只可见“文章”和“个人资料”菜单项
将如下代码添加到主题functions.php模板文件的最后即可。- if ( current_user_can( ‘publish_pages’ ) ){
- } else {
- function remove_menus() {
- global $menu;
- $restricted = array(
- __(‘Media’),
- __(‘Tools’),
- __(‘Comments’)
- );
- end ($menu);
- while (prev($menu)){
- $value = explode(‘ ‘,$menu[key($menu)][0]);
- if(strpos($value[0], ‘<‘) === FALSE) {
- if(in_array($value[0] != NULL ? $value[0]:”” , $restricted)){
- unset($menu[key($menu)]);
- }
- }else {
- $value2 = explode(‘<‘, $value[0]);
- if(in_array($value2[0] != NULL ? $value2[0]:”” , $restricted)){
- unset($menu[key($menu)]);
- }
- }
- }
- }
- if (is_admin()){
- add_action(‘admin_menu’, ‘remove_menus’);
- }
- }
75、禁止特色图像生成多余的768×512缩略图
进入WP后台→设置→全部设置,ctrl+f 调出浏览器搜索功能。 搜索:medium_large_size_w,将该项值 :768 改为 0 即可。 之所以有默认的裁剪数值,大概是因为,当上传的图片宽度超过768时会自动裁剪一张768×512缩略图,方便调用较小的图片,以提高页面加载速度,初衷是好的,不过主机空间有限,很是浪费。 另外,使用begin主题尽量不要使用这个WP自带的特色图像功能,因为主题可以自动裁剪文章中的图片作为缩略图。 WP自带的特色图像与主题集成的timthumb.php截图函数相比,前者缩略图不易管理,删除后不会再次生成,造成附件目录混乱,而 timthumb.php函数生成的缩略图删除后,可以再次生成。76、将主题集成的JS文件外链
以生成二维码的jquery.qrcode.min.js为例,打开主题inc目录的theme-setup模板functions.php文件在将:- wp_enqueue_script( ‘jquery.qrcode.min’, get_template_directory_uri() . ‘/js/jquery.qrcode.min.js’, array(), version, false );
- $sitepath = ‘http://zmingcs.com’;
- wp_enqueue_script( ‘jquery.qrcode.min’, $sitepath . ‘jquery.qrcode.min.js’, array(), version, false );
77、复制网页内容自动添加版权信息
将下面代码添加到\begin\js目录script.js文件的最后。- // 复制内容自动添加版权信息
- var Sys = {};
- var ua = navigator.userAgent.toLowerCase();
- if (window.ActiveXObject) {
- document.body.oncopy = function() {
- event.returnValue = false;
- var t = document.selection.createRange().text;
- var s = “\r\n原文出自[ 知更鸟 ] 转载请保留原文链接:” + location.href;
- clipboardData.setData(‘Text’, t + ‘\r\n’ + s);
- }
- } else {
- function addLink() {
- var body_element = document.getElementsByTagName(‘body’)[0];
- var selection;
- selection = window.getSelection();
- var pagelink = “原文出自[ 知更鸟 ] 转载请保留原文链接:” + document.location.href;
- var copytext = selection + pagelink;
- var newdiv = document.createElement(‘div’);
- newdiv.style.position = ‘absolute’;
- newdiv.style.left = ‘-99999px’;
- body_element.appendChild(newdiv);
- newdiv.innerHTML = copytext;
- selection.selectAllChildren(newdiv);
- window.setTimeout(function() {
- body_element.removeChild(newdiv);
- },
- 0);
- }
- document.oncopy = addLink;
- }
78、九宫格HTML代码
一段九宫格HTML代码,适用于放在增强文本小工具中,用于展示一些链接之用,代码结构取自主题读者墙小工具,效果如图:- <div class=“top-author lx8”>
- <a rel=“external nofollow” target=“_blank” title=“链接” href=“#”>
- <img src=“http://ww3.sinaimg.cn/mw690/703be3b1jw1f6usgjyucwj203k03kweb.jpg”>
- </div>
- <div class=“top-author lx8”>
- <a rel=“external nofollow” target=“_blank” title=“链接” href=“#”>
- <img src=“http://ww3.sinaimg.cn/mw690/703be3b1jw1f6usgjyucwj203k03kweb.jpg”>
- </div>
- <div class=“top-author lx8”>
- <a rel=“external nofollow” target=“_blank” title=“链接” href=“#”>
- <img src=“http://ww3.sinaimg.cn/mw690/703be3b1jw1f6usgjyucwj203k03kweb.jpg”>
- </div>
- <div class=“top-author lx8”>
- <a rel=“external nofollow” target=“_blank” title=“链接” href=“#”>
- <img src=“http://ww3.sinaimg.cn/mw690/703be3b1jw1f6usgjyucwj203k03kweb.jpg”>
- </div>
- <div class=“top-author lx8”>
- <a rel=“external nofollow” target=“_blank” title=“链接” href=“#”>
- <img src=“http://ww3.sinaimg.cn/mw690/703be3b1jw1f6usgjyucwj203k03kweb.jpg”>
- </div>
- <div class=“top-author lx8”>
- <a rel=“external nofollow” target=“_blank” title=“链接” href=“#”>
- <img src=“http://ww3.sinaimg.cn/mw690/703be3b1jw1f6usgjyucwj203k03kweb.jpg”>
- </div>
- <div class=“top-author lx8”>
- <a rel=“external nofollow” target=“_blank” title=“链接” href=“#”>
- <img src=“http://ww3.sinaimg.cn/mw690/703be3b1jw1f6usgjyucwj203k03kweb.jpg”>
- </div>
- <div class=“top-author lx8”>
- <a rel=“external nofollow” target=“_blank” title=“链接” href=“#”>
- <img src=“http://ww3.sinaimg.cn/mw690/703be3b1jw1f6usgjyucwj203k03kweb.jpg”>
- </div>
79、文章列表链接在新窗口或标签打开
打开主题begin\template目录的content.php模板,将大约第12行的- <?php the_title( sprintf( ‘<h2 class=”entry-title”><a href=”%s” rel=”bookmark”>’, esc_url( get_permalink() ) ), ‘</a></h2>’ ); ?>
- <?php the_title( sprintf( ‘<h2 class=”entry-title”><a href=”%s” target=”_blank” rel=”bookmark”>’, esc_url( get_permalink() ) ), ‘</a></h2>’ ); ?>
80、隐藏侧边小工具和分类模块标题前的图标
将下面样式添加到主题选项→定制风格→自定义样式中。- .cat-title .fa-bars,.widget-title .fa-bars {
- display: none;
- }
- .widget h3, .cat-box .cat-title a {
- padding-left: 20px;
- }
81、为Woocommerce插件添加滑动解锁留言
打插件plugins\woocommerce\templates目前的single-product-reviews.php文件,在下数大约第5行,<?php else : ?>
上面添加:
- <div class=”qaptcha”></div>
82、让缩略图上的分类名称背景显示不同的颜色
首先编辑分类目录给分类添加不同别名,以我的“Web前端”分类为例,该分类别名为:webdesign。 将下面样式添加到主题选项→定制风格→自定义样式中。- .category-webdesign .thumbnail .cat {
- background: #4bafbe;
- opacity: 0.8;
- }
83、发表评论只需输入评论者昵称
我在博客上写过一篇:WordPress 发表评论只需输入评论者名称 Begin主题的具体修改方法: 打开主题begin\inc\function目录的comment-ajax.php,将大约第77行至82的:- if ( get_option(‘require_name_email’) && !$user->ID ) {
- if ( 6 > strlen($comment_author_email) || ” == $comment_author )
- err(‘<i class=”fa fa-exclamation-circle”></i>提示:必须填写昵称及邮件。’); // 将 wp_die 改为错误提示
- elseif ( !is_email($comment_author_email))
- err(‘<i class=”fa fa-exclamation-circle”></i>提示:请输入一个有效的电子邮件地址。’);// 将 wp_die 改为错误提示
- }
- if ( get_option( ‘require_name_email’ ) && ! $user->exists() ) {
- if ( ” == $comment_author )
- err(‘<i class=”fa fa-exclamation-circle”></i>提示:必须填写昵称。’);
- }
- .comment-form-email, .comment-form-url {
- display: none;
- }
84、修改文章末尾的默认分享按钮
默认5个分享按钮是国内比较常用的,想换成其它的社会化分享按钮可以按下的操作。 比如将人人网改成Facebook,打开鼠标停到+号按钮上,会弹出“分享到窗口”点击下面的更多按钮,找到Facebook按钮查看源代码(我用的是火狐的“Firebug”扩展查看源代码):- <a class=”popup_fbook” href=”#” onclick=”return false;” data-cmd=”fbook”>Facebook</a>
- <li><a title=”分享到Facebook” class=”fa fa-facebook-official” href=”#” onclick=”return false;” data-cmd=”fbook”></a></li>
85、为正文所有链接添加target=”_blank”属性
可以将下面的代码添加到主题functions.php文件的最后:- function auto_blank($text) {
- $return = str_replace(‘<a’, ‘<a target=”_blank”‘, $text);
- return $return;
- }
- add_filter(‘the_content’, ‘auto_blank’);
- <script type=”text/javascript”>
- var anchors = document.getElementById(“page”).getElementsByTagName(“a”);
- for(i=0;i<anchors.length;i++){
- var anchor_item = anchors[i];
- anchor_item.target=”_blank”; target=”_blank”
- }
- </script>
86、移动电话上点开链接直接拨打电话
基本形式:- <a href=”tel:123456789″>拨打电话</a>
87、页脚小工具改为三栏
将下面的样式代码添加到主题选项→定制风格“自定义样式”中:- .footer-widget .widget {width: 33.3333333333%;}
- @media screen and (max-width: 640px) {.footer-widget .widget {width: 99.6%;}}
88、
89、隐藏后台元素
首页将下面代码添加到主题functions.php模板文件的最后:- function admin_my_css() {
- wp_enqueue_style( “admin-my”, get_template_directory_uri() . “/css/admin-my.css” );
- }
- add_action(‘admin_head’, ‘admin_my_css’);
90、投稿按角色不同排除分类
打开主题begin\inc\frontpost\views目录submission-form.php模板文件,将大约43行的:- $notcat = explode(‘,’,zm_get_option(‘not_front_cat’));
- // 管理员角色排除的分类
- if( current_user_can( ‘manage_options’ ) ) {
- $notcat = ‘1,2,3,4,5,6’;
- };
- // 编辑角色排除的分类
- if( current_user_can( ‘publish_pages’ ) && !current_user_can( ‘manage_options’ ) ) {
- $notcat = ‘1,2,3,4’;
- }
- // 作者角色排除的分类
- if( current_user_can( ‘publish_posts’ ) && !current_user_can( ‘publish_pages’ ) ) {
- $notcat = ‘1,2,3’;
- }
- // 投稿者角色排除的分类
- if( current_user_can( ‘edit_posts’ ) && !current_user_can( ‘publish_posts’ ) ) {
- $notcat = ‘1,2’;
- }
91、添加留言者相关信息(国家、浏览器、操作系统、所在区域)
张戈这个留言者相关信息功能貌似很多用户喜欢,这里弄个Begin主题添加教程: 1、下载所需文件,解压后放到Begin主题根目录中:文件下载 注:必须先把这个show-useragent文件夹放到Begin主题目录中,不然直接添加下面的代码会有错误。 2、将下面代码添加到Begin主题根目录functions.php模板文件的最后: 展开92、
93、WPJAM BASIC与Easy Digital Downloads兼容问题
同时启用两款插件后,会在EDD下载文章页面头部多出类似文章标题" />
不完整的一段代码,冲突原因未知,解决方法:
打开WPJAM BASIC插件根目录的wpjam-custom.php文件,将大约第66行的:
<meta property="og:title" content="<?php the_title(); ?>" />
删除即可。对插件其它功能无影响。
94、文章中添加两栏自适应表格
编辑文章切换到文本编辑模式,将下面代码添加进去,并修改其中的文字:- <h3>自适应表格</h3>
- <div class=”table-r”>
- <table width=”100%”>
- <tbody>
- <tr>
- <td width=”50%”>自适应表格</td>
- <td width=”50%”>输入文字</td>
- </tr>
- <tr>
- <td width=”50%”>自适应表格</td>
- <td width=”50%”>输入文字</td>
- </tr>
- <tr>
- <td width=”50%”>自适应表格</td>
- <td width=”50%”>输入文字</td>
- </tr>
- <tr>
- <td width=”50%”>自适应表格</td>
- <td width=”50%”>输入文字</td>
- </tr>
- </tbody>
- </table>
- </div>
- <tr>
- <td width=”50%”>自适应表格</td>
- <td width=”50%”>输入文字</td>
- </tr>
- .table-r td{
- text-align: center;
- }
95、改变右则滑动模块颜色
将下面样式代码添加主题选项→定制风格,在“自定义样式”中:- #scroll li a {
- color: #2f889a;
- }
96、
97、隐藏顶部的登录管理及菜单模块
将下面的样式代码添加到主题选项→定制风格“自定义样式”中:- #masthead {
- height: 90px;
- }
- #top-header {
- display: none;
- }
- @media only screen and (max-width: 900px) {
- #masthead {
- height: 40px;
- }
- }
- #masthead {
- /** 控制头部整个高度 **/
- height: 70px;
- }
- #top-header {
- display: none;
- }
- .logo-site, .logo-sites {
- /** 控制LOGO的上边距 **/
- margin: 10px 0 0 10px;
- }
- #site-nav .down-menu li {
- /** 控制主要菜单高度 **/
- height: 70px;
- line-height: 70px;
- }
- .nav-search {
- /** 控制搜索按钮上边距 **/
- margin: 20px 10px 0 10px;
- }
- @media only screen and (max-width: 900px) {
- #masthead {
- height: 40px;
- }
- #menu-box {
- height: 40px;
- }
- .logo-site, .logo-sites {
- margin: 2px 0 0 10px;
- }
- .nav-search {
- margin: 5px 10px 0 0;
- }
- }
98、在标题下面添加文章信息
主题最新版本已添加后台控制,不需要再加了 将下面代码添加到主题functions.php的最后:- function single_meta() {
- echo ‘<div class=“my-single-meta”>’;
- echo ‘<span class=“my-date”>’;
- time_ago( $time_type =’posts’ );
- echo ‘</span>’;
- if ( post_password_required() ) {
- echo ‘<span class=“comment”><a href=“#comments”>’ . sprintf(__( ‘密码保护’, ‘begin’ )) . ‘</a></li>’;
- } else {
- echo ‘<span class=“comment”>’;
- comments_popup_link( ‘<i class=“fa fa-comment-o”></i> ‘ . sprintf(__( ‘发表评论’, ‘begin’ )) . ”, ‘<i class=“fa fa-comment-o”></i> 1 ‘, ‘<i class=“fa fa-comment-o”></i> %’ );
- echo ‘</span>’;
- }
- if( function_exists( ‘the_views’ ) ) { the_views(true, ‘<span class=“views”><i class=“fa fa-eye”></i> ‘,'</span>’); }
- echo ‘<span class=“print”><a href=“javascript:printme()” target=“_self” title=“‘ . sprintf(__( ‘打印’, ‘begin’ )) . ‘”><i class=“fa fa-print”></i></a></span>’;
- edit_post_link(” . sprintf(__( ‘编辑’, ‘begin’ )) . ”, ‘<span class=“edit-link”>’, ‘</span>’ );
- echo ‘</div>’;
- }
- function my_entry_meta($content) {
- $content .= single_meta(0);
- return $content;
- }
- add_filter(‘the_content’,’my_entry_meta’);
- .single-meta {
- display: none;
- }
- .my-single-meta span{
- margin: 0 5px;
- }
- .my-single-meta, .my-single-meta a{
- color: #999 !important;
- }
- .my-single-meta {
- text-align: center;
- margin: 0 0 20px;
- }
- .entry-header h1 {
- margin: 35px –20px 0 !important;
- }
- @media screen and (max-width:640px) {
- .my-date .i-time{
- display: none !important;
- }
- .my-single-meta {
- text-align: left;
- }
- }
99,文章中插入表格
(1)用Word编辑一个表格,Excel表格默认无法自适应; (2)复制表格粘贴到文章编辑框中即可。 如果是Excel表格需要切换到文本模式将表格第一行的类似代码:<table width="574">
,改为:<table>
去掉固定宽度。
上述方法要以实现表格自适应,但只适合列数少的表格,不然用手机看表格会很拥挤。
100,自定义分类名称背景颜色
默认文章列表缩略图上的分类名称背景色都是相同的。我们可以通过针对不同的分类设置不同的颜色背景。例如:我博客插件分类这个分类目录,分类名称背景色是绿色的。 基本代码:- .category-wpplugins .thumbnail .cat {
- background: #7ab951;
- }
101,将整体页面宽度改为全屏
打开主题样式文件style.css,搜索1080px
或者1120px
,全部替换为:90%
修改后整体页面宽度基本全屏,两侧只有一小条空白了,不能修改成100%。对大部分主题模块没有什么影响,只有部分模块可能显示不正常,影响不大,可以选择关掉。
总有用户认为这种全屏的好,估计用小屏笔记本的居多,如果考虑到现在正常24寸显示器或者更大的27寸,你会发现,看这种页面内容需要头部做左右运动才行,这也是报纸杂志文章要分栏排版的原因…..
102、修改Ajax组合小工具选项卡宽度
默认6个都显示,如果有只选择其中几个选项卡会有空白,可以根据显示的数量修改宽度 。 将代码添加到主题选项→定制风格“自定义样式”中:- .wpz_widget_content .wpz-tabs span {
- width: 25%;
- }
width: 16.66666666666667%;
,上面代码是显示4个的数值 25%,修改数值即可。
102,增强文本小工具带图标链接HTML代码
上面第64条,有一个多彩的菜单HTML代码,再给大家弄一个有图标的多彩链接HTML,本代码适用于侧边栏、杂志布局单栏小工具及公司单栏小工具中添加的增强文本小工具,效果如图: 侧边栏- .qz-box a{background:#08c;float:left;width:50%;color:#fff!important;text-align:center;padding:15px 10px 10px 10px}.g-col .qz-box a,#cms-widget-one .qz-box a{width:25%;padding:25px 10px 20px 10px}@media screen and (max-width:900px){.qz-box a{width:50%}#cms-widget-one .qz-box a{width:50%}}@media screen and (max-width:700px){#group-widget-one .qz-box a{width:50%}}.qz-box a:hover{background:#777}a.qza{background:#699}a.qzb{background:#c96}a.qzc{background:#969}a.qzd{background:#9c9}.qz-icon{padding:5px 0 10px 0;display:block}.qz-icon .be{font-size:40px!important}.g-col .qz-icon .be{font-size:60px!important}
be
改成zm
.
其次,将下面代码添加到增强文本小工具中:
- <div class=”qz-box”>
- <!– 链接A –>
- <a class=”qz-link qza” href=”链接” rel=”bookmark”>
- <span class=”qz-icon”><i class=”be be-home”></i></span>
- <span class=”qz-title”>关注WordPress</span>
- </a>
- <!– 链接B –>
- <a class=”qz-link qzb” href=”http://localhost/wordpress/203.html” rel=”bookmark”>
- <span class=”qz-icon”><i class=”be be-folder”></i></span>
- <span class=”qz-title”>给我投稿</span>
- </a>
- <!– 链接C –>
- <a class=”qz-link qzc” href=”链接” rel=”bookmark”>
- <span class=”qz-icon”><i class=”be be-sort”></i></span>
- <span class=”qz-title”>WordPress最新版</span>
- </a>
- <!– 链接D –>
- <a class=”qz-link qzd” href=”链接” rel=”bookmark”>
- <span class=”qz-icon”><i class=”be be-thumbs-up-o”></i></span>
- <span class=”qz-title”>在线咨询</span>
- </a>
- <div class=”clear”></div>
- </div>
103,让菜单上的字体图标闪烁
首先给准备有闪烁的菜单项:添加字体图标 比如字体图标代码:be be-display
另外再加一个特定的css类:frames
,名称可以任何
最终为:be be-display frames
加到菜单项“css类”中,如图:
.frames { animation: blink 0.5s linear infinite;}或者只有菜单项字体图标闪动:
.frames .be{ animation: blink 0.5s linear infinite;}改变文字颜色:
.frames a{ color: #ff0000 !important;}如只改文字颜色,在菜单项“css类”中只添加
frames
就行了
104、删除文章列表的间距
只适合使用博客布局。将代码添加到主题选项→定制风格“自定义样式”中- /** 首页 **/
- .home .post {
- margin: 0 0 -1px 0;
- }
- .home #main {
- margin: 0 0 10px 0;
- }
- /** 分类归档页面 **/
- .archive .post {
- margin: 0 0 -1px 0;
- }
- .archive #main {
- margin: 0 0 10px 0;
- }
- .archive #picture #main {
- margin: 0;
- }
105、修改主导航菜单颜色
将代码添加到主题选项→定制风格“自定义样式”中:/** 导航背景色 **/#menu-container, .headroom--not-top #menu-container { background: #444;}/** 菜单文字颜色 **/.main-nav .down-menu a { color: #fff;}/** 下拉菜单箭头 **/#site-nav .sf-with-ul:after { color: #fff;}/** 搜索按钮 **/.nav-search:after { color: #fff;}/** 移动菜单按钮 **/#navigation-toggle, .nav-mobile { color: #fff;}站点名称可以到主题选项—颜色风格中选择颜色。 上面只是举个例子,举一反三,善用浏览器开发者工具,学点DIV+CSS,可以对主题任何部分进行个性化修改。
106、增强文本小工具中添加百度地图
首先,创建百度地图- <iframe src=”你的网站链接/baidumap.html” frameBorder=0 height=300 width=100% scrolling=no></iframe>
107、修正产品日志自定义栏目表单
如果发现产品日志编辑框下面没有自定义表单,可以打开begin主题根目录的functions.php,在最后添加:- require get_template_directory() . ‘/inc/show-meta.php’;
108、利用CSS为标题添加小图标
在文章标题前后加个醒目的图标,可以突出显示某篇文章。 将代码添加到主题选项→定制风格“自定义样式”中:- /** 标题前图标 **/
- #post-75 h2 a:before {
- content: “\e68b”;
- font-family: be;
- font-size: 16px;
- color: #c40000;
- padding: 0 5px 0 0;
- }
- /** 标题后图标 **/
- #post-75 h2 a:after {
- content: “\e667”;
- font-family: be;
- font-size: 14px;
- color: #c40000;
- padding: 0 0 0 5px;
- }
#post-75 h2
是文章列表标题选择器,修改其中的数字75,为文章ID,可以通过在后台查看文章ID或者通过查看源代码查看文章的ID。-
content: "\e667"
对应的阿里图标字体Unicode代码 font-family: be
使用自己的阿里图标库,将be
改为zm
- /** 标题后加文字 **/
- #post-75 h2 a:after {
- content: “推荐”;
- font-size: 14px;
- background: #c40000;
- color: #fff;
- margin: 0 0 0 5px;
- padding: 1px 3px;
- border-radius: 2px;
- }
#post-75 h2
选择器,可以给任意页面元素添加图标。
109、移动端导航菜单图标改为文字
修改方法与上条相同,将代码添加到主题选项→定制风格“自定义样式”中:- .bars:after, .nav-mobile:after {
- content: “导航”;
- background: #c40000;
- color: #fff;
- padding: 1px 3px;
- border-radius: 2px;
- }
- .bars .be, .nav-mobile .be {
- display: none;
- }
110、自定义站点标题颜色
将代码添加到主题选项→定制风格“自定义样式”中:- .site-title a {
- color: #c40000;
- }
color: #c40000;
颜色值
111、隐藏下载按钮小图标
将代码添加到主题选项→定制风格“自定义样式”中:- .down-link .be{
- display: none;
- }
- .down-link a:before {
- content: “\e667”;
- font-family: be;
- /** font-family: zm; **/
- font-size: 14px;
- color: #fff;
- padding: 0 5px 0 0
- }
112、修改移动端页脚菜单个数
默认移动端页脚菜单是6个菜单项,想修改个数,可以将下面代码添加到主题选项→定制风格“自定义样式”中:- .footer-nav ul li {
- width: 25%;
- }
113、在页脚小工具中添加微信二维码
将增强文本小工具添加到页脚小工具中,将复制下面代码添加到增强文本小工具中:<ul class="about-me-img clearfix"> <li> <img src="https://s2.ax1x.com/2019/08/24/m6Ike1.png" title="我的微信" alt="我的微信"> <p>我的微信</p> </li> <li> <img src="https://s2.ax1x.com/2019/08/24/m6Ike1.png" title="微信公众号" alt="微信公众号"> <p>微信公众号</p> </li> <li> <a rel="external nofollow" target="_blank" href="http://zmingcx.com"> <img src="https://s2.ax1x.com/2019/08/24/m6Ike1.png" title="官方微博" alt="官方微博"> <p>官方微博</p> </a> </li></ul> <style type="text/css">.about-me-img li { float: left; padding: 5px; width: 33.333333333333333333% !important;}.about-me-img p { text-align: center;}</style>如果是两张图片,修改代码中的33.3333333333333%,为:50%。
<a href="链接"><img style="width: 100px;height: 100px;" src="https://s2.ax1x.com/2019/09/02/nCWqVf.jpg" alt="说明"></a>修改其中的图片链接。
114、在页脚小工具栏数
修改页脚小工具栏数和导航菜单小工具改成单栏,将代码添加到主题选项→定制风格“自定义样式”中:- /*修改页脚小工具栏数*/
- .footer-widget .widget {
- width: 20%;
- }
- .footer-widget .menu li {
- width: 100%;
- }
- .footer-widget h3 {
- color: #fff;
- }
- @media screen and (max-width: 550px) {
- .footer-widget .widget {
- float: left;
- width: 50%;
- text-align: center;
- }
- }
115、正文title标题中显示分类名称
打开begin\inc目录的title.php模板文件,将大约第8行的- <?php if ( is_single() ) { ?><title><?php if ( get_post_meta($post->ID, ‘custom_title’, true) ) { ?><?php echo trim(get_post_meta($post->ID, ‘custom_title’, true)); ?><?php if (get_query_var(‘page’)) { echo ‘ – 第’; echo get_query_var(‘page’); echo ‘页’;}?><?php } else { ?><?php echo trim(wp_title(”,0)); ?><?php if (get_query_var(‘page’)) { echo ‘ – 第’; echo get_query_var(‘page’); echo ‘页’;}?> <?php echo zm_get_option(‘connector’); ?> <?php bloginfo(‘name’); ?><?php } ?></title><?php } ?>
- <?php if ( is_single() ) { ?><title><?php if ( get_post_meta($post->ID, ‘custom_title’, true) ) { ?><?php echo trim(get_post_meta($post->ID, ‘custom_title’, true)); ?><?php if (get_query_var(‘page’)) { echo ‘ – 第’; echo get_query_var(‘page’); echo ‘页’;}?><?php } else { ?><?php echo trim(wp_title(”,0)); ?><?php if (get_query_var(‘page’)) { echo ‘ – 第’; echo get_query_var(‘page’); echo ‘页’;}?> <?php echo zm_get_option(‘connector’); ?> <?php foreach((get_the_category()) as $category){ echo $category->cat_name; }?> <?php echo zm_get_option(‘connector’); ?> <?php bloginfo(‘name’); ?><?php } ?></title><?php } ?>
116、去掉正文图片的下边距
将下面的样式代码添加到主题选项→定制风格“自定义样式”中:- .aligncenter {
- margin: 0 auto;
- }
116、修改文章底部分享点赞颜色
有用户喜欢主题早期版本点赞分享按钮彩色样式- .social-main a {
- color: #fff;
- }
- .like a {
- background: #f40000;
- border: 1px solid #f40000;
- }
- .share-s a {
- background: #dd9933;
- border: 1px solid #dd9933;
- }
- .social-main i {
- color: #fff;
- }
- .shang-p a {
- background: #7ab951;
- border: 1px solid #7ab951;
- }
- .social-main a:hover {
- color: #fff;
- background: #666;
- }
- .like a:hover, .share-s a:hover, .shang-p a:hover {
- border: 1px solid #666;
- }
117、关于过不了移动落地页检测
个人感觉当文章中有大面积图片或者图片较多,就过不了移动落地页检测,会提示“该页面不符合移动落地页体验规范”之类的。 我只测试过3个页面,其中两个文章中无图片,检测通过,另一个文章中有两张图片,没通过。 百度出的垃圾功能也就这智力了 移动落地页检测地址:https://ziyuan.baidu.com/page/mobile118、前、后台同时启用英文
默认主题只有后台语言选择中文才可以使用前台英文,可以通过修改语言文件名称,实现前、后台同时使用英文。 打开begin\languages目录,将zh_CN.mo和zh_CN.po前面的zh_CN
改为en_GB
。
因主题是为中文设计的,还需要到主题选项—基本设置,修改“文章列表截断字数”对于英文减一半就行了。
附常见国家代码:
zh_CN 简体中文 zh_TW 繁体中文 da_DK 丹麦语 nl_NL 荷兰语 en_US 英语 fi_FI 芬兰语 fr_FR 法语 de_DE 德语 it_IT 意大利语 ja_JP 日语 ko_KR 朝鲜语 nb_NO 挪威语 pt_br 葡萄牙语 es_es 西班牙语 es_us 西班牙语(美国) sv_se 瑞典语
119、增强文本小工具图片广告代码
修改相应的图片、链接和文字后,将代码添加到增强文本小工具中:<a href="http://zmingcx.com/begin.html" target="_blank"> <img src="https://wp.joycarry.com/wp-content/uploads/2019/12/006LwaZdly1fvjcqqj53ej308o0650to.jpg" alt="购买begin主题"> <h4 style="font-size: 15px;font-size: 1.5rem;text-align: center;padding: 8px 0">WordPress多功能主题:Begin</h4></a>