スポンサードリンク

[WordPress 設定] カテゴリー内の投稿一覧をタイトルでリスト表示


カテゴリーやアーカイブに投稿のタイトルを一覧表示させるコードがあったので備忘録。

どんな風かは当ブログのカテゴリを開いてみると分かります。

(2008,08現在)

参考記事
カテゴリやアーカイブのタイトル一覧を表示 - 大山FP事務所

参考サイトに記載されてたコードをアーカイブ.PHPに追加するだけですが、テーマによっては合わないかもしれないのでアーカイブ.PHPはバックアップしておきましょう。

<ul>
<?php if ($posts) : foreach ($posts as $post) : start_wp(); ?>
<li id=”catpost-<?php the_ID(); ?>”><a href=”<?php the_permalink() ?>” rel=”bookmark” title=”Permanent Link: <?php the_title(); ?>”> <?php the_title(); ?></a><br />
<?php the_date(”); ?> at
<?php the_time() ?></li>
<?php endforeach; else: ?> </ul>
<p><?php _e(’Sorry, no posts matched your criteria.’); ?></p>
<?php endif; ?>

このコードをアーカイブ.PHPの

<h2 class=”archive_head”>Tagged as ‘<?php echo single_cat_title(); ?>’</h2> の下に挿入。

使ってるテーマで変わるかも知れませんが、挿入する場所は任意ですし、挿入する場所によっては見た目がおかしくなったりカテゴリ内の最新記事が表示されない時があったので

カテゴリ/アーカイブタイトルの下に挿入すると無難かもです。

んで、表示されるリストをスタイルで自分のブログに馴染ませる。

リストがタイトルと日時で表示されてくっついてたので「padding-top」で間隔を空けてみた。

ちなみにスタイルはこちら。
管理人はCSSをよく理解してないので書き方があってるかは分かりませんが。

.archivelist{
font-size: 10px;
color: #AAA;
padding-left:0.8em;
}

.archivelist a{
font-size: 15px;
color: #fff;
}

.archivelist ul{
list-style: none;
}

.archivelist ul li{
list-style: none;
margin: 0;
padding-top:1.8em;
}

んで、コードを<div class=”archivelist”>~</div> で囲む。
スタイル指定は任意です。


↓の評価ボタンを押してランキングをチェック!
素晴らしい すごい とても良い 良い
ブックマーク登録




Discussion Area - Leave a Comment