30代は創造する

カテゴリーページを作成します。

01.カテゴリー名を表示する
記事のタイトルの上に、カテゴリーを表示します。
・記述
<p id="pagetitle"><?php single_cat_title(); ?></p>
・出力
<p id="pagetitle">(X)HTML</p>



02.カテゴリー名の装飾
style.cssを編集し、カテゴリー名を装飾します。

p#pagetitle {font-size: 0.875em;
  font-weight: bold;
  color: #0c8bcd;
  border: dotted 1px #0c8bcd;
  text-align: center;
  padding: 10px 0;
  margin-top: 0}



03. トップページに枠が表示されないようにする
トップページを表示すると、余計な枠が表示されています。


下記条件分岐を、カテゴリータイトル部分に追加することで、
カテゴリーページの場合のみ、カテゴリータイトル部分を表示させることが出来ます。
・記述
<?php if(is_category()): ?>
<p id="pagetitle"><?php single_cat_title(); ?></p>
<?php endif; ?>


04.古い生地と新しいきじのページへのリンクを追加する
下記記述を追加します。
・記述
<?php if(is_archive()): ?>
<p class="pagelink">
<span class="oldpage"><?php next_posts_link('&laquo; 古い記事'); ?></span>
<span class="newpage"><?php previous_posts_link('新しい記事 &raquo;'); ?></span>
</p>
<?php endif; ?>

<?php if(is_archive()): ?>～<?php endif; ?>は、
アーカイブ関連の場合に内容を表示します。
カテゴリーページはアーカイブ関連に含まれます。

[0回]