WordPress优化:修改文章标签为彩色标签

一 介绍

如题所示,没改样式之前是这样的:

改了样式之后显示的效果是这样的:

关于这个样式的修改是在一位朋友的帮助下找到了其定义的文件,然后他又给了我参考代码,真的非常感谢。我做的仅仅只是把颜色替换成我自己还算满意的颜色而已

二 修改样式

这个样式文件定义在主题下的style.css文件中,更具体的说是“.footer-tag a”这一段,找到这一段样式定义然后替换成我下面的样式即可

.footer-tag a {background-color: #FF7F27;box-sizing: border-box;color: #fff;display: inline;font-size: 12px;height: auto;line-height: 10.5px;padding-bottom: 3px;padding-left: 7.2px;padding-right: 7.2px;padding-top: 3px;text-align: center;vertical-align: baseline;white-space: nowrap;width: auto;}.footer-tag a:nth-child(2){background-color: #00A2E8;}.footer-tag a:nth-child(3){background-color: #A349A4;}.footer-tag a:nth-child(4){background-color: #ED1C24;}.footer-tag a:nth-child(5){background-color: #B5E61D;}.footer-tag a:nth-child(6){background-color: #22B14C;}.footer-tag a:nth-child(7){background-color: #B97A57;}.footer-tag a:nth-child(8){background-color: #7F7F7F;}.footer-tag a:nth-child(9){background-color: #FFF200;}.footer-tag a:nth-child(10){background-color: #7092BE;}.footer-tag a:hover {cursor:pointer;}.footer-tag a.space{background-color: #BCBCBC;}.footer-tag a:before {
    content: "#";}.footer-tag a:hover {
    background: #999;}
时间: 2024-10-13 10:22:48

WordPress优化:修改文章标签为彩色标签的相关文章

WordPress批量修改文章内容、URL链接、文章摘要

通过SQL语句来批量修改wordpress博客内容,文章中所有语句都使用默认的wp_表前缀,如果您的数据表前缀不是wp_则需要在语句中作相应更改. 方法/步骤 批量修改文章内容 如果您想替换之前写过的所有文章中的某些内容,如更换博客的名称.更换博客的网址.更换文章配图的链接等,您可以使用以下SQL语句: UPDATE wp_postsSET post_content = REPLACE( post_content,'旧的博客名', '新的博客名' ); 该语句的功能是将所有文章中的“旧的博客名”

WordPress如何调用随机文章标签

通常,很多站长都喜欢在博客边栏添加一个热门文章标签栏目,好处呢,不言而喻.很多站长的文章标签做得很漂亮,有彩色标签,3D标签,知更鸟Begin主题就可以实现3D显示. 由于Jane博客发现大多数站长的文章标签都是按热度显示的,所以就没必要再分享类似代码了,Jane博客要给大家分享的是随机显示文章标签代码. 代码特色 1.你可以把代码放在任何你希望显示标签的网页上,而不是拘泥于博客边栏(博客边栏通常都可以通过小工具实现,没必要贴入代码). 2.可以通过修改参数,控制显示数量. 3.随机显示限定数量

WordPress实现长篇文章/日志/单页面分页功能效果

在WordPress里写文章,如果内容很多,你可能想要把文章分成几页来让访客浏览,这样既保持了网页的美观,也提高了网页的打开速度.但是在WordPress默认提供的按钮里,你可能找不到文章分页功能所对应的按钮,下面我就告诉大家如何使用文章分页功能. 在新版本版本的WordPress中,官方屏蔽了分页功能的快捷按钮,虽然我们可以通过修改源文件启用它,不过考虑到升级后它依然会失效而我又懒得写插件,这里我就不介绍如何恢复分页按钮了,我们不用它依旧可以进行文章分页. 1.首先我们要确认所使用的模版是否支

WordPress优化:6种方法加快WordPress网站运行

WordPress作为一个平台,本身具有非常良好的编码,性能也不错. 但是有些人选择WordPress建站后,总喜欢装一大堆拖慢网站速度的垃圾插件,然后选一个垃圾的虚拟主机.当然,即使你没有在自己的WordPress网站上面做一些傻逼的事情,你的网站也还是有很多带改进的地方.下面是一些对WordPress网站进行优化的常规性方法,也许对你有些帮助,可以提高你的WordPress网站的性能,加快网站运行. 这里有好多个个优化方法(有一些是常规性的,大家都知道:有些不是),看你如何去选择了. 当然还

WordPress优化必备插件

1.文章URL链接结构的优化 Permalink里面要包含postname.一般的服务器都支持mod_rewrite功能,使用这个功能可以优化Permalink(永久链接),在Option-Permalink里的Common options里进行设置,我比较倾向于使用/%year%/%monthnum%/%postname%.html这种链接结构,一来链接目录只有两级,利于索引,二来这种链接结构和Blogspot和Movable Type的链接结构一致,比较利于系统平滑迁移或切换.postnam

SQL索引一步到位(此文章为“数据库性能优化二:数据库表优化”附属文章之一)

SQL索引一步到位(此文章为“数据库性能优化二:数据库表优化”附属文章之一) SQL索引在数据库优化中占有一个非常大的比例, 一个好的索引的设计,可以让你的效率提高几十甚至几百倍,在这里将带你一步步揭开他的神秘面纱. 1.1 什么是索引? SQL索引有两种,聚集索引和非聚集索引,索引主要目的是提高了SQL Server系统的性能,加快数据的查询速度与减少系统的响应时间 下面举两个简单的例子: 图书馆的例子:一个图书馆那么多书,怎么管理呢?建立一个字母开头的目录,例如:a开头的书,在第一排,b开头

Laravel大型项目系列教程(三)之显示文章列表和用户修改文章

小 编心语:不知不觉已经第四部分了,非常感谢很多人给小编提的意见,改了很多bug,希望以后能继续帮小编找找茬~小编也不希望误导大家~这一节,主要讲的 是如何显示文章列表和让用户修改文章,小编预告一下(一共有八节哦)如果有不懂得地方,或者本文呢没有讲清楚的地方,敬请期待下一章节. 一.前言 上节教程中实现了发布文章的功能,本节教程中将大概实现在首页和用户主页分页显示文章和标签列表.用户能够修改删除文章. 二.Let's go 1.首页显示文章和标签列表 我们需要在首页显示文章和标签列表,修改vie

Laravel大型项目系列教程(四)显示文章列表和用户修改文章

小编心语:不知不觉已经第四部分了,非常感谢很多人给小编提的意见,改了很多bug,希望以后能继续帮小编找找茬~小编也不希望误导大家~这一节,主要讲的 是如何显示文章列表和让用户修改文章,小编预告一下(一共有八节哦)如果有不懂得地方,或者本文呢没有讲清楚的地方,敬请期待下一章节. 一.前言 上节教程中实现了发布文章的功能,本节教程中将大概实现在首页和用户主页分页显示文章和标签列表.用户能够修改删除文章. 二.Let's go 1.首页显示文章和标签列表 我们需要在首页显示文章和标签列表,修改view

laravel大型项目系列教程(四)之显示文章列表和用户修改文章

小编心语:不知不觉已经第四部分了,非常感谢很多人给小编提的意见,改了很多bug,希望以后能继续帮小编找找茬~小编也不希望误导大家~这一节,主要讲的是如何显示文章列表和让用户修改文章,小编预告一下(一共有八节哦)如果有不懂得地方,或者本文呢没有讲清楚的地方,敬请期待下一章节. 一.前言 上节教程中实现了发布文章的功能,本节教程中将大概实现在首页和用户主页分页显示文章和标签列表.用户能够修改删除文章. 二.Let's go 1.首页显示文章和标签列表 我们需要在首页显示文章和标签列表,修改views