网站建设

张戈博客成功启用移动端主题:Mobile Pack

建站以来,总是忙于PC端主题的折腾,移动端主题只是偷懒的使用了WPtouch插件。现在PC端主题已完善七七八八了,是时候折腾下移动端自适应主题了,毕竟WPtouch设计得太复杂,感觉稍有累赘。 早就见过了不少不错的移动主题,鉴于兼容性,我还是选择了与PC端主题一致的鸟哥制作的Mobile Pack主题,最主要的原因就是延续了对高亮代码的支持!用别的主题,我还得重新折腾和HotNewsPro一样的高亮样式,人懒不拆啊。先来张折腾后的预览图: 当然,你还可以点击DEMO实时预览。 鸟哥这款Mobile Pack用起来也很简单,直接下载后上传至Themes目录,然后安装一个主题调度插件即可。既然是写博文,还是得来点有用的经验,才对得起支持玛思阁的读者。所以,下面分享一下我的折腾过程以及经验,供各位参考! 调度插件 在移动主题页面,有如下使用说明: 使用说明: 主题需配合Wordpress移动设备检测插件: Any Mobile Theme Switcher wordpress mobile pack Device Theme Switcher 安装并启用上述任何一款移动设备检测插件都可以 鸟哥说安装任意一款主题调度插件即可,经过我测试,如果想要实现页脚主题切换按钮,那就应该安装第一个:Any Mobile Theme Switcher,如果你不要这个切换功能,那就随意装哪个都行。我个人比较喜欢这个【手机版—电脑版】可随意切换的功能,所以最终安装的是第一个。 安装之后,设置一看就懂,就不多说了,贴下设置界面,供参考: 在设置的最下面有这样一段Tips:  Theme Switch Shortcode Use the following shortcode 【show_theme_switch_link】in templates to show the theme switch link. Example: <?php echo do_shortcode('【show_theme_switch_link】'); ?> You can also add Switch Mobile Theme link to your Menus from Custom Links section under Appearance > Menus. Example: Url : http://zhangge.net/?am_force_theme_layout=desktop (For Mobile Theme) Url : http://zhangge.net/?am_force_theme_layout=mobile (For Desktop Theme) Label : As you wish :) 不难发现,这段英文是告诉咱们切换主题的连接代码有2种: 第一种:自动切换链接:当前为PC端主题时,它就显示你上图设置的【简洁版】,反之则为电脑版(推荐使用)! <?php echo do_shortcode('[show_theme_switch_link]'); ?>  //Ps:中括号已改为全角显示   第二种:写死的链接,如下编写后放到你要切换的位置,鸟哥的就是这样做的(不智能,懒得推荐)。 我认为第一种最适合我的胃口,将其贴到Mobile Pack主题下的footer.php相应位置即可实现【简洁版】—【电脑】自动显示。对于footer的其他微调,每个人都有自己的喜好,我就不啰嗦了,有什么疑问留言问我好了。 首页文章数 首页文章默认显示16篇,如果你要修改这个数字,可以打开主题下的首页模板 (index.php),找到第5行: 修改代码中的16为你希望初始显示的篇数即可。 导航设置 重点来了,如果之前你没遇到过,估计真的要认真看看这一段关于这个主题分类导航的设置: 这个移动主题的分类导航,鸟哥用的是WordPress的wp_list_cats函数,输出分类的代码位于主题下的header.php、index.php以及archive.php中,搜索关键字wp_list_cats即可定位。我们要DIY这个分类导航就必须了解每个参数的意思,然后再根据自己的喜好自由组合,下面我就先贴上这个函数的所有参数: 这个主题原版的分类输出代码如下:...
阅读全文