« »

投稿タグの機能を利用する

WordPressカスタマイズ


投稿タグの機能を利用して記事をさらに整理します。 タグ機能は、類似記事を細かく分類するのに役立ちます。ココでは、記事ページにタグを追加する方法を説明します。

といってもそんなに難しくはありません。
記事ページにタグを表示する記述を書いて、後はタグの分類を表示するページのデザインレイアウトを記述したtag.phpのファイルをテーマについかするだけです。

 

まずは、投稿タグを表示する記述を記事ページを表示するファイルに記入します。
content.phpのタグ一覧を表示したい箇所に以下の記述を追加しましょう。

※記述部分をダブルクリックすると記述が全て選択されます。右クリックで保存して貼り付けてください。

<?php if(has_tag()): ?>
<?php the_tags('登録タグ: ',' ・ '); ?>
<?php endif; ?>

コレで、各記事ページに登録したタグが表示されます。

後は、タグをクリックした時に表示されるタグのページのデザインをtag.phpに記述してテーマに
加えます。内容は、カテゴリーのページを参考に以下のようなデザインにしましょう。

※記述部分をダブルクリックすると記述が全て選択されます。右クリックで保存して貼り付けてください。

<?php get_header(); ?><!--  ヘッダー部分(上部分)呼び出し  -->
<!-- パンくずリスト -->
<div id="breadcrumb">
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="<?php echo home_url(); ?>" itemprop="url">
    <span itemprop="title">トップ</span>
  </a> › </div>

<?php $catid = $cat; ?>
<?php $allcats = array(); ?>
<?php while(!$catid==0) {
  $mycat = get_category($catid);
  $catid = $mycat->parent;
  array_push($allcats, $catid);}
array_pop($allcats);
$allcats = array_reverse($allcats); ?>

<?php foreach($allcats as $catid): ?>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
  <a href="<?php echo get_category_link($catid); ?>" itemprop="url">
    <span itemprop="title"><?php echo get_cat_name($catid); ?></span>
  </a> › </div>
<?php endforeach; ?>

<div><?php single_cat_title(); ?></div>
</div>
<!-- パンくずリスト終了 -->

<div id="body2">
<div id="content"><!--  記事コンテンツ(中央部分)  -->

<p class="title"><?php single_cat_title(); ?></p>

<div id="ue_page"><?php get_template_part('pagenation'); ?></div>  

<?php if(have_posts()): while(have_posts()):
the_post(); ?>
  <?php get_template_part('content','cate'); ?>
<?php endwhile; endif; ?>

<?php get_template_part('pagenation'); ?>   

</div>
<?php get_sidebar('2'); ?><!--  左サイドバー  -->
</div>
<?php get_sidebar(); ?><!--  右サイドバー  -->

<?php get_footer(); ?><!--  フッター部分(下部分)呼び出し  -->​

ココに記載したものは、当サイトで説明してきたサンプルテーマのレイアウトを参考に3カラムのデザインにしてますので、自分のテーマに張る場合はデザインに会うようにカスタマイズしましょう。

以上で完成となります。タグの機能を利用できます。

 

« »

この記事へのコメント

  • 鈴見咲 君高

    この頁にかぎらず、WordPressの動きを確認しやすい記事をありがとうございます。すでに三年前の記事ですが普通に通用するのがある意味驚きです。

    さて、ちょっとした誤りのお知らせをします。この頁でcontent.phpに記述するとされているコードが、なぜか<!– で始まるコメントアウトになってしまっています。また the_tagsも the_tags(“登録タグ:” , “・”, “”); とかになるはずのものがぐちゃぐちゃになってますね^^;

    • 誤り部分を修正いたしました。ご報告ありがとうございます。

【コメントの投稿の仕方について】

   このサイトでは、「Disqus」と呼ばれるコメント機能を使っています。
  ツイッターやフェイスブックなどにアカウントをお持ちの方は、ログインすることで
  自分の各プロフィールでコメントすることが出来ます。
  なんのアカウントもない人もメールアドレスさえ入力すればコメントできます。
  (入力したメアドはコメント投稿には表示されません。)
  また、コメント欄には画像を張ることも出来ます。


ひと言コメントや、記事の質問や感想など お気軽にお書きください。
  なにか書いていただけると管理人が嬉しがります。