日付、投稿記事タイトルの文字設定と投稿記事と投稿記事のマージン設定について

ブログ、よくある質問、スタッフ専用ページには記事を投稿した日付と投稿記事のタイトルを表示させます。また投稿記事と投稿記事の間のマージンも読みやすいマージンに指定します。

• テンプレート　＞　HTMLの編集　をクリックする
• XML内の以下の部分を編集( コピー&ペースト )し直して保存します。

////////////////////////////////////////////////////////////////////// 

<!--- ■■ ブログ　よくある質問　コメントで表示する日付の色 valueで設定  ■■ -->

 <Variable name="dateHeaderColor" description="Date Header Color"

           type="color" default="#ffffff" value="#444444">

日付の色を変更します　#444444の部分を適当に変更する

//////////////////////////////////////////////////////////////////////

【設定】記事上の日付の大きさは　font-size で調整する

 */

.date-header {

  margin: 0 0 0 0;

  font-weight: normal;

  color: $dateHeaderColor;

  font-size: 85%;

}

日付のフォントの大きさを適当に変更する

////////////////////////////////////////////////////////////////////// 

/*■■記事タイトルの文字色　文字の太さ 文字の大きさの指定 ■■ */

 a, .post-title a:visited, .post-title strong {

  text-decoration: none;

  color: #1259a0;

  font-weight: bold;

　font-size: 125%;

}

タイトル文字の色と大きさを変更します

////////////////////////////////////////////////////////////////////// 

/*■■ 投稿記事と投稿記事の間のマージンは height で指定する ■■ */

.post-footer {

  margin: 0 0 0 0;

  height:  75px;

  color: $textColor;

  font-size: 100%;

}

高さ　height を変更することによって調整する