编辑“WordPress彩色Quicktag”

<span style="border:1px solid #000; text-align:center; float:right; padding:6px;"><strong>导航:</strong> [[WordPress进阶使用|上一页]] | {{Template:WordPress导航}}</span>
<div style="clear:both;"></div>
[http://www.wordpress.la/codex-%E8%AE%A4%E8%AF%86WordPress%E7%AE%A1%E7%90%86%E9%9D%A2%E6%9D%BF.html <STRONG>管理面板</STRONG>]有多种[http://www.wordpress.la/codex-%E4%BD%BF%E7%94%A8WordPress%E4%B8%BB%E9%A2%98.html <STRONG>WordPress外观主题</STRONG>]可用，你可以在[http://www.wordpress.la/codex-%E4%BD%BF%E7%94%A8WordPress%E4%B8%BB%E9%A2%98.html <STRONG>使用主题</STRONG>]的<STRONG>外观主题列表</STRONG>（[http://codex.wordpress.org/Using_Themes/Theme_List <STRONG>Theme List</STRONG>] ）中找到一些。还有一篇有关[http://www.wordpress.la/codex-%E5%88%9B%E5%BB%BA%E7%AE%A1%E7%90%86%E9%9D%A2%E6%9D%BF%E4%B8%BB%E9%A2%98.html 创建管理面板主题]的文章。

如果你只是想稍微加饰一下WordPress外观主题的话，可以为日志撰写QuickTag按钮（[http://www.wordpress.la/codex-WordPress%E7%AE%A1%E7%90%86%E9%9D%A2%E6%9D%BF%E8%8F%9C%E5%8D%95%E4%BB%8B%E7%BB%8D%E4%B9%8B%EF%BC%9A%E8%AE%BE%E7%BD%AE%3E%E6%92%B0%E5%86%99.html 设置&gt;撰写]）使用不同的颜色。

在撰写日志面板的日志编辑文本区域上方的这些按钮能帮助你快速地添加链接，格式和图片。只需轻点鼠标，代码添加的工作就会自动完成，而你只需要专注于日志内容的编辑，而无需为[http://codex.wordpress.org/Glossary#HTML <STRONG>HTML</STRONG>]/[http://codex.wordpress.org/Glossary#XHTML <STRONG>XHTML</STRONG>]代码劳神了。

默认情况下，Quicktag按钮看起来是这样：

[[Image:Quicktagswithoutcolor.png|WordPress彩色Quicktag]]

上图中的按钮看起来还凑合，但你是不是觉得有点太单调了？加上点颜色会不会好些呢？

==添加颜色的方法==
想知道如何达到此目的吗？那么下面就给出相关指导吧。

#在wordpress/wp-admin文件夹中，找到wp-admin.css文件，并使用文本编辑器（text editor）打开。 
#将下面的CSS风格代码复制并粘贴到wp-admin.css文件内容的底部。 
#保存。如果你是在本地进行操作的，请将此文件上传到[[服务器]]。 
#点击撰写日志（Write Post）。 
#如果你已经转到撰写日志页面，但毫无变化的话，请参看[http://www.wordpress.la/codex-WordPress%E6%9B%B4%E6%94%B9%E4%B8%8D%E6%88%90%E5%8A%9F%E6%80%8E%E4%B9%88%E5%8A%9E%EF%BC%9F.html 更改无效怎么办]。 
 #ed_strong {
 background-color:#ff0000;
 }
 #ed_em {
 background-color:#ff6633;
 }
 #ed_link {
 background-color:#ffff00;
 }
 #ed_block {
 background-color:#CCFF66;
 }
 #ed_del {
 background-color:#00CC00;
 }
 #ed_ins {
 background-color:#33FF99;
 }
 #ed_img {
 background-color:#00FFFF;
 }
 #ed_ul {
 background-color:#0066CC;
 }
 #ed_ol {
 background-color:#9933FF;
 }
 #ed_li {
 background-color:#993399;
 }
 #ed_pre {
 background-color:#CCCCCC;
 }
 #ed_more {
 font-weight: bold;
 border: dotted;
 }
 #ed_next {
 color:#ff0000;
 background-color:#000;
 }

这些代码中使用的颜色只是举例而已，你可以按自己的喜好[http://www.wordpress.la/codex-%E8%89%B2%E5%BD%A9%E6%96%B9%E6%A1%88%E5%BC%80%E5%8F%91.html 随意定制]。

此文最早发布于[http://www.tamba2.org.uk/wordpress/ Podz' WordPress Guides]中。

==相关条目==
*[[Drupal]] 
*[[OBLOG]] 
*[[X-Space]] 
*[[SaBlog-X]] 
*[[Bo-Blog]]

[[category:WordPress中文文档|C]]
[[category:WordPress使用|C]]