ブログの記事を個別に表示したときには、コメント欄が表示されますが、
もっとわかりやすいように、各記事の下に、コメント欄へのリンクと、
投稿されたコメント数が表示されるようにします。
まず、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が完了しました。
2012/06/03 17:00|
カテゴリー:
テーマ作成|
コメント&トラックバック(0)
ブログ読者などから、トラックバックを送信してもらえるように、トラックバック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が完了しました。
2012/06/03 13:54|
カテゴリー:
テーマ作成|
コメント&トラックバック(0)
読者やコメントを投稿してくれた方に、コメントの更新情報がチェックしやすいよう、
コメントに、コメントの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が完了しました。
2012/06/03 12:22|
カテゴリー:
テーマ作成|
コメント&トラックバック(0)
« 古い記事