改代码实现WordPress网站的一些优化调整【自定义代码块、折叠文本、浮动目录等】

个人对于Wordpress的功能实现,更偏向于代码实现,感觉这样也能学到不少东西,简单记录下一些我个人用的优化调整。需要注意,这种在主题文件上的修改,主题更新后,会覆盖修改内容。

1.更改主题的默认代码块样式

找到外观-主题文件编辑器-style.css,添加进去。位置就在body、h1这些字段附近就好。添加完需要用其他浏览器看才能生效(当前浏览器会有css缓存,导致看不出来)。

code {
font-family: 'courier new';
border: 1px dashed #e5e5e5;
background: #f5f5f5;
padding: 1.7em;
font-size: .8em;
display: block;
}

2.代码实现内容折叠功能

其实这个我一开始用的终极简码,但是折叠功能不知道为什么不生效,所以还是用代码实现吧。

3.实现目录生成和浮动

这里我实现下来可以用luckywp-table-of-contents和Fixed Widget and Sticky Elements for WordPress这两个插件实现,但是默认的luckywp-table-of-contents生成目录行间距太小,需要在wp-content/plugins/luckywp-table-of-contents\front\assets\main.min.css中添加.lwptoc_item_label{line-height:1.5em}设置为1.5倍行高,这样美观(其实easy-table-of-contents生成的目录更美观,但是它总把目录给我生成到我的主页)。

设置浮动目录的方法是先取消luckywp-table-of-contents的自动文章插入,然后在后台-外观-小组件,添加目录组件到侧边栏,选择旧版小工具的目录,然后勾选Fixed widget。

改代码实现WordPress网站的一些优化调整【自定义代码块、折叠文本、浮动目录等】》有一个想法

  1. Pingback引用通告: Wordpress必装插件推荐 - Aloneray

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注