投稿タグの機能を利用する
タグ機能は、類似記事を細かく分類するのに役立ちます。ココでは、記事ページにタグを追加する方法を説明します。
といってもそんなに難しくはありません。
記事ページにタグを表示する記述を書いて、後はタグの分類を表示するページのデザインレイアウトを記述した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カラムのデザインにしてますので、自分のテーマに張る場合はデザインに会うようにカスタマイズしましょう。
以上で完成となります。タグの機能を利用できます。
この記事へのコメント
【コメントの投稿の仕方について】
このサイトでは、「Disqus」と呼ばれるコメント機能を使っています。
ツイッターやフェイスブックなどにアカウントをお持ちの方は、ログインすることで
自分の各プロフィールでコメントすることが出来ます。
なんのアカウントもない人もメールアドレスさえ入力すればコメントできます。
(入力したメアドはコメント投稿には表示されません。)
また、コメント欄には画像を張ることも出来ます。
なにか書いていただけると管理人が嬉しがります。