# 【WP】更改css 对code,quote样式进行美化

> 如果你对wordpress 默认的 code 样式不满意 那么你可以将它更改为下面效果的形式,如何改呢？ 1、查看源代码 2、ctrl+f，输入style.css 3、选择要偷的标签，ctrl+f查找 4、ctrl+c, 5、打开wp后台，外观，编辑，style.css 6、替换自己原本样式ctrl

如果你对wordpress 默认的 code 样式不满意 那么你可以将它更改为下面效果的形式,如何改呢？

1、查看源代码  
2、ctrl+f，输入style.css  
3、选择要偷的标签，ctrl+f查找  
4、ctrl+c,  
5、打开wp后台，外观，编辑，style.css  
6、替换自己原本样式ctrl+v  
7、如果没有，直接加在最后段

效果见下列：

> hello world！

`< ?php previous_post_link(’%link’); ?>   < ?php comments_template(); ?>   < ?php get_header(); ?>   < ?php the_permalink() ?>   < ?php wp_list_categories(); ?>`

<pre lang="php">&lt; ?php previous_post_link(’%link’); ?&gt;
&lt; ?php comments_template(); ?&gt;
&lt; ?php get_header(); ?&gt;
&lt; ?php the_permalink() ?&gt;
&lt; ?php wp_list_categories(); ?&gt;</pre>

hello world！  
因为平时用到的效果不多这些足够我用了,如果你看到别人的有什么效果你需要可以依靠最上面的方法进行修改  
另外本文用到了runcod插件  
顺便将  
为WordPress编辑器添加按钮的方法写这里

找到WordPress文件夹里的\\wp-includes\\js\\quicktags.js这个文件，这个文件里是编辑按钮的语句  
查找  
`edButtons[edButtons.length]=new edButton("ed_code","code","<code>","</code>","z");`  
在后面添加  
`edButtons[edButtons.length]=new edButton("ed_mycode","mycode","<pre lang='php'>","</pre>","z");`

再添加文章看看是不是加了这样的按钮呵呵！

---

**分类**：建站
**标签**：wordpress · code · CSS · quote · 样式
**作者**：子龙
**链接**：https://octohz.com/p/2567