WordPress站点改用了GeneratePress主题，使用起来感觉还不错，但发现有一些问题，做了针对性的补丁，记录于此
问题表现
后台编辑器的预格式化区域与前台显示效果不一致。
后台编辑器样式方面，预格式化区域<pre>…</pre>没有与前台显示一致，这不得于可视化编辑，所以做了简单的补丁。另外，因为习惯上把代码写在 <pre> … </pre>中，多加一行定义等宽字体。（对应后面的修改项1）
前端字体异常
发现在某些 windows 10上， 字母 a, s 中间部分线条诡异得粗，很不谐调。
应该是因为字体font-family设置了 system-ui ，（定义于 themes/generatepress/assets/css/main.min.css, 75行）删之可解。（对应后面的修改项2）
对应的修改项
1. 后台编辑器的样式表
修改文件 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;
}
自然，如果主题有更新，这处修正就要被覆盖掉，届时要再做修改。目前只这一处修改，就没必要搞成子主题了。
2. 主题额外CSS
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;}
body,button,input,select,textarea { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";}
Eof
Last Updated on 2025/02/12