WordPress | 日本語１５

受信したコメントのデザインを指定

• 受信したコメントのカスタマイズ

関数

コメントの本文を出

<?php comment_text(); ?>

コメントの投稿日を出力

<?php comment_date(); ?>

コメントの投稿時間を出力

<?php comment_time(); ?>

コメントの投稿者名を出力

<?php comment_author_link(); ?>

コメントの本文を表示

《comments.php》

<div id="comments">
<?php if(have_comments()): ?>
<h3>コメント</h3>
<ul>
<?php wp_list_comments('callback=mydesign'); ?>
</ul>
<?php endif; ?>
<?php comment_form(); ?>
</div>

《functions.php》

<?php
//ウィジェット
register_sidebar();

//受信したコメント
function mydesign($comment, $args, $depth) {
	$GLOBALS['comment'] = $comment; ?>
  <li class="compost">
  <?php comment_text(); ?> 
  
<?php 
}

?>

コメントの投稿日を表示

《functions.php》

<?php
//ウィジェット
register_sidebar();

//受信したコメント
function mydesign($comment, $args, $depth) {
	$GLOBALS['comment'] = $comment; ?>
  <li class="compost">
  <?php comment_text(); ?> 
<p class="cominfo">
<?php comment_date(); ?>　<?php comment_time(); ?>
</p> 
<?php 
}

?>

コメントの投稿者名を表示

<?php
//ウィジェット
register_sidebar();

//受信したコメント
function mydesign($comment, $args, $depth) {
	$GLOBALS['comment'] = $comment; ?>
  <li class="compost">
  <?php comment_text(); ?> 
<p class="cominfo">
<?php comment_date(); ?>　<?php comment_time(); ?>
｜
<?php comment_author_link(); ?>
</p> 
<?php 
}

?>

コメントのデザインを指定

#comments ul {
	list-style-type: none;
	margin: 0 0 20px 0;
}
#comments li.compost {
	border-bottom: dotted 1px #CCC;
}
#comments p.cominfo {
	text-align: right;
	margin: 0 0 6px 0;
}

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

《comments.php》

<div id="comments">
<?php if(have_comments()): ?>
<h3>コメント</h3>
<ul>
<?php wp_list_comments('callback=mydesign'); ?>
</ul>
<?php endif; ?>
<?php comment_form(); ?>
<p id="comfeed">
<?php post_comments_feed_link(); ?>
</p>
</div>

RSSフィードのアイコン画像を表示

#comfeed a {
	color: #000;
	text-decoration: none;
	line-height: 1em;
	padding: 0 0 0 17px;
	background-image: url(images/feed-icon-12x12.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
}

リンクをバーの形で押しやすくする

#comfeed {
	margin: 30px 0 0 0;
	padding: 8px;
	background-color: #DAF2FB;
}
#comfeed a {
	color: #000;
	text-decoration: none;
	line-height: 1em;
	display: block;
	width: 100%;
	padding: 0 0 0 17px;
	background-image: url(images/feed-icon-12x12.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
}

• 表示されるテキスト内容を変更

<p id="comfeed">
<?php post_comments_feed_link('コメントの更新情報'); ?>
</p>

コメント部分を開くリンクを追加

• トップページなどから各記事のコメント部分を直接開く

• リンクには各記事が受信したコメント数を表示

関数

コメント部分のURLを出力

<?php comments_link(); ?>

コメント数を出力

<?php comments_url(); ?>

コメント部分を開くリンクを追加

<p class="postinfo">
<?php the_date(); ?>　<?php the_time(); ?>
｜
カテゴリ：<?php the_category(', '); ?>
｜
<a href="<?php comments_link(); ?>">コメント</a>
</p>

コメント数の情報を追加

<p class="postinfo">
<?php the_date(); ?>　<?php the_time(); ?>
｜
カテゴリ：<?php the_category(', '); ?>
｜
<a href="<?php comments_link(); ?>">コメント<?php comments_number(); ?></a>
</p>

コメント数の表記を指定する

<p class="postinfo">
<?php the_date(); ?>　<?php the_time(); ?>
｜
カテゴリ：<?php the_category(', '); ?>
｜
<a href="<?php comments_link(); ?>">コメント<?php comments_number('(0)', '(1)', '(%)'); ?></a>
</p>

PAGE TOP