WordPress站点改用了GeneratePress主题,使用起来感觉还不错,但发现一处问题,后台编辑器样式方面,预格式化区域<pre>…</pre>没有与前台显示一致,这不得于可视化编辑,所以做了简单的补丁。另外,因为习惯上把代码写在 <pre> … </pre>中,多加一行定义等宽字体。
修改文件 wp-content/themes/generatepress/assets/css/admin/editor-typography.css 追加了如下内容
pre { background: rgba(0,0,0,.05); margin-bottom: 1.5em; padding: 20px; overflow: auto; max-width: 100%; font-family: Consolas, Monaco, monospace; }
自然,如果主题有更新,这处修正就要被覆盖掉,届时要再做修改。目前只这一处修改,就没必要搞成子主题了。
GeneratePress主题的做的自定义格式修改,后台菜单 – 外观 – 自定义 – 额外CSS,如下
.site-main .post-navigation { margin: 2em 0 2em;} .widget-area .widget { padding: 10px; } .widget-title{margin-bottom:10px;} pre{font-family: Consolas, Monaco, monospace;}
Eof