カテゴリー:テーマ作成

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

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

 
まず、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が完了しました。