首页 » Web技术 » PHP » 正文

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

| PHP | 300 条评论 | (43评) |

响应式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格式试试。

 

 

未完待续…

本文共 300 个回复

  • 网尽极客 2015/01/27 22:48

    还有问你下，你用的评论是多说吗？

    回复

  • 胖瓜博客 2015/01/30 21:32

    博主，找到一个bug，望修复ww1.sinaimg.cn/large/005X4kGljw1eorvcqxyhdj307n029gli.jpg显示不完全

    回复

    • Specs 2015/02/02 17:48

      @ 胖瓜博客 这个到样式表找到 .share，里面加上margin-left: 20px;就行了，只不过这样下面就不对齐了·

      回复

      • 胖瓜博客 2015/02/02 18:20

        @ Specs got it。 :grin: 错误：评论内容中必须含有中文。(Protected by WP Anti Spam)

        回复

  • joyc 2015/01/31 17:55

    多谢提供这么棒的主题，请教博主如同本站右侧小工具的 热点文章最新文章随即文章 这个固定的小栏目怎么实现的呢？盼回复，祝好

    回复

    • Specs 2015/01/31 18:03

      @ joyc 你在我这里搜一下“浮动”，那个里面有代码~

      回复

  • 胖瓜博客 2015/02/01 11:20

    osc的博主怎么又init了哦

    回复

  • Ken 2015/02/02 15:20

    请问要怎么取消这个主题的lazy load？个人不大喜欢这种方式

    回复

    • Specs 2015/02/02 17:02

      @ Ken functions.php里找到lazyload相关的，注释掉就行了~

      回复

      • Ken 2015/02/02 17:07

        @ Specs 已经可以了，谢谢啦 :grin:

        回复

  • Akio 2015/02/04 18:11

    :cry: 新手求大牛解答不知道是我主机问题还是哪里冲突了 ；安装bigfa的网易云音乐和xiami查件的时候也会这样，用其他主题倒没出现过报错下面报错是设置“社会化组件”的时候报错；Warning: Cannot modify header information - headers already sent by (output started at /data/home/qxu1142160141/htdocs/wp-content/themes/9IPHP-master/functions.php:1) in /data/home/qxu1142160141/htdocs/wp-includes/pluggable.php on line 1178

    回复

    • Specs 2015/02/04 21:42

      @ Akio wp版本是多少呢？

      回复

      • akio 2015/02/04 21:46

        @ Specs 最新版本的 :sad:

        回复

        • Specs 2015/02/04 22:54

          @ akio 你按我最新那篇文章，把DEBUG开了，看看有没有其他错误提示~

          回复

          • akio 2015/02/05 15:47

            @ Specs 已经解决了，是主机的PHP配置问题.感谢博主的解答.

            回复

            • Specs 2015/02/05 16:09

              @ akio 额。能说些下是什么配置吗？有其他人也遇到了这样的问题

              回复

              • akio 2015/02/05 16:12

                @ Specs 我用的阿里的虚拟机，后台有个“输出缓冲区数据块设置”，至于是php.ini里边的哪个选项我就没研究过了;开启之后，之前遇到的所有问题都没有了... :mrgreen:

                回复

                • Specs 2015/02/05 16:38

                  @ akio :eek: 但是我用的万网那个免费空间里，这个选项是关闭的，也没问题啊。。

                  回复

                  • akio 2015/02/05 16:41

                    @ Specs 那我就郁闷了~~你方便把你那个设置截图我看看吗？

                    回复

                    • Specs 2015/02/05 17:00

                      @ akio 我没改过那个，都是初始值

                      回复

                      • akio 2015/02/05 17:04

                        @ Specs 那你看下PHP版本，我开始是5.3，后来改了5.2，然后全开了那几个设置... :eek:

                        回复

                        • Specs 2015/02/05 17:06

                          @ akio 我现在这个是PHP5.3，然后除了“输出缓冲区数据块”和“注册全局参数”关闭，其他都是开启~

                          回复

                          • 寒星 2015/07/29 14:17

                            @ Specs 也有人通过把functions.php另存为UTF-8，无签名模式的文件后，解决问题的，仅供参考。 :razz:

                            回复

  • john 2015/02/05 18:21

    分页没有右则栏，首页是有的,求解决方法，谢谢

    回复

  • 一剑斜阳 2015/02/06 15:23

    感谢specs的无私分享，个人的博客用的是91php主题。其中运行天数建议修改格式为2015-1-1,2015.1.1这个格式在个人博客中未生效！

    回复

  • pengpaige 2015/02/06 22:15

    博主，请问你首页每篇文章预览左下角那个图是怎么生成的？

    回复

    • Specs 2015/02/07 09:28

      @ pengpaige 自动取文章第一个图

      回复

      • pengpaige 2015/02/07 20:00

        @ Specs 先谢谢博主的回复。我传了一张上去，放在文章开头，更新之后文章里可以显示原图，但是主页不能显示缩略图，图片是960*604大小201K，这是什么原因？

        回复

        • Specs 2015/02/07 21:17

          @ pengpaige 看你主题版本是不是太低了

          回复

          • pengpaige 2015/02/08 00:45

            @ Specs 现在是您的主题的1.3版本。我找到问题原因了。是这样的，我的博客是放在新浪SAE上的，SAE的WordPress的版本不支持timthumb.php,有没有其他的办法实现这个缩略图呢。搜到其他类似的问题，他们的主题function.php里面用到了function post_thumbnail( $width = 160,$height = 125 )这个函数，是在您的function里，我找到function _9iphp_post_thumbnail( $width = 255,$height = 130 )这个函数，但是函数的定义和他们的区别似乎挺大（原谅我纯小白，刚开始玩博客，PHP基本不会）。请问我有什么办法在现有的SAE平台上实现缩略显示吗？PS：附上上面提到的帖子blog.ymanz.com/wp/294.html谢谢！

            回复

          • pengpaige 2015/02/08 02:03

            @ Specs 研究了下发现实现逻辑区别还是挺大的，楼主能不能开一个贴讲下wp模板里面各个函数和文件的功能呢？

            回复

  • wazhuti.com 2015/02/08 01:41

    我的网站副标题，在后面设置显示，但是一直保存后，显示不出来。是什么原因啊 :cry:

    回复

123456…12

发表评论

友情链接