WordPress 配置

2016-08-24  配置    3,484

终于有了一个自己的博客!

我在这里把我折腾的东西写下来吧,作为笔记XD

至于怎么安装搭建WordPress我就不说了,基本上不需要折腾。这份笔记从折腾主题开始。

一、主题

我自己没见过多少wp主题,见过的所有wp主题里不收费的个人感觉最好看的就是这个Zanblog主题了,因此博客目前使用的就是这个主题(版本2.1)。

安装好主题以后,自己根据需求配置了一下。可是配置完以后我感觉还是有不少不顺眼的地方的。

  1. 最显眼的就是左上角那个大大的logo!于是我去网上找了个在线生成logo的网站生成了个logo,替换掉了/ui/images/logo.png,瞬间顺眼了不少
  2. 搜索框那个黑黑的边,我用chrome调试工具去掉黑边以后感觉毫无违和感美感度爆棚,所以我就机制的将/ui/css/core.css里的搜索边框背景的相关代码注释掉了XD,还去掉了按钮
  3. 登录框那里居然没有“隐藏”和“溢出”的小按钮,这就让我很不爽了,然后我研究了一下源代码,也加上了。upd:最后干脆把这个登陆框去掉了,改到了footer.php
  4. 字体和大小也不太顺眼,随便改了改
  5. 将markdown编辑器的[]()生成加上target="_blank"
  6. 手机端菜单栏显示非常差,和官方网站的源码比较了以后发现问题在header.php里,改一下就好了
  7. 加上了katex渲染tex
  8. /includes/widgets/里将所有部件文件里的hidden-xs去掉,以便于小屏幕设备能显示部件
  9. 改了一下小屏幕设备标题栏大小和位置
  10. 二级标题三级标题加上了点css
  11. 去掉了相关推荐,改了前后文章,改了评论表情包(修改方法
  12. 增加前往底部、评论按钮
  13. 在wp里用jquery必须这样jQuery(document).ready(function($) { blabla; }
  14. md...wordpresss自动把英文标点转换中文,日,搞得一堆bug,禁了!安装一个Quotmarks Replacer插件就好

二、插件

我就列个插件表

  1. a3 Lazy Load
  2. Akismet
  3. Auto Highslide
  4. BackWPup
  5. Crayon Syntax Highlighter
  6. DX-auto-save-images
  7. Featured Image Via URL
  8. Google Font Fix
  9. Infinite Scroll
  10. WP Markdown Editor
  11. WP 统计
  12. WP-PostViews
  13. Quotmarks Replacer
  14. 多合一SEO包
  15. 梅塔幻灯片
  16. 面包屑导航

安装Auto Highslide

安装Auto Highslide插件比较麻烦,用的是这里的插件,百度云下载地址
把它解压到/wp-content/plugins/文件夹里(不要直接在后台安装这个压缩包),然后在后台的插件里启用它。

然后编辑主题文件的header.php,加入

<script type="text/javascript">
jQuery(document).ready(function($) {
    $('.article img').each(function(i){
        if (! this.parentNode.href) {
            $(this).wrap("<a href='"+this.src+"' class='highslide-image' onclick='return hs.expand(this);'></a>");
        }
    });
});
</script>

代码块多一行空行

WP Markdown EditorCrayon Syntax Highlighter插件共用时,插入的代码后面一行会多一行空行
编辑主题的footer.php,加入

<script type="text/javascript">
var nodes = document.querySelectorAll('.crayon-pre');

if (nodes.length >= 1) {
    for (var i = nodes.length - 1; i >= 0; i--) {
        var lastnode = nodes[i].lastChild;
        if (lastnode.childNodes.length == 1) {
            nodes[i].removeChild(lastnode)
            var parent = nodes[i].parentNode.parentNode.children[0].children[0];
            parent.removeChild(parent.lastChild);
        };
    };    
};
</script>

文章中的链接在新窗口打开

将下列代码加到主题的functions.php

// 链接新窗口打开
function autoblank($text) {
    $return = str_replace('<a', '<a target="_blank"', $text);
    return $return;
}
add_filter('the_content', 'autoblank');

最后,给大家免费分享一下我博客的主题

xalanq_blog_theme.zip

记得在你的博客下加上下面一句话(注意加上超链接),想支持我的也能捐助下我哦

Theme By YeahZan and xalanq

5 条评论

  1. 博主您好!非常喜欢您的博客主题,但是zanblog主题官网好像已经挂了,所以可不可以给蒟蒻发一份您的主题压缩包呀 :idea: 万分感谢🙏

欢迎留言>_<

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据