スポンサーリンク

STINGER3のフッターに「月間アーカイブ」、「最新のコメント」、「メタ情報」を表示

 STINGER3のフッターに「月間アーカイブ」、「最新のコメント」、「メタ情報」を表示してみよう。

 「月間アーカイブ」は横に並べて表示。

 「最新のコメント」、「メタ情報」は2つを横に並べる。

月間アーカイブをフッターに横ならべで表示する

1.footer.phpの<!-- /#container -->の下に以下の記述を追加する。

<h4 class="menu_underh2">月別アーカイブ</h4>
<ul class="yoko">
<li >
<?php wp_get_archives(); ?>
</li></ul> 

2.スタイルシートに以下の記述を追加する。

ul.yoko li {
display: inline;
margin-right: 20px;
}

「最新のコメント」、「メタ情報」をフッターに横に並べる

 footer.phpに以下の記述を追加。

<!--▼横並べ-->
<div class="ad10">
<div style="float:left;"><div style="width:80%;margin: 5px;">
<h4 class="menu_underh2">最新の投稿コメント</h4>
<?php
$comments = get_comments('type=comment&status=approve&number=5');
foreach($comments as $comment):
$post = get_post($comment->comment_post_ID);
?>
<li>
<?php echo get_avatar( $comment, 60 );?>
<a href="<?php comments_link(); ?>">
<?php echo mb_substr(get_comment_excerpt(), 0, 100); ?></a></li>
<?php endforeach; ?>
</ul>
</div></div>
<div style="float:left;line-height: 3;">
<h4 class="menu_underh2">メタ情報</h4>  ソースに記載されている情報を記載
</div>
<br clear="all">
</div>
<div style="clear:both;">
</div>
<!--▲横並べ-->