看到陌小雨首页 7 天热门排行下面的列表了么，前三名文章标题前面有一个彩色的数字，比那种呆板的 1、2、3 可好看多了，那么如何实现这种效果呢，今天陌小雨就教教大家。
实现思路：在文章列表循环输出时增加一个变量，输出一篇就自动+1，然后在给前 3 篇文章的数字添加一个背景属性即可。
具体方法陌小雨就不多说了，实在不会的话再联系陌小雨帮你解决吧，免费的！
请输入验证码查看内容
微信扫码，回复关键字“92wp”获取验证码即可查看
看到陌小雨首页 7 天热门排行下面的列表了么，前三名文章标题前面有一个彩色的数字，比那种呆板的 1、2、3 可好看多了，那么如何实现这种效果呢，今天陌小雨就教教大家。
实现思路：在文章列表循环输出时增加一个变量，输出一篇就自动+1，然后在给前 3 篇文章的数字添加一个背景属性即可。
具体方法陌小雨就不多说了，实在不会的话再联系陌小雨帮你解决吧，免费的！
![WordPress根据用户名获取用户id：get_user_by()](https://dedewp.com/wp-content/themes/wpcool/timthumb.php?src=https://dedewp.com/wp-content/themes/wpcool/images/random/3.jpg&w=80&h=60&zc=1")
![2015年贫富标准：陌小雨是个穷人](https://dedewp.com/wp-content/themes/wpcool/timthumb.php?src=https://dedewp.com/wp-content/uploads/768FE0FB05F0.jpg&w=80&h=60&zc=1")
![WordPress新手必问的15个问题](https://dedewp.com/wp-content/themes/wpcool/timthumb.php?src=https://dedewp.com/wp-content/uploads/xibaibai.png&w=80&h=60&zc=1")
![零起点php入门第16课-php数组（5）](https://dedewp.com/wp-content/themes/wpcool/timthumb.php?src=https://dedewp.com/wp-content/uploads/20160919133454.png&w=80&h=60&zc=1")
![WordPress网站搬家只需3步](https://dedewp.com/wp-content/themes/wpcool/timthumb.php?src=https://dedewp.com/wp-content/uploads/banjia.jpg&w=80&h=60&zc=1")