ランキング用の数字を出すための記述 今回はこんなランキングのデザインをCSSだけで実現する方法をご紹介します。 ランキング機能の実装は、WordPressを使ってる方であれば「WordPress Popular Posts」というプラグインが便利ですよ。 ランキング用のHTML HTMLの記述例がこちらです。分かりやすくul,liのリストを使ってますが、親子の箱が作れたらdivでもなんでも大丈夫です。li内も自由にカスタマイズしてください。 <ul class="ranking-box"> <li><a href="URL"><img src="画像のパス"><h2>記事のタイトルが入ります</h2></a></li> <li><a href="URL"><img src="画像のパス"><h2>記事のタイトルが入ります</h2></a></li> <li><a href="URL"><i