トップページの記事の区別化・境界線を入れる

シェアする

  • このエントリーをはてなブックマークに追加
のんびりママの気になる木  主婦ブロガーのワードプレスカスタマイズ・アフィリエイト・育児など日記・楽書(1)

トップページはデフォルトのまま。レイアウトはエントリーカードを選んでいます。
2列、3列のタイルも試しましたが、これが一番見やすいかと戻りました。

ただ、並んでいると、区切り線がなく、記事同士がくっついて見えるんですよね。
なので、わかりやすく線を入れることにしました。

SimlicityのHPのフォーラムで質問と回答がありましたので、それを真似ました。
このフォーラムが、いろいろと参考になります。

スポンサーリンク

記事一覧に区切り線を入れる方法

前回のh2、h3の変更の時と同様で、子テーマのスタイルシートに下記を追加しました。

ダッシュボード ⇒ 外観 ⇒ テーマの編集

#main .entry {
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}

border-bottom が 線の太さ、padding-bottom が記事の下の間隔 です。

線種のhtml

線は solidで 普通の線を選んでいますが、点や二重線などに変えられます。
今後の参考に記載しておきます。

 実線  solid
 点線  dotted
 破線  dashed
 二重線  double

ちょっとしたことなんですが、トップページですし、記事が整理整頓されたように思います。
いかがでしょうか?

ちなみに、我が家の夫も、同じテーマを使って、ブログを書いています。
こういうの必要ないそうです。特に、気にならないそう(=^・^=)

まぁ、気にならない人もいます。が、気になる人は、変更してみましょう(^^)/
本当にちょこっと手を加えるだけですから。

スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

トップへ戻る