WordPress: 一覧ページで記事に連番を振る

今、ランキングサイトを作ってます。

サイトの担当者は新人Y。

彼の業務をいかに効率化するかが最近の悩みなので、このサイトは8割自動化して、
入力フォームにちゃちゃっと文章と写真を入れたら記事が出来上がるように設計。

ランキング一覧ページを出した時に、
「●●位」の画像がずらっと自動で並んでくれたらいいなと思ってやってみたらできたのでメモ。

1)こんな順位入りの画像を1位~100位まで100個作成してアップ(Yが作る)
<img src="http://konishiaiko.info/blog/wp-content/uploads/koni_koni/imgs/2/9/294206ec.png" width="100" height="100" border="0" alt="no1" hspace="5" class="pict" /><br />

ファイル名は、

cat_rank_1.jpg
cat_rank_2.jpg
cat_rank_3.jpg
・・・
cat_rank_100.jpg

のように数字を振っておく。

2) functions.php にこのコードを追加

function getLoopCount(){
global $wp_query;
return $wp_query->current_post+1;
}

3) archive.php 連番を表示したいループ内にこのコードを追加

<?php echo getLoopCount(); ?> 

4) 記事一覧に 1,2,3・・・ と数字が出力されます!!

5) ここまで来たら終わったも同然。
<img src="cat_rank_1.jpg" /> の 1 の部分を
<?php echo getLoopCount(); ?> に置き換えて、、

<img src="cat_rank_<?php echo getLoopCount(); ?>.jpg" />

とすれば、該当するjpg が表示されます。

6) 一覧ページに画像がずらずらっと並んだのを見てちょっと感動☆

もっと合理的な方法があるかもしれないけど、今考え付くのはこれでした。

今回のランキングサイトは、評価の付け方、記事の並びかえ方、投稿&投票の仕方、
何より新人Yがいかに早く&ミス無く更新できるかを考えながら作って、面白かったし勉強になった。

楽しいね~ wp と php !!!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です