WordPress:Coloured Quicktags

There are a variety of WordPress Themes for your WordPress:Administration Panels, and you can find some of them in the Theme List for Administration Themes. There is even an article on designing your own Admin Theme.

你的管理面板有许多的WordPress 主题，你可以在主题列表中为管理主题找到一些主题。那儿甚至还有一篇关于设计你自己的管理主题的文章。

But if you want to just give your WordPress Theme a little face lift, you can quickly and easily add some color to your Write Post Quicktag Buttons.

但是如果你只想将你的WordPress主题的外观稍微改善一下，你可以简单迅速地给你的写文章 Quicktag标签添加一些色彩。

Found on the Write Post panel above the Post edit text area, these handy buttons help you quickly add links, formatting, and images to your post. With one click, they insert the code for you, allowing you to concentrate on your post content and not the HTML/XHTML.

你可以在文章编辑 文本区域，的写文章面板上找到这些Quicktags，这些便利的标签可以帮你迅速地添加链接，格式和图像到你的文章上。点击一下，它们便给你插入了代码，使你能够将注意力集中到你的文章内容上而不是HTML/XHTML。

By default, Quicktag buttons look like this: 默认情况下，Quicktag标签看起来是这样的:

[[WordPress:Image:quicktagswithoutcolor.png| Image:quicktagswithoutcolor.png]

The buttons above look nice, but you might prefer something less vanilla and more colorful.

上面的按钮看起来不错,但是你也许更想要一些少一点vanilla并且多一点色彩的按钮.

Image:quicktagswithcolor.png

你是怎样制成这样的?

Want to know how to do this? Here are the easy-to-follow instructions.

想要知道怎样制成这个?以下是一些易于遵循的指示。

1. In your wordpress/wp-admin folder, open your wp-admin.css file in a text editor.

1. 在你的wordpress/wp-admin文件夹中，在一个文本编辑器中打开你的wp-admin.css文件。

1. At the bottom of this article, copy and paste the following CSS styles into wp-admin.css.

1. 在这篇文章的底部，将下面的CSS复制并且粘贴到wp-admin.css中。

1. Save the file. If you are working on your hard drive, upload it to your site server.

1. 保存文件。如果你正在你的硬盘上处理，将它上传到你的站点服务器上。

1. Click on the Write Post screen.

1. 点击写文章界面。

1. If you are already on the Write Post screen, or you don't see a change, see: WordPress:I Make Changes and Nothing Happens.

1. 如果你已经在写文章界面上，或者你没有看到更改，请看看：我更改了一下，但是什么也没变。

#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;
}

#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;
}

There are no rules about how you can style these or the colors you use, so just play!

关于你可以怎样设计这些或者你可以使用的颜色，这个并没有什么规则，所以只要试着设计，就行了！

This was originally published at Podz' WordPress Guides

这个最先在Podz的 WordPress 指南上发表的。