[対応: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;
}

これで表示部分の調整が完成しました。

日付表示のバランス調節

無事に日付けが非表示になり、バランス調整も完成しました。

 

以上
賢威カスタマイズ 最新情報の日付部分の表示調整方法でした。

2 Responses to “[対応:5]最新情報の日付部分の表示調整方法”

  1. maxi より:

    こんばんは、maxiです。

    いやー。助かりました。

    この記事のおかげで、日付の消し方がわかりました。

    これからも、賢威テンプレートを使おう。と確信しております。

    • kenimasuta より:

      maxiさん初めまして、遅くなりましたが、先ほどメール返信しました。
      ご確認ください^^
      今後とも宜しくお願いします。

kenimasuta へ返信する

CAPTCHA


サブコンテンツ

このページの先頭へ