WordPress主题GeneratePress 补丁记录/后台编辑器中<pre>显示

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