首页 » Web技术 » PHP » 正文

响应式WordPress主题-9IPHP 使用教程及FAQ

响应式Wordpress主题-9IPHP 已经发布了很长时间了,本来觉得设置什么的都挺简单的,所以一直也没有出个使用教程,但是看到很多WP新手还是不会设置,于是现在来发布一篇晚到的教程。

注:主题启用后请先到“外观”–“Theme Options”中点一下保存,否则有些地方可能显示不正确。

Q:站点LOGO怎么切换为图片?

到后台“外观”–“Theme Options”中找到“站点 && 主题”标签页,在页面的“站点大Logo”与“站点小Logo”处分别上传图片即可。如果想换回文字标题,直接把这里的图片路径删除后保存即可。

Q:怎么设置导航栏?

这个其实就是跟其他主题都一样的,只是需要设置完之后在“主题位置”那里勾选一下。菜单处可以添加 分类、页面、链接等。二级菜单的设置只需要把菜单拖动到一级菜单的后面即可。

主题设置

Q:显示了文章的全部内容?

写文章的时候添加 “More”标签或者在“外观”–“Theme Options”–“文章&&页面”中选择“启用文章摘要”。

 Q:导航中怎么添加图标?

主题使用了 FontAwesome 字体图标,大家通过添加一小段代码就可以实现。比如我需要在 “首页” 前面添加一个字体图标,打开“外观”–“菜单”,找到菜单中的“首页”,点击后面的小三角展开菜单,在“导航标签”的“首页”前面添加 <i class="fa fa-home"></i> ,然后保存即可。

主题设置

 

详细的可用图标大家可以在我的导航栏的“字体图标”中查看。当然,除了在菜单中使用,这些图标在发布博客的时候也可以用,方法相同。

Q:主题小工具“站点统计”中运行天数显示不正确怎么设置?

到小工具那里填写正确的日期格式,如:“2015-01-01”、“2015-1-1”这样,而不要 “2015年1月1日”

 Q:列表页标题上方的图片怎么添加?

为文章添加“特色图像”即可。

Q:“返回顶部”上面的“友情链接”和“二维码”怎么添加?

打开 footer.php ,把下面的代码贴到“返回顶部”那行代码的上面。

<li>
	<a id="weixin" title="微信公众号" href="javascript:void(0)">
		<i class="fa fa-wechat"></i><div id="EWM"><img src="<?php echo get_template_directory_uri(); ?>/images/weixin_code.jpg" alt="二维码" /></div>
	</a>
</li>
<li><a id="share" title="友情链接" href="<?php bloginfo('url'); ?>/links" target="_blank"><i class="fa fa-link"></i></a></li>

 Q:缩略图不显示问题

可能是以下原因:

  • timthumb.php中没有加入图片的域名
  • 图片链接不是自己域名下的
  • SAE环境下不支持

解决方法:

1. 打开主题下的timthumb.php文件,在大约130行的ALLOWED_SITES数组中加入图片的域名

2. 可以使用七牛云存储来解决以上问题。把图片存储到七牛上之后,只需把functions.php里的_9iphp_post_thumbnail函数中return语句换成下面的语句即可

return '<img class="thumb pull-left" src="'.$strResult[1][0].'?imageView2/1/w/220/h/120" title="'.get_the_title().'" alt="'.get_the_title().'"/>';

Q: 主题提示“Warning: Cannot modify header information – headers already sent by…”

解决方法:修改PHP 配置文件,开启 “输出缓冲区”。(不会开启的自行百度!),或者试试把文件另存为,格式选择UTF-8无BOM格式试试。

 

 

未完待续…

本文共 287 个回复

  • Fr 2016/03/10 13:00

    老板,这个导航菜单在下拉页面刚刚要停靠在顶端时,页面会突然向上弹一下,然后导航才锁在最顶端了。

    • Specs 2016/03/10 16:15

      @ Fr 从哪下的?试试Github上下个最新的

      • Fr 2016/03/10 16:28

        @ Specs 是github下的最新的,包括你的网站也有这个问题。所有页面在我的firefox和edge浏览器下都有这个问题。其他浏览器未试验。我的情况是wordpress刚安装后其他地方不动,在装你的主题,1080p的屏,在这两浏览器下,不是登录wordpress状态,首页(笔记本和台式都试过了)下拉到底端会有一直弹弹弹的效果。不能下拉到底会,卡在黑色页脚上面。希望老板可以完善 :wink:

        • Specs 2016/03/10 17:35

          @ Fr 是哪儿弹?我试了firefox没有看到哪里有弹的问题啊

          • Fr 2016/03/11 09:06

            @ Specs 就这个留言页面,拉动右侧进度条向下,慢一点, top-banner快消失的时候导航栏就该锁定在顶端,这时 整个页面除了 锁定的导航栏 都会向上弹 大概一个导航栏高度。 慢慢下拉 100%可重复的。看上去就是整个页面向上跳了一下,不是那种在滑动的感觉。页面大小如果在某个特定的比例上,用浏览器的下拉条一直下拉就会弹弹弹的了。也很好重现。而这个问题在你网站所有页面都有。

            • Specs 2016/03/11 14:22

              @ Fr 1.这个是由于导航条变成了浮动的原因。2.当页面在某个高度范围内的时候是有那个弹弹弹的问题,但是我在我网站并没有发现是每个页面都有这情况啊。这个其实也是由于导航条要变成浮动引起的。你可以在主题设置中关闭导航浮动,应该就没有这个问题了。

  • chaos 2016/03/13 20:34

    用了七牛,外链图都显示不了了,换主题则正常显示

  • SpicyGeek 2016/03/14 17:08

    感谢博主的主题分享,小弟有个问题,就是希望能在底部写上自己的备案号,保留博主您的著作信息,但是不太清楚怎么加备案,望指点一二

  • 逛逛 2016/03/22 23:12

    这网站很不错啊

  • 王二麻子 2016/03/24 14:09

    域名,服务器是阿里上买的?

  • Sevenfal 2016/04/12 21:44

    你好,主题的二三级菜单能不能优化一下?www、sevenfal、com,比如我这个站,三级菜单跟二级菜单直接有个封,有时候想点三级菜单又点不到,但是如果挪上来点的话,那么二级菜单下面部分又被三级菜单挡住了,看了下css,二级和三级菜单是一个,所以不知道怎么改

  • stneng 2016/06/21 13:42

    请问该主题与simple-lazyload的兼容性如何?为什么我的评论中的图像占满了评论框?另:问问该站用的什么lazyload?

    • Specs 2016/06/21 22:19

      @ stneng 评论中不能添加图片啊~

      • stneng 2016/06/25 16:50

        @ Specs 是评论的头像

        • Specs 2016/06/26 21:35

          @ stneng 没太看懂你上面那句说的什么意思~

          • stneng 2016/06/29 10:09

            @ Specs 是评论的头像将评论框占满了 你可以去我邮箱后缀那个站点去看一下 谢谢

  • 灰常记忆 2016/08/04 21:42

    主题可否加上这个人机识别验证

  • 西西外 2016/09/24 09:02

    大神你好,我使用你的这个主题,遇到一个问题。就是底部的友情链接无法显示。您主题设置中是说填写分类id,如果不添加分类id则全部显示。但是不管我是否留空还是填写分类id(是文章的分类id吗?)都不会有任何显示。特来请教。

    • Specs 2016/09/25 18:41

      @ 西西外 分类 ID 是链接的分类啊。。。跟文章有啥关系。。

  • KKKen 2016/11/07 21:14

    大神好,应用了您这个主题后本来好好的。当我退出管理员用户的时候就出现了错误,然后我再进入/wp-admin页面的时候就提示这个,SO,进不去后台了,也没法改回来了。求解决方法。Warning: Cannot modify header information - headers already sent by (output started at /data/home/htdocs/wp-content/themes/9IPHP-master/functions.php:1) in /data/home/htdocs/wp-includes/pluggable.php on line 1174

1891011

发表评论