分类目录归档:Wordpress 优化

WordPress Twenty Twelve 主题开启暗黑模式

吃饱没事干,折腾了一下,给网站加了个根据时间自动切换暗黑模式的小功能。晚上 19.00 点到第二天早上 7.00 点之间,网站会自动变成暗色风格,看起来比较护眼。这次没有直接改 Twenty Twelve 主题的文件,而是用子主题的方式搞定的,这样以后主题更新也不用来回改代码。 给 WordPress 增加代码高亮功能:https://be7v.top/archives/93.htmlWordPress Twenty Twelve 主题修改:https://be7v.top/archives/43.html 之前写的这两个教程里面的功能我都全部整合到子主题 function.php 文件里了,还加了个”返回到顶部”的小按钮。大家如果想用的话,只要把 twentytwelve-child 文件 ... 阅读更多

给 WordPress 增加代码高亮功能

感谢 https://highlightjs.org/ 提供的代码高亮 js 与 css,让我们无需插件就可开启代码高亮功能。 修改 footer.php(主题页脚) 在末尾的 </body> 前插入以下代码 <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script> <!-- and it's easy to individually load additional languages --> <script src="https://cdnjs.cloudflare.com/ajax/libs/h ... 阅读更多

WordPress Twenty Twelve 主题修改

环境 WordPress 6.0.1 Twenty Twelve 3.7 PHP 8.1.9 修改 Twenty Twelve: 样式表 (style.css) 将以下CSS代码直接插入到 Twenty Twelve 主题样式文件(style.css)末尾即可生效。 去掉导航栏项目被点击后出现的虚线轮廓以及站点标题被点击后的轮廓 /*去掉导航栏项目点击后的轮廓*/ .main-navigation a { outline: none; } .wp-block-search__input { padding: 5px 6px; font-size: 13px; } input[type="text"],input[type="search"],textarea { o ... 阅读更多