WordPress的主题和插件安装&自定义HTML侧边栏

1. 主题

挑选主题的时候我的需求定位是这样的:

  1. 性冷淡风,简洁干净但不吃藕
  2. 适合博客,而不是商务or作品集or乱七八糟的
  3. 以文字为主,我可懒得为每篇文章配图,微信公众号已经足够恶心了🤮
  4. 有侧边栏

本来觉得官配主题「twenty nineteen」的性冷淡风很合我胃口,结果捯饬了一天发现它有一个无法忍受的缺点:不支持侧边栏!

我尝试了官网提供的自定义小工具方法但是失败了,怀疑是因为那条教程已经过时了;当然也可能单纯怪我不会PHP……

于是我重新挑了个主题,就是现在的GeneratePress

不用不知道,一用才知道功能真丰富,我挺满意的。

2. 插件

上知乎看了看常用插件。我主要装了这些:

  1. SSL:一键SSL证书安装。(虽然我没用上,最后还是手动安装的)
  2. Elementor:拖拽式狂拽炫酷排版,精致花哨,就是有点慢
  3. WP Fastest Cache:Cache嘛,加快加载速度用的
  4. Post Views Counter:文章访问量计数
  5. EWWW Image Optimizer:图片压缩,也是加快加载速度用的
  6. Wordfence:站点安全
  7. Yoast SEO:搜索引擎优化方面功能无比齐全

3. 自定义HTML侧边栏

害。我就想整个简简单单「头像-名字-一句话简介」个人介绍侧边栏,先是想用Elementor排版,结果发现它只能做具体页面,没法实现通用的侧边栏。多简单一功能啊,Elementor接下来应该考虑出一个编辑小工具的功能。后来我想直接用小工具自带的「文本」编辑器,插入图片和文字完了。结果效果太吃藕,简单的图左字右做不到……气得我啊。

于是我用我蹩脚的HTML写了简单几行代码:

<div style="width: 130%; margin-left: -10%;">
  <div style="display: flex;">
    <div style="width: 40%;"><img src="https://jyzhu.top/wp-content/uploads/2019/08/ricks-head.png" alt="" width="80%" height="71"></div>
      <div style="width: 60%;">
        <h3 style="line-height: 10px; margin-top: 20px;"><strong>树上吃鸡腿</strong></h3>
        <h5 style="line-height: 15px;">kayontree</h5>
      </div>
    </div>
    <div>
      <p><img draggable="false" class="emoji" alt="♀" src="https://s.w.org/images/core/emoji/12.0.0-1/svg/2640.svg">, <img draggable="false" class="emoji" alt="🏳️‍🌈" src="https://s.w.org/images/core/emoji/12.0.0-1/svg/1f3f3-fe0f-200d-1f308.svg">, loving coding & reading & my girl.</p>
    </div>
  </div>
</div>

效果如下:

就这么凑合着用吧……

留下评论