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

发表 分类 阅读量: Valine: 字数: 1.7k 阅读时长 ≈ 2 分钟

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写了简单几行代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
<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>

效果如下：

就这么凑合着用吧……

相关文章