WordPress: Coloured Quicktags:修订间差异

来自站长百科
跳转至: 导航、​ 搜索
(新页面: There are a variety of WordPress Themes for your WordPress:Administration Panels, and you can find some of them in the [[WordPress:Using Themes/Theme List|T...)
 
无编辑摘要
 
(未显示另一用户的1个中间版本)
第1行: 第1行:
There are a variety of [[WordPress:Using Themes|WordPress Themes]] for your [[WordPress:Administration Panels]], and you can find some of them in the [[WordPress:Using Themes/Theme List|Theme List]] for [[WordPress:Using Themes/Theme List#Admin Themes|Administration Themes]]. There is even an article on designing your own [[WordPress:Creating Admin Themes|Admin Theme]].
你的[[WordPress:Administration Panels|管理面板]]有许多的[[WordPress:Using Themes|WordPress 主题]],你可以在[[WordPress:Using Themes/Theme List|主题列表]]中为[[WordPress:Using Themes/Theme List#Admin Themes|管理主题]]找到一些主题。那儿甚至还有一篇关于设计你自己的[[WordPress:Creating Admin Themes|管理主题]]的文章。


But if you want to just give your WordPress Theme a little face lift, you can quickly and easily add some color to your [[WordPress:Write Post SubPanel|Write Post]] [[WordPress:Write Post SubPanel#Quicktags|Quicktag Buttons]].
但是如果你只想将你的WordPress主题的外观稍微改善一下,你可以简单迅速地给你的[[WordPress:Write Post SubPanel|写文章]] [[WordPress:Write Post SubPanel#Quicktags|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 [[WordPress:Glossary#HTML|HTML]]/[[WordPress:Glossary#XHTML|XHTML]].
你可以在'''文章编辑''' 文本区域,的'''写文章'''面板上找到这些Quicktags,这些便利的标签可以帮你迅速地添加链接,格式和图像到你的文章上。点击一下,它们便给你插入了代码,使你能够将注意力集中到你的文章内容上而不是[[WordPress:Glossary#HTML|HTML]]/[[WordPress:Glossary#XHTML|XHTML]]


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


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


The buttons above look nice, but you might prefer something less vanilla and more colorful.
[[WordPress:Image:quicktagswithcolor.png]]


[[WordPress:Image:quicktagswithcolor.png]]


[[WordPress:Image:quicktagswithcolor.png| Image:quicktagswithcolor.png]]
==你是怎样制成这样的?==
想要知道怎样制成这个?以下是一些易于遵循的指示。
#在你的<tt>wordpress/wp-admin</tt>文件夹中,在一个[[WordPress:Glossary#Text Editor|文本编辑器]]中打开你的<tt>wp-admin.css</tt>文件。


==How Do You Do This?==
#在这篇文章的底部,将下面的CSS复制并且粘贴到<tt>wp-admin.css</tt>中。


Want to know how to do this? Here are the easy-to-follow instructions.
#保存文件。如果你正在你的硬盘上处理,将它上传到你的站点服务器上。


# In your <tt>wordpress/wp-admin</tt> folder, open your <tt>wp-admin.css</tt> file in a [[WordPress:Glossary#Text Editor|text editor]].
#点击写文章界面。
# At the bottom of this article, copy and paste the following CSS styles into <tt>wp-admin.css</tt>.
# Save the file.  If you are working on your hard drive, upload it to your site server.
# Click on the Write Post screen.
# If you are already on the Write Post screen, or you don't see a change, see: [[WordPress:I Make Changes and Nothing Happens]].


#如果你已经在写文章界面上,或者你没有看到更改,请看看:[[WordPress:I Make Changes and Nothing Happens|我更改了一下,但是什么也没变]]。
<pre>
<pre>
#ed_strong {
#ed_strong {
第68行: 第69行:
</pre>
</pre>


There are no rules about how you can style these or the [[WordPress:Developing a Colour Scheme|colors you use]], so just play!
关于你可以怎样设计这些或者[[WordPress:Developing a Colour Scheme|你可以使用的颜色]],这个并没有什么规则,所以只要试着设计,就行了!


This was originally published at [http://www.tamba2.org.uk/wordpress/ Podz' WordPress Guides]
这个最先在[http://www.tamba2.org.uk/wordpress/ Podz的 WordPress 指南上]发表的。

2008年4月23日 (三) 13:51的最新版本

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

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

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

默认情况下,Quicktag标签看起来是这样的:

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

WordPress:Image:quicktagswithcolor.png


Image:quicktagswithcolor.png

你是怎样制成这样的?[ ]

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

  1. 在你的wordpress/wp-admin文件夹中,在一个文本编辑器中打开你的wp-admin.css文件。
  1. 在这篇文章的底部,将下面的CSS复制并且粘贴到wp-admin.css中。
  1. 保存文件。如果你正在你的硬盘上处理,将它上传到你的站点服务器上。
  1. 点击写文章界面。
  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;
}

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

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