2008.04.11

中央カラムに「お知らせ」を表示する

小粋空間さんの記事に『中央カラムに「ニュース」「お知らせ」を表示する』というのがありました。

最近の自分の状況などを書けばサイトを訪れて下さった方に、より親しみを持って頂けるかと思い設置する事にしました。

僕の場合はインデックスページへの表示だけで良いかと、「テンプレートモジュール」にする作業はしていません。（最も良く判らなかったからという事が大方でしょうか？）

僕の場合は「お知らせ」というほどのものも無いので「最近の情報」という事でstyle.cssに以下を設置。

/* ニュースへっだー */
.news {
border: solid 1px #808080;
padding: 0px 10px 0px 10px;/* */
}
.news-header {
color: #444444;
font-size: 12px;
font-weight: bold;
border: solid 1px #808080;/* お知らせ部分のみの囲み */
background: #f6f6f6;
}
.news-content {
}<

index.phpには以下青い部分を設置（黒い文字部は位置関係を現します。）して実現しています。

<div class="blog">
<!–にゅーすへっだー –>
<div class="entry">
<div class="news">
<p class="news-header">●最近の情報</p>
<p class="news-content">WordPress Japan 閉鎖に伴い<a href="http://ja.wordpress.org/">WordPress日本語</a>に移行すべく奮闘中です。</p>
</div>
</div>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

Posted at 08:14 | Category: koikikukan3 | No Comments