看到陌小雨首页 7 天热门排行下面的列表了么，前三名文章标题前面有一个彩色的数字，比那种呆板的 1、2、3 可好看多了，那么如何实现这种效果呢，今天陌小雨就教教大家。
实现思路：在文章列表循环输出时增加一个变量，输出一篇就自动+1，然后在给前 3 篇文章的数字添加一个背景属性即可。
具体方法陌小雨就不多说了，实在不会的话再联系陌小雨帮你解决吧，免费的！
请输入验证码查看内容
微信扫码，回复关键字“92wp”获取验证码即可查看
看到陌小雨首页 7 天热门排行下面的列表了么，前三名文章标题前面有一个彩色的数字，比那种呆板的 1、2、3 可好看多了，那么如何实现这种效果呢，今天陌小雨就教教大家。
实现思路：在文章列表循环输出时增加一个变量，输出一篇就自动+1，然后在给前 3 篇文章的数字添加一个背景属性即可。
具体方法陌小雨就不多说了，实在不会的话再联系陌小雨帮你解决吧，免费的！
![php实现记住密码下次自动登录的方法](https://dedewp.com/wp-content/themes/wpcool/timthumb.php?src=https://dedewp.com/wp-content/themes/wpcool/images/random/5.jpg&w=80&h=60&zc=1")
![陌小雨自嘲](https://dedewp.com/wp-content/themes/wpcool/timthumb.php?src=https://dedewp.com/wp-content/themes/wpcool/images/random/2.jpg&w=80&h=60&zc=1")
![WordPress中体验最好的Markdown插件](https://dedewp.com/wp-content/themes/wpcool/timthumb.php?src=https://dedewp.com/wp-content/uploads/post-21461-64a42f2de6c1a.&w=80&h=60&zc=1")
![提示为WP_Widget调用的构造方法已自版本4.3.0起废弃的解决办法](https://dedewp.com/wp-content/themes/wpcool/timthumb.php?src=https://dedewp.com/wp-content/uploads/2017090500010748.jpg&w=80&h=60&zc=1")
![WordPress插件推荐：xiu主题开启ajax和全站无刷新音乐的办法](https://dedewp.com/wp-content/themes/wpcool/timthumb.php?src=https://dedewp.com/wp-content/uploads/2017091522485978.png&w=80&h=60&zc=1")
![今天发现后台登录很慢](https://dedewp.com/wp-content/themes/wpcool/timthumb.php?src=https://dedewp.com/wp-content/uploads/houtai.png&w=80&h=60&zc=1")