WordPress:Coloured Quicktags

来自站长百科
跳转至: 导航、​ 搜索

你的管理面板有许多的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 指南上发表的。