wordpressトップページに更新情報を入れる
wordpressをCMSで使う場合、トップページに更新情報やお知らせをつけるのは必須。
私は下記のソースで書き出しています。
[php]<?php $posts = get_posts(‘numberposts=5&offset=0&category=0’); foreach ($posts as $post): ?>
<li><?php the_time(‘Y年m月d日’) ?> [ <?php the_category(‘, ‘) ?> ]
<a href="<?php the_permalink() ?>"><?php the_title(); ?></a><li>
<?php endforeach; ?>[/php]
numberposts=数字 は表示させたい件数
category=数字 は表示させたいカテゴリーIDです。
カンマで区切ると複数選択できます。0だと全て表示。
逆にカテゴリー指定を&exclude=カテゴリーナンバー と変える事によって、
指定のカテゴリーのみ除くという命令も出せます。
更新情報はサイドナビなどに配置する場合は、幅が足りないので、日付やカテゴリー名を削除するなどして調整しましょう。 それでも件名が長いとデザインが崩れたりしますので、
その場合は、文字数制限を入れて調整です。
文字数制限に関してはこちら
あとはCSSでテンプレートに合わせて括ってあげましょう。
このサイトのCSSはちなみに・・
[css]div#newstext{
margin-top:0px;
width: 420px;
padding-left:5px;
color: #666666;
float:left;
position: relative;
padding-top:0px;
padding-bottom:10px;
}
div.newstext a {
color: #666666;
text-decoration: none;
list-style-type: none;
}
div.newstext ul {
margin: 0;
padding: 0;
list-style-type: none;
}
div#newstext ul li {
padding-left:15px;
color: #666666;
text-decoration: none;
list-style-type: none;
}
div#newstext ul li a {
color: #666666;
text-decoration: none;
}
div#newstext ul li a:hover {
color:#272727;
}
[/css]
更新情報の右側にバナーを付けているので 左寄せになっています。