[対応:5]最新情報の日付部分の表示調整方法
賢威WordPress版の記事最新情報が表示される部分の
表示方法の変更方法を説明します。
西暦の表示方法や表示数など様々な変更できます。
最新情報の表示方法変更
ダッシュボード⇒外観⇒テーマ編集から
メインインデックスのテンプレート (index.php)をクリックします。
<!–最新情報–>
<h2><?php _e(‘Latest Info’,’keni’) ;?></h2>
<div class="contents">
<dl class="news">
<?php newposts_icon_keni(5,0,0,"year"); ?>
</dl>
<!–ソーシャルブックマーク—>
上記のソース部分の(5,0,0,"year")を変更します。
<?php newposts_icon_keni(記事数,はてブ数,抜粋,"日付表示"); ?>
記事数:
一度に表示する数です。
はてブ数:
次のように「1」か「0」を選択して下さい。
- 1 : 表示(誰もブックマークしていない場合、何も表示されません)
- 0 : 非表示(デフォルト)
抜粋:
次のように「1」か「0」を選択して下さい。
- 1 : 表示(抜粋が無い場合は記事本文)
- 0 : 非表示(デフォルト)
日付表示:
日付の表示方法を変更できます。
- year : 2010年1月1日
- month : 1月1日
- diff : 10日前
- false : 非表示
はてブや抜粋をONにすると、最新情報がかなり膨らんでしまいます。
スタイルシートで調整する必要があります。
メインインデックスのテンプレート (index.php)の変更が終わったら
下記ファイルも同様に変更します。
- 404 テンプレート (404.php)
- アーカイブ (archive.php)
- ページテンプレート (page.php)
- 単一記事の投稿 (single.php)
- 検索結果 (search.php)
日付調整による、位置バランス調整
日付けを消すことは出来ましたが・・・
今度は、バランスがおかしいです。。。
表示の調整方法について説明します。
スタイルシートの調整を行います。
ダッシュボード⇒外観⇒テーマ編集から
cool-whiteg○○.cssをクリックします。
メインコンテンツ(本文)のグループ内で
真ん中よりやや下ぐらいにあります。
/*●最新情報(定義タグ)*/
#main-contents dl.news{
margin: 0;
padding: 0;
}#main-contents dl.news dt{
float: left;
margin: 0;
padding: 0;
width: 186px; ←70px~180辺りで調整します。
position: relative;
}#main-contents dl.news dd{
margin: 0 0 10px 0;
padding: 0 0 10px 193px; ←0 0 10px 0px;
border-bottom: 1px dotted #aaa;
}/*アイコン画像*/
#main-contents dl.news dt span{
display: block;
position: absolute; ←relative;に変更します。
top: 2px;
right: 0;
overflow: hidden;
margin-right: 10px;
width: 60px;
height: 18px;
text-align: center;
font-size: 0.715em;
line-height: 18px;
color: #fff;
}
これで表示部分の調整が完成しました。
無事に日付けが非表示になり、バランス調整も完成しました。
以上
賢威カスタマイズ 最新情報の日付部分の表示調整方法でした。
こんばんは、maxiです。
いやー。助かりました。
この記事のおかげで、日付の消し方がわかりました。
これからも、賢威テンプレートを使おう。と確信しております。
maxiさん初めまして、遅くなりましたが、先ほどメール返信しました。
ご確認ください^^
今後とも宜しくお願いします。