遇见SEO
关注互联网营销技术

Begin主题常见问题

修改中文主题模板,建议使用专门的编辑工具,比如:Notepad++(免费),绝不能用操作系统自带的记事本编辑模版文件,否则会造成模板错位,中文模版编码为:UTF-8 无BOM(无签名)。

Begin主题常见问题
 

本文内容需要密码才能阅读

本文不是主题使用说明!

也没有任何使用中常见的问题!

也不是使用主题必须的看的!

涉及的修改教程,只起到一个抛砖旧玉作用,具体修改操作请自行研究。

1、安装完WordPress必须的一些设置

默认安装完WordPress程序,有些最基本的功能,比如“自定义栏目”面板、菜单模块和高级属性等需要设置一下才能显示,这些在主题设置中经常会用到,有些用户之所以找不到也不知道“自定义栏目”是什么就是因为最基本的功能没调出来。

显示文章编辑页面所有模块

登录WP后台→文章→写文章,进入文章撰写编辑页面,打开右上角的”显示选项“,勾选其中全部的“模块”(页面编辑设置方法相同),如图:

显示菜单所有模块和高级菜单属性

登录WP后台→外观→菜单,进入菜单编辑管理页面,打开右上角的”显示选项“,勾选其中全部的“模块”和所有高级菜单属性,如图:

设置多媒体图像大小为零

默认,上传图片会自动裁剪多张不同尺寸的图片,在附件目录,浪费空间,禁止方法:

登录WP后台→设置→多媒体,进入媒体选项页面,将所有图像大小设置为零,如图:

另外,虽然设置上面进行了设置,但当上传图片大于尺寸较大时,默认还是会裁剪一张宽度768的图片,所以还需要进一步设置,主题选项→辅助功能→勾选“显示WordPress设置选项字段”,进入WP后台→设置→全部设置,进入全部设置页面按ctrl+f,调出浏览搜索功能,搜索数字:768或者medium_large_size_w,找到后将数字修改为 0。

提示

全部设置页面调用的是数据库中的一些设置,如果不清楚是什么不要乱改,切记。

WP后台首页显示内容设置

默认WP后台会显示:概览、快速草稿 、WordPress新闻、Welcome(欢迎页面)

其中:WordPress新闻、Welcome(欢迎页面)比较影响加载速度,同样打开右上角的”显示选项“去掉没有用的模块勾选。

善用WP帮助说明

WordPress后台每个页面都有详细的操作说明,点开右上角的“帮助”按钮,里面是关于本页面功能的操作指南,包括上面说的基本设置,很多新手根本不知道点开看说明,反而喜欢到处问,某个功能怎么用,让人无语了……

2、分类小工具添加图标字体

分类小工具正常无法添加图标字体,但可以变通一下,使用自定义菜单小工具来实现。

新建一个单独的菜单(不能有二级菜单项目),然后使用自定义菜单小工具调用这个单独的菜单,图标字体添加方法请阅读主题使用说明:菜单。

另外,使用菜单小工具可以选择显示分类,比默认的分类目录小工具,更加灵活。

3,去掉段首空格

编辑文章时按住Shift+回车,就不会出现段首的空格。

全部取消段首空格,可以打开主题选项→定制风格,在“自定义样式”中添加下面的代码即可:

.single-content p { text-indent: 0;}

4、搜索推荐菜单实现关键词搜索

为菜单添加一个自定义链接

链接文本输入关键词,比如:WordPress

url输入格式:http://zmingcx.com/?s=WordPress

点击这个“WordPress”关键词,即可实现相关搜索。

5、更新文章归档页面

文章归档页面,会在数据库中生成一个类似:cx_archives_list的表,用于存储文章发表/删除时生成html,可加快访问速度,不用每次都要查询数据库生成归档,如果发现文章归档页面一直不更新,进入主题选项–辅助设置–勾选“显示WordPress设置选项字段”,然后进入WP后台—设置—全部设置页面,搜索cx_archives_list,清空其右侧的数据并保存。

另一个文章更新模板,在主题选项中修改文章限定日期分类后,也需要上面的操作清空生成的html,搜索内容改为:up_archives_list

6、公司首页上面的“关于我们”模块在手机不截断

默认公司首页上面的“关于我们”模块在手机会自动截断,只显示三行文字,目的是避免文字多时在手机上会很长,如果不在意该模块又臭又长,影响用户体验,可以将下面代码添加到主题选项→定制风格“自定义样式”中,禁止截断:

@media screen and (max-width: 900px) { .group-contact-main { height: 100%; overflow: visible; }}

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”;

将其中的数字4,改为3即可。

9、修改导航菜单字体、颜色及字号

将下面样式加到主题选项→定制风格→自定义样式中加粗字体和增大字号

#site-nav .down-menu li a { font-weight: bold; font-size: 20px;}

修改字体颜色

#site-nav .down-menu li a { color: #ff0000;}

10、文章列表不显示滤短代码标签内容(主题已添加)

如果直接在文章的开关就添加短代码(包括给图片添加说明),会在文章列表中显示如下图的内容:

解决办法,可以在编辑文章时,在下面的“摘要”中添加一些文字说明就可以了。

为截断函数添加过滤,打开主题template目录所有以content开头的模板文件,将类似:

[code]?php if (has_excerpt(”)){ echo wp_trim_words( get_the_excerpt(), 90, ‘…’ ); } else { echo wp_trim_words( get_the_content(), 100, ‘…’ ); } ?[/code]

用下面代码替换:

?php if (has_excerpt(”)){ echo wp_trim_words( get_the_excerpt(), 90, ‘…’ ); } else { $content = get_the_content(); $content = wp_strip_all_ta企业(str_replace(array(‘[‘,’]’),array(”,”),$content)); echo wp_trim_words( $content, 100, ‘…’ ); }?

另外,主题有多个以content开头的模板文件,都需要替换。

11、自定义搜索结果文章数量

打开主题search.php模板文件,在类似:

?php if ( have_posts() ) : ?

上面添加:

?php $posts = query_posts($query_string . ‘posts_per_page=5’);?

或者(置顶文章按正常排序):

?php $posts = query_posts($query_string . ‘orderby=dateposts_per_page=5′);?

其中的数字5是文章搜索结果每页的文章数,该方法也适用于其它分类页面。

12、调整网站名称宽度

首先进入主题选项→网站标志中取消“为Logo添加扫光动画”勾选。

然后将下面样式添加到主题选项→定制风格→输入自定义样式代码框中。

.logo–site, .logo–sites { width: 280px;}@media screen and (max-width: 480px) { .logo–site, .logo–sites { width: 140px; }}

调整其中数值280,直至在一行显示标题为止。

或者直接到主题样式文件style.css,查找.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 tdfieldset 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

之后编辑链接时,在链接关系网面板,会增加一个nofollow选项,如图:

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、隐藏一些页面元素

将下面样式添加到主题选项→定制风格→自定义样式代码框中

隐藏文章列表缩略图上的分类名称

.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;}

隐藏页脚“关于本站”小工具下面的文章信息

.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;}#sidebar h3 { padding: 6px 15px;}提示

如果想隐藏其它页面元素,也可以参照上面,查看网页源代码找到准备隐藏部分的选择器,然后通过CSS代码display: none隐藏掉即可。

17、主题自定义栏目名称说明

主题很多功能,是通过自定义栏目实现的,一些插件也会自动为文章添加自定义栏目,比如文章点击统计插件wp-postviews,会添加自定义栏目名称:views,值为:统计数

下面是主题集成的自定义栏目名称及说明:

thumbnail 文章列表缩略图zm_like 占赞Baidusubmit 百度主动推送show 幻灯调用及幻灯中图片hot 侧边栏本站推荐posts 侧边栏推荐文章button1 下载按钮url1 下载按钮链接no_sidebar 无侧边栏还有太多了……

如果认为之前的一些自定义栏目已无用,可以参阅下文批量删除:

批量删除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样式,突出显示导航菜单中某个项目,最终效果如本博客导航上的“ Begin主题购买”。

展开添加方法:

[s][p]

一,为准备突出显示的菜单项目添加一个css类

即:图标字体选择器名称,比如:fa fa-home。如图:

注:如果编辑菜单项目时,没有这个css类,可以打开右上角的“显示选项”在显示高级菜单属性中勾选“css类”。

(注:因这个图标字体无法与突显的菜单项完全对齐,影响美观,所以下面的代码会隐藏掉这个图标字体。)

二,将如下代码添加到主题选项→定制风格→自定义样式代码框中:

#menu-item-6597 .font-text { background: #ff4400 !important; color: #fff !important; padding: 4px 8px; border-radius: 2px;}#menu-item-6597 .font-text:hover { background: #2f889a !important; transition: all .2s ease-in 0s}#menu-item-6597 .fa { display: none;}/*配合新版本的样式*/#site-nav .menu-item-6597 a,#site-nav .menu-item-6597 a:hover { background: transparent !important;}

三、查看网页源代码

比如我的“ Begin主题购买”项是:

将第二步代码中的6597改为你准备突出显示项目对应的数字即可。

如果只是改为不同的颜色代码为:

#menu-item-6597 a {color:#c40000 !important;}#menu-item-6597:hover i, #menu-item-6853:hover a {color:#fff;}

同样修改里面的6597

[/p]

特别需要注意

修改数字时,数字后面必须有一个半角的空格。

20、调整关注微博按钮位置

将如下代码添加到主题选项→定制风格→自定义样式代码框中:

.weibo { left: 200px; top: 35px;}

其中数字200是距左位置,35是距上位置,适当修改数字即可。

21、开启 https 百度分享本地化

因是主题集成的百度分享JS文件是外链百度,但百度并没有提供https链接,所以网站启用https 需要将百度分享本地化。

将百度分享本地化的方法:

到此下载修改版的百度分享代码:https://github.com/hrwhisper/baiduShare

百度分享代码下载

文件解压后,将里面的static目录放到空间的根目录。

主题最新版本到主题选项中勾选“本地调用百度分享”即可。

之前版本,打开主题\begin\js目录的bd-share.js里面有注释。

with(document) 0[(getElementsByTagName(‘head’)[0] || body).appendChild(createElement(‘script’)).src = ‘http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=’ + ~ ( – new Date() / 36e5)];// with(document) 0[(getElementsByTagName(‘head’)[0] || body).appendChild(createElement(‘script’)).src = ‘https://你的域名/static/api/js/share.js?v=89860593.js?cdnversion=’ + ~ ( – new Date() / 36e5)];// 用于本地调用

修改链接地址就行了。

在感谢提供修改代码网友的同时,这里也强烈鄙视一下百度,不提供https加载代码。

至于为什么不集成到主题中,除本地化代码来自网络安全性未知,另外本地化后是否还能在百度分享后台查看统计也是未知数,因为貌似我的博客文章根本没有分享,所以也无从测试,使用与否自行决定吧。

提示

另外,进入主题选项—-辅助功能Gravatar 头像获取也需要改为从“从官方ssl获取”,或者安装头像本化插件。

本地化后,感觉加载速度快了很多,之前打开网页经常卡在分享代码这里。

至于另一个关注微博按钮,没有本地化代码,只能到主题选项中关掉了。

22、调整主菜单项目间距

将下面的代码添加到主题选项→定制风格→自定义样式代码框中:

#site-nav .down-menu a { padding: 0 15px;}

可适当修改其中 padding: 0 15px 的数字10。

23、强制文章中图片居中显示

将下面样式添加到主题选项→定制风格→自定义样式代码框中:

.single-content p img{margin: 0 auto;}

注:对于响应式设计的主题,添加图片时必须选择对齐方式为:中

24、添加浏览器title滚动、闪动特效

这是一种常见的网页特效,将下面代码添加到主题头部模板header.php,这句

?php wp_head(); ?

的上面,保存时需将编码选择为UTF-8 无BOM(无签名),否则会出现乱码,直接在WP后台主题编辑中添加则不需要自己选择编码。

展开代码:[s][p]

特效一,标题滚动

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

[/p]

25、自定义wp-postviews插件计数

如果只想增加改变某篇文章的浏览计数,编辑文章时,在下面的自定义栏目中找到views修改后面的值 。

想让博客所有文章浏览计数暴涨,可以通过修改插件实现:

打开wp-postviews插件主文件wp-postviews.php

WP官方最新版

查找(大概在120行)并修改所有 $post_views + 1 后面的数字(有两处),比如改成 9999,之后浏览计数是每次增加9999…..

也可以将数字1,改为mt_rand(1, 15) 随机增加计数。

本站的提供的汉化版

查找:

if(!update_post_meta($id, ‘views’, ($post_views+1))) {

add_post_meta($id, ‘views’, 1, true);

修改其中的数字1.

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 { display: none;}

隐藏分类页面侧边栏

.archive #primary { width: 100%;}.archive #sidebar,.r-hide { display: none;}

29、回复无法邮件通知

如果你的主机不支持SMTP 发送邮件,无法实现回复邮件通知,可以安装 Configure 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();}

附上各邮箱的端口及smtp地址:折叠

188 邮箱pop3.188.comsmtp.188.com端口:25163 邮箱pop3.163.comsmtp.163.com端口:25126 邮箱pop3.126.comsmtp.126.com端口:25netease 邮箱pop.netease.comsmtp.netease.com端口:25yeah 邮箱pop.yeah.netsmtp.yeah.net端口:25QQ 邮箱pop.qq.comsmtp.qq.com端口:465或587

30、让公司首页幻灯图片在手机上自适应

如果图片高度不是很大,在手机上只会显示一小条,所以主题进行了限制,如果不喜欢可以打开主题样式文件style.css,查找并删除下面这段样式:

@media screen and (max-width: 900px) { .row .rslides img, .g-row .rslides img { width: 220%; margin: 0 0 0 -50%; }}

或者直接将下面代码添加到主题选项→定制风格,在“自定义样式”中:

@media screen and (max-width: 900px) { .row .rslides img, .g-row .rslides img { width: 100%; margin: 0; }}

31、在小屏上隐藏页脚最下面的内容

将下面样式添加到主题选项→定制风格→自定义样式代码框中

@media screen and (max-width: 550px) { .add-info { display: none; }}

32、调整logo在导航菜单悬浮固定时的大小

默认logo大小是220×50px,如果logo尺寸比较大,在向下滚动网页导航菜单悬浮固定时,可能会造成图片超出导航菜单,可以将下面的代码添加到主题选项→定制风格→自定义样式代码框中:

@media screen and (min-width: 900px) { #menu-box.shadow img{ width: 198px; }}

需要注意的是logo图片尺寸虽然可以任意,但必须大于220×50px,并保持220×50px的比例。

33、制作网站logo中,如何保证小字号中文清晰度

教大家一个在PS中制作logo,如何让比较小的中文汉字保持清晰的小技巧。

很多PS新手对字号比较小的汉字看上去模糊,感到很挠头,其实一个小技巧就可以轻松解决:

1、在处理小字号的汉字时,比如小于14px,必须选择“宋体”或者“新宋体”。

2、在PS字符面板中,选择消除锯齿的方法为“无”.

如图,上面的LOGO小字号的文字是选择“无”的效果,下面是选择“犀利”的效果。

34、编辑器添加表情按钮

将下面代码添加到主题functions模板最后的“// 全部结束”注释后面即可。

[s][p]

//添加表情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}/stylea id=“insert-media-button” style=“position:relative” class=“button insert-smilies add_smilies” title=“添加表情” data-editor=“content” href=“javascript:;”添加表情/adiv class=“smilies-wrap”’. fa_get_wpsmiliestrans() .’/divscriptjQuery(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;}

[/p]

35、隐藏前台浏览统计

有人说开了静态缓存插件,前台不计数,有些怪,那就隐藏掉。

可以到Post Views插件设置中选择是是否显示统计。

或者直接用CSS隐藏掉,将下面的代码添加到主题选项→定制风格→自定义样式代码框中:

.views, .single-meta .views {display: none;}

隐藏后,并不会影响计数,后台还在继续计数。

36、评论留言滑动解锁兼容WOO插件

进入woocommerce插件目录:

plugins\woocommerce\templates

打开single-product-reviews.php文件

在下面大约第5行,最后一个?php else : ?上面添加:

div class=“qaptcha”/div

或者在主题选项中关了滑动解锁功能,使用验证码插件:SI Captcha Anti-Spam

37、页脚版权信息回行方法

主题默认页脚内容编辑是调用的WP的自带的编辑器,可以添加任意内容,如果内容较多想回行,如果输入:

br /

当切换到可视化模式,并保存设置后,会被WP过滤掉,可以按下面的方法实现回行:

方法一:

切换到文本编辑模式,输入类似:

div文字内容/divdiv文字内容/divdiv文字内容/div

多个回行,以此类推。

方法二:

选择文字,点击编辑工具栏上的“项目符号列表”按钮,然后在适当的位置按回车键,也可实现回行。

38、外链跳转路径改为网站根目录

首先,将begin\inc目录的go.php复制到到网站根目录(WordPress程序文件所在的位置)

其次,打开begin\inc目录function.php或者inc.php (主题不同版本,文件不一样),将大约953行如下图代码:

点击查看折叠

替换为:

// 外链跳转if (zm_get_option(‘link_to’)) { add_filter(‘the_content’,’link_to_jump’,999); function link_to_jump($content){ preg_match_all(‘/a(.*?)href=“(.*?)”(.*?)/’,$content,$matches); if($matches){ foreach($matches[2] as $val){ if(strpos($val,’://’)!==false strpos($val,home_url())===false !preg_match(‘/\.(jpg|jepg|png|ico|bmp|gif|tiff)/i’,$val) !preg_match(‘/(ed2k|thunder|Flashget|flashget|qqdl):\/\//i’,$val)){ $content=str_replace(“href=\”$val\””, “href=\””.home_url( ‘/’ ).“go.php?url=$val\” “,$content); } } } return $content; } // 评论者链接跳转并新窗口打开 function commentauthor($comment_ID = 0) { $url = get_comment_author_url( $comment_ID ); $author = get_comment_author( $comment_ID ); if ( empty( $url ) || ‘http://’ == $url ) echo $author; else echo “a href=’”.home_url( ‘/’ ).“go.php?url=$url’ rel=’external nofollow’ target=’_blank’ class=’url’$author/a”; } // 下载外链跳转 function link_nofollow($url) { if(strpos($url,’://’)!==false strpos($url,home_url())===false !preg_match(‘/(ed2k|thunder|Flashget|flashget|qqdl):\/\//i’,$url)) { $url = str_replace($url, home_url( ‘/’ ).“go.php?url=”.$url,$url); } return $url; }}

修改的目的是什么?有人说会暴露主题程序目录…..

39、隐藏分类目录小工具的某个分类

如果想隐藏分类目录小工具中的某个分类,可以将下面的代码添加到主题选项→定制风格→自定义样式代码框中:

.widget_categories .cat-item-20{display: none;}

修改其中:cat-item-20中的数字为分类ID.

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;}

英文按单词回行,不过中英文混排可能会出现字间距加大问题。

可以修改为:

.single-content p,.single-content ul,.single-content ol,.single-content dd,.single-content pre,.single-contenthr { margin: 0 0 5px 0; text-align: justify; text-justify: inter-ideograph; word-wrap: break-word; word-break: break-all;}

英文不以单词回行,中英文混排不会出现字间距加大问题。具体使用哪种,自行选择修改吧。

另外,其中的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

后面的数字 0改为1即可。

注:另外这个简繁体转换功能,如非必要,建议不要开启,会对加载速度有一定的影响。

43、批量删除手动添加的缩略图

主题新版本已集成自动裁剪文章中图片作缩略图功能,所以之前手动添加的缩略图地址可能与目前的尺寸不同,逐一编辑修改文章工作量比较大,可以用下面方法,批量删除这个手动添加的缩略图(自定义栏目),将下面的代码添加到主题functions.php模板文件的最后,并上传覆盖主题原文件

global $wpdb;$wpdb-query( “DELETE FROM $wpdb-postmetaWHERE `meta_key` = ‘thumbnail’“ );

之后,手动缩略图添加的自定义栏目‘thumbnail’ 会被删除,并显示自动裁剪的缩略图。

注:以上代码只使用一次就可以了,不用留在主题模板中,删除缩略图片后,需要将该代码删除并还原functions.php模板文件。

44、微调杂志布局小工具高度

主题新增的杂志布局小工具,可使杂志首页布局更加灵活多变,但有一个问题就是,不同的小工具组合在一起,会产生高度不同底部对不齐,可以通过下面的方法进行一下微调使之齐,从而加美观一些。

使用工具,火狐及其Web开发扩展Firebug,当然也可以使用其它类似的浏览器扩展功能,目的是找到准备修改模块的CSS选择器。

鼠标停在修改模块右键调出菜单选择“使用Firebug”查看元素,找到模块选择器,如图:

会看到这个模块的外层是#img_widget-15,内层是.img_widget

找到这个就可以了,将下面代码加到主题选项→定制风格→自定义样式代码框中:

#img_widget-15 .img_widget{ padding: 3px 0 3px 0;}

修改其中的“3px”为合适的大小即可,另外其它小工具可能选择名称不同,调整这个还是需要点DIV+CSS基本的,杂志布局侧边小工具及企业布局小工具对齐也参照调整。

但有个问题就是,就是当屏幕窗口小于页面正常宽度时,杂志小工具还是会有借位对不齐的问题,响应式布局设计不可规避的弊端,就是结构布局不能太复杂。

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

例二、以图片形式调用ID为88的分类最新的4篇文章:

更多实例代码折叠

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

例三、调用ID为88的分类最新的5篇文章:

div class=“post_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(); ? ?php the_title( sprintf( ‘li class=“cat-title“i class=“fa fa-angle-right”/ia href=“%s” rel=“bookmark”’, esc_url( get_permalink() ) ), ‘/a/li’ ); ? ?php endwhile; ? ?php wp_reset_query(); ? /ul/div

例四、调用分类DI为88的最新10篇文章(两栏)

div class=“post_cat cat_two” ul ?php $loop = new WP_Query( array ( ‘showposts’ = 10, ‘cat’ = 88, ‘post__not_in’ = get_option( ‘sticky_posts’) ) ); while ( $loop-have_posts() ) : $loop-the_post(); ? ?php the_title( sprintf( ‘li class=“cat-title“i class=“fa fa-angle-right”/ia href=“%s” rel=“bookmark”’, esc_url( get_permalink() ) ), ‘/a/li’ ); ? ?php endwhile; ? ?php wp_reset_query(); ? /ul/div

修改其中的数字 88 为分类自己的分类ID,并添加下面相应的样式才能实现两栏排版

例五、调用多个分类文章,下面代码按时间顺序调用ID88和ID99的分类最新10篇文章(两栏)

div class=“post_cat cat_two” ul ?php $ar企业 = array( ‘posts_per_page’ = 10, ‘cat’ = ‘88,99’, ‘ignore_sticky_posts’ = 1 ); query_posts($ar企业); ? ?php while (have_posts()) : the_post(); ? ?php the_title( sprintf( ‘li class=“cat-title“i class=“fa fa-angle-right”/ia href=“%s” rel=“bookmark”’, esc_url( get_permalink() ) ), ‘/a/li’ ); ? ?php endwhile; ? ?php wp_reset_query(); ? /ul/div

修改其中的数字 88和99为自己的分类ID,多个分类用半角逗号隔开。同时不要忘了添加下面相应的样式才能实现两栏排版

两栏样式代码:

将下面样式代码添加到主题选项→定制风格→自定义样式代码框中

.cat_two li { float: left; width: 45% !important; line-height: 210%; margin: 0 20px 0 0; whitewhite-space: nowrap; word-wrap: normal; text-overflow: ellipsis; overflow: hidden;}@media screen and (max-width: 480px) { .cat_two li { width: 95% !important; margin: 0 0 0 0; }}

其中的showposts’ = 4, 数字4是文章篇数,’cat’ = 88数字88是分类ID

46、为单独的某篇文章添加背景

将下面的代码添加到主题选项→定制风格→自定义样式中:

.postid-6367 { background: #f1f1f1; background:url(‘http://zmingcx.com/wp-content/uploads/2012/08/79760-772704496-8.gif’);}

其中:postid-6367为该文章页面特有选择器,后面的数字为文章ID。

可以通过查看网页源代码中这句:

body class=”single single-post postid-6367 single-format-standard logged-in”

获得。另外,背景颜色与图片只选择添加一个样式属性就可以了。

效果见本文背景色

47、在侧边栏加一个网站概况小工具

将下面代码添加到增强文本小工具中即可。

ul class=“site-profile”lii class=“fa fa-file-o”/i 文章总数:?php $count_posts = wp_count_posts(); echo $published_posts = $count_posts-publish;? 篇/lilii class=“fa fa-commenting-o”/i 留言数量:?php global $wpdb; echo $wpdb-get_var(“SELECT COUNT(*) FROM $wpdb-comments”);? 条/lilii class=“fa fa-folder-o”/i 分类数量:?php echo $count_categories = wp_count_terms(‘category’); ? 个/lilii class=“fa fa-ta企业”/i 标签总数:?php echo $count_ta企业 = wp_count_terms(‘post_tag’); ? 个/lilii class=“fa fa-link”/i 链接数量:?php global $wpdb; echo $wpdb-get_var(“SELECT COUNT(*) FROM $wpdb-links WHERE link_visible = ‘Y’”); ? 个/lilii class=“fa fa-clock-o”/i 运行时间:?php echo floor((time()-strtotime(“2007-8-1”))/86400); ? 天/lilii class=“fa fa-eye”/i 浏览总量:?php echo all_view(); ? 次/lilii class=“fa fa-pencil-square-o”/i 最后更新:?php global $wpdb; $last =$wpdb-get_results(“SELECT MAX(post_modified) AS MAX_m FROM $wpdb-posts WHERE (post_type = ‘post’ OR post_type = ‘page’) AND (post_status = ‘publish’ OR post_status = ‘private’)”);$last = date(‘Y年n月j日’, strtotime($last[0]-MAX_m));echo $last; ?/li/ul

效果如图:

48、备份主题设置

登录空间数据库管理页面,打开当前的数据库并找到wp_options表,

[s][p]

点击浏览,如下图:

点击下面的翻页按钮,找到begin项,勾选后点击导出。导出时默认选项就可以了。

[/p]

恢复备份时,同样需要先找到begin项,勾选后,点击删除,然后点击上面导航菜单导入按钮,导入之前导出的备份即可。

49、调整Ajax组合小工具加载动画高度

主题5.0版本新增的Ajax加载的组合小工具,默认是5篇文章,当你改变文章数量后,在载入文章过程中有个加载动画的高度并不会变,加载完文章动画结束后,会有一个瞬间的高度变化,有些不协调

解决方法:可以将下的代码,添加到主题选项→定制风格→自定义样式代码框中:

默认是:

.wpz-loading { min-height: 550px;}

4篇文章时用:

.wpz-loading { min-height: 459px;}

6篇文章时用:

.wpz-loading { min-height: 641px;}

数值大约都是相差:91

当然你也可以直接修改样式文件。

50、演示数据

适合新站点,想学习一下主题设置,但又无足够文章量用于调试,演示数据包括6个分类,大约70多篇文章和图片、视频、商品等若干文章及12个页面。

下载演示数据

使用方法:登录WP后台→工具→导入→选择WordPress→之后会提示你安装WordPress 导入工具,安装启用后,上传导入演示数据即可。

51、修改网站域名

备案期间有的用户准备用临时的域名测试一下空间和主题使用,并填充了部分文章,同时主题各项设置也弄好了,当备案下来后,不准备全新安装WordPress想保留之前的文章和设置,这里提供修改域名的方法,供大家参考:

安装Wordpress站内链接修改插件:Velvet Blues Update URLs

也可下载我汉化的版本:

汉化版本下载

插件使用简单,后台—-工具—–更新链接,打开更新链接页面,分别输入旧的链接(旧的网站地址)和新的链接(新的网站地址),并选择要更新内容即可,如果无特殊情况可以勾选所有。

最后,设置—-常规—常规设置面将WordPress地址(URL) 和站点地址(URL)的地址改为新域名的链接,重新登录网站完成域名更换。

提示:

该方法同样适用于换空间域名,导入导出数据库后的修改操作。

另外,操作数据库有风险,请提前做好备份。

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、隐藏注册页面头部的广告位

分别打开begin\pages目录的template-reg.php和template-register.php模板文件找到:

/style

在其上面添加:

.ad-site { display: none;}

54、恢复老版本通过短代码添加的视频

因之前的添加视频短代码与正常的视频添加标签冲突,所以在之后的主题版本中修改了短代码参数,想恢复显示,可以将下面的代码添加到主题functions.php模板文件最后:

function m_videos( $atts, $content = null ) { extract( shortcode_atts( array ( ‘href’ = ”, ‘img’ = ‘img class=“aligncenter” src=“‘.$content.’”’ ), $atts ) ); return ‘div class=“video-content”a class=“videos” href=“‘.$href.’” title=“播放视频”’.$img.’i class=“fa fa-play-circle-o”/i/a/div’;}add_shortcode(‘video’, ‘m_videos’);

55、解决WordPress自带媒体播放器与滑动解锁冲突

通过媒体库插入视频MP4,会直接调用WordPress自带的HTML5媒体播放器,并同时调用自带的jquery库文件,与主题的jquery产生冲突,造成滑动解锁失效。因暂时不清楚这个自带的媒体播放器原理,临时的解决办法:

打开wordpress程序wp-includes\js\jquery目录的jquery.js清空里面的内容并保存替换。

修改后,是否会影响其它插件功能未知,酌情使用。

另外,上传视频文件到本地空间播放,对于虚拟主机感觉真奢侈、真任性….

56,另一个为网站添加背景底纹的方法

使用WP自带的背景功能,为网站添加背景底纹图片,会影响到主题自带的注册页面模板的背景,可以将下面的代码加到主题选项→定制风格→自定义样式代码框中:

body {background: url(‘图片地址’) repeat top left scroll;}

同样达到为网站添加背景底纹的目的,而又不影响注册页面的背景。

57、导航菜单不跟随固定在顶部

打开主题样式文件style.css,查找:

#menu-box.shadow { top: 0; position: fixed; background: rgba(255, 255, 255, 0.9);}

将其中的

position: fixed;

删除即可。

或者将下面的代码添加到主题选项→定制风格→自定义样式代码框中:

#menu-box.shadow { position: inherit;}

58、短代码中嵌套其它短代码

之前主题集成的短代码有一个问题,就是回复可见、文字折叠、密码保护短代码中不能嵌套其它下载按钮之类的短代码,不能完全发挥这些短代码的功能,解决办法:

打开主题begin\inc\functions目录(1.8版)的default.php模板文件,分别将大约第220行、234行、244行、500行代码中的:

$content

替换为:

do_shortcode( $content )

另外,文字折叠短代码嵌套在其它短代码中第一个【p】必须按住Shift上档键+回车才能正常运行,如图:

59、隐藏分类归档页面侧边栏

把下面代码加到主题选项→定制风格→自定义样式代码框中

.archive #primary {width: 100%;}.archive #sidebar{display: none;}

60、在小屏手机上隐藏右侧的固定模块

把下面代码加到主题选项→定制风格→自定义样式代码框中

@media screen and (max-width: 620px) {#scroll {display: none;}}

61、批量删除特色图像

如果之前用的主题是采用特色图像实现缩略图功能,这些特色图像尺寸并不一定能适合begin主题,所以可以删除这些特色图像,直接使用主题集成的自动裁剪图片功能。手动删除工作量大,可以用下面的代码,批量删除特色图像。

一、准备工作(必须)

因批量删除特色图像的同时,会将原图一并删除,所以需要将图片附件目录\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’ “ );

只需刷新一下页面,特色图像就已被删除,该代码不需要留在functions.php模板中,用后删除。

三、恢复图片附件备份

将备份的图片附件复制回去。

批量删除后,唯一的缺点是删除的这些图像在媒体库中将消失,但并不影响在文章中的显示。

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;}

这样就添加一个没有超链接的菜单项目,该方法不支持低版本IE.

64、在侧边增强小工具中添加一个多彩的菜单

效果如图

先将增强文本小工具拖进侧边栏中,然后将下面的粘贴进去

div class=“colorbar-box” ul class=“colorbar” lia href=“链接地址” target=“_blank” style=“background-color:#ff3030;”我是文字/a/li lia href=“链接地址” target=“_blank” style=“background-color:#428BCA;”我是文字/a/li lia href=“链接地址” target=“_blank” style=“background-color:#e84266;”我是文字/a/li lia href=“链接地址” target=“_blank” style=“background-color:#91c24f;”我是文字/a/li lia href=“链接地址” target=“_blank” style=“background-color:#f49800;”我是文字/a/li /ul/divstyle 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

效果演示及canvas-nest.js下载

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 上一篇/spanbr/%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/spanbr/%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 上一篇/spanbr/%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/spanbr/%title/span’ ); } else { echo “span class=’meta-nav’span class=’post-nav’没有了br//span已是最新文章/span”; }?

即可

67、网站使用https提示不安全

由于主题集成了百度分享和关注微博,引用了外部的JS文件,所以使用https会提示不安全,关掉这两个功能。

如果还提示不安全,原因可能出现在Gravatar头像上,尝试进入主题选项–辅助功能—Gravatar 头像获取–勾选“从官方ssl获取”,或者安装一个头像缓存插件。

68、修改禁用登录用户进后台的角色

主题可以禁用非管理以下用户进后台,可以通过修改让编辑或者作者角色用户进后台。

打开begin\inc\function目录的default.php模板文件,查找“manage_options”

替换为“publish_pages”编辑角色可以进后台

替换为“edit_posts”作者和投稿角色可以进后台

69、公司主页添加自定义HTML模块

主题默认的公司主页虽然预设了很多模块,但可能还是不能满足用户的内容展示的需求,可以将下面的代码HTML代码添加到公司主页模板文件pany.php(文件位置:begin\template目录),适当的位置,修改其中的文字、链接及图片地址,并将相应的CSS样式添加到主题style.css样式文件最后,或者主题选项→定制风格→自定义样式中。适合添加固定的不需要经常更新的内容。

效果如图

展开HTML代码:[s][p]

!– 图片居右 –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” !– 标题 – h3span1/span自定义HTML代码/h3 !– 说明文字 – p适用于公司主页,添加固定的文字及图片内容。使用方法将HTML代码添加到公司主页模板文件pany.php(文件位置:begin\template目录),适当的位置, 并修改其中的文字、链接及图片地址。并将相应的CSS样式添加到主题style.css样式文件最后或者主题选项→定制风格→自定义样式中/p !– 标题列表 – ul lia href=“http://zmingcx.com/” target=“_blank”i class=“fa fa-angle-right”/i自定义HTML代码适用于公司主页/a/li lia href=“http://zmingcx.com/” target=“_blank”i class=“fa fa-angle-right”/i显示固定的文字及图片/a/li lia 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” !– 标题 – h3span2/span自定义HTML代码/h3 !– 说明文字 – p适用于公司主页,添加固定的文字及图片内容。使用方法将HTML代码添加到公司主页模板文件适当的位置, 并修改其中的文字、链接及图片地址。/p !– 标题列表 – ul lia href=“http://zmingcx.com/” target=“_blank”i class=“fa fa-angle-right”/i自定义HTML代码适用于公司主页/a/li lia href=“http://zmingcx.com/” target=“_blank”i class=“fa fa-angle-right”/i显示固定的文字及图片/a/li lia 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

[/p]

修改其中的文字、链接及图片地址。

当然代码并不只适用于公司主页模板,也可以添加到增强文本小工具中,添加到杂志布局单栏小工具中,但需要注意的是,需要将上面代码中开始两行的:

div class=“row” div class=“col”

和最后两个:

/div/div

删除,否则会显示样式错误。

可能有用户会问题这个布局样式为什么不直接做到主题中,原因是受响应式设计的限制,这种三个模块左右不对称的布局,在不同窗口大小中,无法完美对齐,只有两种模式下才能正常显示:屏幕窗口大于页面宽度和小屏手机上。

展开样式代码:[s][p]

.wd { width: 50%; float: left; font-size: 15px; padding: 15px;}.wd h3 { font-size: 20px; margin: 0 0 15px 0;}.wd h3 span { background: #555; color: #fff; font-weight: normal; margin: 0 15px 0 0; padding: 0 9px; border: 1px solid #555; border-radius: 2px;}.wd ul li { width: 99%; line-height: 28px;}.wd i { margin: 0 10px 0 0;;}.wd-img { width: 50%; float: right;}.wdr, .wd-imgl { float: left;}.wdl, .wd-imgr { float: right;}.wd-img img{ float: left; height: auto; max-width: 100%; width: auto;}.wd p { text-indent: 2em; margin: 0 0 10px 0; padding: 10px 0; border-bottom: 1px dashed #c1c1c1;}.widget_php_text { margin: 0 0 15px 0 !important;}.link-n { float: left;}.link-n a { background: #fff; width: 120px; color: #fff; display: block; line-height: 30px; text-align: center; margin: 15px 15px 0 0; padding: 0 12px; border-radius: 2px;}.link-n a:hover { background: #444; color: #fff;}.link-nl a { background: #555;}.link-nr a { background: #c40000;}@media screen and (max-width: 640px) { .wd-img { width: 100%; } .wd { width: 100%; }}

[/p]

70、社交网站登录按钮添加到主题登录弹窗中(目前的主题无需修改)

以Open Social插件为例,打开themes\begin\inc目录的login.php模板文件,在下面倒数第二行:

div class=“login-b”/div

上面添加:

div class=“social_login” style=“background: #f8f8f8;padding-left: 20px;”?php echo open_social_login_html();?/div

另外,Open Social插件集成的登录小工具写的不是很标准,添加后标题前面没有小图标,很不协调,需要修改一下插件,打开plugins\open-social目录的open-social.php文件,将大约第1382行的:

$html .= ‘h3 class=“widget-title“’.$title.’/h3’;

改为:

$html .= ‘h3 class=“widget-title“i class=“fa fa-bars”/i’.$title.’/h3’;

建议下载安装文本编辑器 notepad++ 编辑模板文件。

71、去掉杂志(CMS)首页侧边栏

打开begin\template目录的cms.php模板文件,将大约57行调用侧边栏代码:

?php get_sidebar(‘cms’); ?

替换为:

div class=“clear”/div

并在主题选项→定制风格→自定义样式中添加:

.home #primary { width: 100%;}

修改后各模块样式不会改变

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、编辑以上角色可见“公告、图片、视频、商品”菜单项

打开主题begin\inc\function目录的post-type.php模板文件,在第2行添加:

if ( current_user_can( ‘publish_pages’ ) ){

在倒数第二行最后一个“?”上面添加:

} else { }

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’); }}提示

以上第72、73、74条适用于作者角色进入后台发表文章。

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为例,打开主题函数模板functions.php文件在大约237行,原调用代码为:

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 );

修改其中:http://zmingcs.com 为外链接JS文件的绝对路径,例如:

赞(0)
如需转载请注明出处:遇见seo » Begin主题常见问题