对于pre的显示样式,我们完全可以自定义,免除插件的烦恼,下面给出一个参考,当然你想实现更强大的功能,建议你阅读:
1、强烈推荐手动安装谷歌代码高亮 google-code-prettify到wordpress
2、把WP-GeSHi-Highlight代码高亮插件集成到wordpress文本编辑器
3、WordPress代码高亮插件 WP-GeSHi-Highlight
将以下css样式添加到你主题的style.css中,你完全根据你的爱好,调整css样式,
/**pre**/
pre {
margin:20px auto;
padding:20px;
background-color:#aea8a8;/*根据自己需要修改背景底色颜色*/
white-space:pre-wrap;
word-wrap:break-word;
letter-spacing:0;
font:14px/26px 'courier new';
position:relative;
border-radius:3px;
}
调用方法:
wordpress编辑器 文本 模式下插入以下代码样式:
你需要发布的代码
本站的代码高亮就是使用了自定义的css样式。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。