前言
2015年7月份建站只为满足拥有自己网站的小愿望,4篇日记和文章,采用的是默认主题Twenty Fifteen。然后就一直空置,我自己都忘了有这么个地方,直到2017年年末。再次来到自己的博客我投入了更多的精力,让博客看起来不再那么闲置。
首先更换了原本的默认主题,这个主题很适合喜欢简洁、记录为主的我,但原代码当时自带多条广告链接,评论功能也不完善,因此做了一些小的调整和改善,顺便去掉更新推送代码。(主题:Tokin,我没记错的话)
然后就是小功能:说说、评论显示UA信息、相册这些,看似只有几个小块,虽然是站在前任们的肩旁上,折腾起来也是够磨人的。这篇日记算是把我实现过程中碰到的点做个总结。
“说说”分页问题
网上关于“Wordpress添加说说墙”的教程代码千篇一律,确实也没太多必要添加新意。但若细微推敲下,就会发现“翻页”这方面网络教程都不会提到。在这我不好推测是前任们没能力实现还是没想过实现,但这确实会显得整个教程虎头蛇尾。
因为都没有提及,我又特别想实现“分页”功能,只能自己翻主题代码去找。虽然我不是程序员,但据了解他们写代码“取词”还是比较有规律可循的,毕竟没人会为难自己,后期维护也容易。首要明确自己要找的目标可能:nextpage、paginate、paginatelinks、pagenavi这些和“page”有关的单词。
虽然每个主题都不尽相同,但只要有“翻页”的页面肯定有以上单词其中的一个。比较幸运我首页就有“翻页”按钮,锁定index.php,pagenavi就是我要的了。代码如下:
<nav class="reade_more">
<?php if (function_exists('pagenavi')) { pagenavi(1); } ?>
</nav>
知道代码还需要知道插入位置,插错地方也是很麻烦的事ヾ(◍°∇°◍)ノ゙…不是嘛?根据我之前无数次插入的反复验证,放在<?php endwhile;endif; ?>
后面是很合理的。虽然我说的很简单,但其间我试验了多少次我都忘记了,毕竟10几天每天1小时才把“分页”找到并放在正确的位置也不容易~至于头像转圈、单条点赞这些花里胡哨的东西我都去掉,实用为主。
UA的ICON库问题
UserAgent中文名为用户代理,简称UA。UA所包含的信息包括操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件等。
关于“Worepress显示UA信息”的教程也蛮多的,大致相同。若只是简单的按照教程来,估计会像我一般把评论块弄得面目全非。因为前任们没说的除了CSS样式控制,还有icon库的引入问题。如果说CSS这部分不说是因为主题不尽相同,那忽略icon的引入这部分我只能斗胆猜测大部分教程只是依葫芦画瓢甚至自己都未曾实践过。
用了一天时间删除了冗余的代码,优化了显示问题,引入FontAwesome icon库。如果你主题有icon图标,具体表现:比如我网站右上角的“RSS”、“微博”、“Behance”和“Mail”图标。可以在主题目录下找到icon文件夹,会有使用文档链接到icon库网址或者GitHub地址。比如我的是草莓图标。但是你会发现草莓图标不够全,没有火狐、Edge、Safari这些浏览器图标。于是我Google到了另一个icon库:Font Awesome。这个库真的贼全面,居然有我最爱的Blackberry标 。引入icon库的方法网站有介绍,我就不赘述了,若不太理解官方的说明文档,可以下方留言。
另外有些主题显示“RSS”、“微博”、“Behance”和“Mail”图标只是简单的上传“png”格式图片,并没有引入icon库。那么就可以通过引入icon库来实现。
icon代码的使用方法:<i class="icon代码">你的文字</i>
相册浏览
页面插入相册没有翻页功能,不能当前页面大图浏览(点击图片跳转新标签页)。我用插件fancybox解决,但奇怪的是,单纯启用插件是不行的。需要在Function.php插入对fancybox的申明,目前没找到原因。代码如下:
//fancybox图片灯箱效果
add_filter('the_content', 'fancybox');
function fancybox ($content)
{ global $post;
$pattern = "/<a(.*?)href=('|")([^>]*).(bmp|gif|jpeg|jpg|png|swf)('|")(.*?)>(.*?)</a>/i";
$replacement = '<a$1href=$2$3.$4$5 rel="box" class="fancybox"$6>$7</a>';
$content = preg_replace($pattern, $replacement, $content);
return $content;
}
而且启用Pjax会使Fancybox失效,这个我暂时真地折腾不动了。
添加评论等级和博主认证
这个我之前写了一片分享文章,这里就做标题链接了。刚开始纯代码没操作明白,后启用有些简陋的插件,通过修改小部分用自己达到满意,第二天找到纯代码失败的原因。有个“友链认证”的小坑没填,估计一时半会填不上了,有实现的可以留言交流下ヾ(•ω•)o。
  后面的再写下去居然不显示了,我的天啊。主题是不支持长文章吗?!