WordPressに夢中

記事下にコメント表示をさせるリンクを追加する

ブログの記事を個別に表示したときには、コメント欄が表示されますが、
もっとわかりやすいように、各記事の下に、コメント欄へのリンクと、
投稿されたコメント数が表示されるようにします。

　
まず、index.phpファイル（メインインデックスのテンプレート）の、
投稿日時・カテゴリーブロックの中に、下記のソースを追加します。
または、投稿日時・カテゴリーのブロックごと置き換えてもよいです。

－－－－－－－－－－－－－－－－－－－－－
<!– 投稿日時・カテゴリー・コメント –>
<p class="postinfo">
<?php echo get_the_date(); ?> <?php the_time(); ?>
｜カテゴリー：<?php the_category(‘,’); ?>
｜
<a href="<?php comments_link(); ?>">コメント＆トラックバック<?php comments_number(‘(0)’,'(1)’,'(%)’); ?></a>
</p>
<!– 投稿日時・カテゴリー・コメント閉じ –>
－－－－－－－－－－－－－－－－－－－－－

　
CSSは既に「p.postinfo」で設定していますので、
今回スタイルシートは特に変更しません。

上記の作業で完成した画面が↓こちらです。

　
これで、WordPress レッスンブック 3.x対応のSTEP5-8が完了しました。
　

トラックバックURLを追加する

ブログ読者などから、トラックバックを送信してもらえるように、トラックバックURLを追加します。

　
まず、comments.phpファイル（コメントのテンプレート）に、下記のソースを追加します。

－－－－－－－－－－－－－－－－－－－－－
<?php if(pings_open()): ?>
<p id="trurl">
<strong>トラックバックURL： </strong>
<?php trackback_url(); ?>
</p>
<?php endif; ?>
－－－－－－－－－－－－－－－－－－－－－

　
次に、コメントのRSSフィードへのリンクの見た目を整えるため、
style.cssファイル（スタイルシート）に、以下のCSSタグを追加します。

－－－－－－－－－－－－－－－－－－－－－
/* トラックバックURL */
#comments #trurl { background-color: #A3D2F2; padding: 6px; margin-bottom: 20px; }
－－－－－－－－－－－－－－－－－－－－－

　
この作業で完成した画面が↓こちらです。

　
このトラックバックURLにトラックバックが送られてくると、コメント欄に、
こちら↓の画像のように表示されます。

　
これで、WordPress レッスンブック 3.x対応のSTEP5-7が完了しました。
　

コメントのRSSフィードへのリンクを追加する

読者やコメントを投稿してくれた方に、コメントの更新情報がチェックしやすいよう、
コメントに、コメントのRSSフィードを追加します。

　
まず、comments.phpファイル（コメントのテンプレート）に、
下記のソースを追加します。

－－－－－－－－－－－－－－－－－－－－－
<p id="comfeed">
<?php post_comments_feed_link(); ?>
</p>
－－－－－－－－－－－－－－－－－－－－－

　
上記の作業で、コメントのRSSフィードへのリンクは追加されましたが、
視覚的にもRSSフィードリンクだとわかりやすいように、アイコンを用意します。
アイコンは、Feed Iconsで、12×12ピクセルのRSSフィードアイコンをダウンロードします。
そのアイコンを、テーマフォルダ（ここではkihon）に、
「feed-icon-12×12.png」というファイル名でアップロードしておきます。

次に、コメントのRSSフィードへのリンクの見た目を整えるため、
style.cssファイル（スタイルシート）に、以下のCSSタグを追加します。

－－－－－－－－－－－－－－－－－－－－－
/* コメントRSSフィード */
#comments #comfeed a { background-image: url(feed-icon-12×12.png); background-repeat: no-repeat;
background-position: 0% 50%; padding-left: 20px; line-height: 1em; color: #000000; text-decoration: none; }
#comments #comfeed { background-color: #A3D2F2; padding: 8px; margin-top: 30px; }
－－－－－－－－－－－－－－－－－－－－－

　
この作業で完成した画面が↓こちらです。

　
　
これで、WordPress レッスンブック 3.x対応のSTEP5-6が完了しました。