ブログ表示を新着情報のようにしたい

この方法は、新しいテンプレート用の方法です。

2015年11月2日(火曜日)改訂

現在の新しいテンプレートの表示仕様です。

日付表示は日本語対応になりました。


2015年8月6日
ブログ表示の日付に「年」と「日」が追加されました。
そのため、下記コードを使用されていた方は、日付が2015年年8月6日日のように表示されていると思います。すでに下記コードを記載されているかたは、赤で書かれた場所を削除することで、正しい表示になります。

2015年10月30日
日付の並びもに日本標準の年月日に変更になりました。

この表示はテンプレート『Chicago』の標準仕様の例です。テンプレートによっては、テキストだけのものもありますが、背景色をつけることで、同じような表示にさせることが出来るはずです。
※ごめんなさ~い、テストしてませ~ん!!

管理メニューのブログをクリックして、日付表示を選びます。

ブログ一覧を表示したいページで、ブログ表示を選択し追加します。

概要の表示量を0にします(ブログのタイトルだけを表示する)

下準備

下のコードをヘッダー部分を編集に貼り付けて保存します。

<style type="text/css">

/*<![CDATA[*/

.j-blogarticle{

    display:flex;

    flex-direction:row-reverse;

}

.j-blogarticle .datetime,

.j-blogarticle h2,

.j-blogarticle a{

    padding:0;

    margin:0;

    font-size:16px;

    line-height:1.0;

}

 

.j-blogarticle .datetime{

-webkit-flex: none;

    flex: none;

  white-space:no-wrap;

}

 

.j-blogarticle .j-blog-header{

    padding-left:10px;

  -webkit-flex: 1;

    flex: 1;

}

 

.j-blogarticle .comment,

.j-blogarticle .blogreadmore{

    display:none !important;

}

/*]]>*/

</style>


▼ タグの貼り付け方はここ マウスを当てると画像が開きます。

この記事がいいなと思ったらメールマガジンに登録していただけると嬉しいです。
メールアドレスを入力して登録ボタンを押してください。

コメントをお書きください

コメント: 1
  • #1

    taita (月曜日, 07 12月 2015 17:01)

    コードをコピーさせて頂いてHPに反映させてみましたが、どうにも「続きを読む」という箇所が消えなくて困っています・・・
    これはただコードを貼りつけるだけではなく、なにか別の手順があるのでしょうか?

株式会社 PIK

〒108-0075 港区港南3-4-12

TEL.03-6433-0422