最新活动:电脑PC端+手机端+微网站+自适应网页多模板选择-建站388元起价!!!
当前位置:主页 > 网站建设 > wordpress主题开发:给标签云增加七彩背景色,建站

wordpress主题开发:给标签云增加七彩背景色,建站

时间:2023-07-23 13:07:23 阅读: 文章分类: 网站建设 作者: IT网站员

导读:建站技术建站技术wordpress主题开发:给标签云增加七彩背景色上一篇文章空谷给大家介绍了:给博客增加七彩(彩色)标签云,这个七彩标签云跟本篇文章介绍的七彩背景色完全不一样,网站优化技术网站技术支持。

网站优化技术网站技术支持

wordpress主题开发:给标签云增加七彩背景色

上一篇文章空谷给大家介绍了:给博客增加七彩(彩dede商城模板色)标签云,这个七彩标签云跟本篇文章介绍的七彩背景色完全不一样,七彩标签云指的是标签的本身是七彩的,本篇文章不是标签而是标签的背景色是七彩的,有点绕口令,还是看图说话,本篇要实现的七彩标签云背景色如图所示: 要实现七彩标签云背景色代码也很简单,代码如下:

  • <aside class="tags"><?php wp_tag_cloud('smallest=12&largest=12&number=45&order=DESC'); ?></aside>
  • 把这段代码放在侧边栏sidebar.php即可(smallest,largest表示字号大小,这里统一大小设置为12,number表示显示多少个标签,这里显示45个,order表示标签的排序方式,这里设置为降序,即安装标签含有的文章数量从多到少排序),同时还要在style.css样式表文件中加入以下代码:

  •  .tags {  
  •     padding: 12px 13px 10px 15px;  
  • }  
  • .tags a:nth-child(9n) {  
  •     background-color: #4A4A4A;  
  • }  
  • .tags a:nth-child(9n+1) {  
  •     background-color: #428BCA;  
  • }  
  • .tags a:nth-child(9n+2) {  
  •     background-color: #5CB85C;  dede手机模板
  • }  
  • .tags a:nth-child(9n+3) {  
  •     background-color: #D9534F;  
  • }  
  • .tags a:nth-child(9n+4) {  
  •     background-color: #567E95;  
  • }  
  • .tags a:nth-child(9n+5) {  
  •     background-color: #B433FF;  
  • }  
  • .tags a:nth-child(9n+6) {  
  •     background-color: #00ABA9;  
  • }  
  • .tags a:nth-child(9n+7) {  
  •     background-color: #B37333;  

    关键词标签: 建站 标签 背景色

  • 声明: 本文由我的SEOUC技术文章主页发布于:2023-07-23 ,文章wordpress主题开发:给标签云增加七彩背景色,建站主要讲述背景色,标签,建站网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_35723.html

    我的IDC 网站建设技术SEOUC.COM
    专注网站建设,SEO优化,小程序设计制作搭建开发定制网站等,数千家网站定制开发案例,网站推广技术服务。
  • 5000+合作客服
  • 8年从业经验
  • 150+覆盖行业
  • 最新热门源码技术文章