感觉这个排名榜挺好看的，所以就扒过来了这个排名榜非常的不错，我改了一下图标，加了几个图标，我感觉好看点，所以给大家分享一下吧

我这次我给这个搞了两个样式，第一个就是很多人喜欢就是手机显示嘛，然后我就放出来一个手机显示的，然后写一个手机不显示的教程，话不多说直接开始

先我们要知道这个排名榜一共是三个文件代码，HTML、CSS和图片，话不多说直接开始：

将HTML代码放到自己的主题或子主题index.php里面 我目前是放到/wp-content/themes/zibll/index.php里面搜下面的代码，然后放到他下面，然后进行CSS

也可以HTML代码放在 zibll/index.php 里面的底部 get_footer(); 之前HTML代码放在 zibll/index.php 里面的底部 get_footer(); 之前

首先看下图，第一个是分类ID，第二个是在首页出现几个

手机不限制代码HTML

CSS代码放到后台主题自定义内

第二种手机显示HTML版

CSS代码放到后台主题自定义内

下载地址：