見出しのデザイン
本ブログはテンプレート以外のデザインにほぼ手を出してなかったけど、とりあえず見出しのデザインだけ装飾してみた。
手抜きなので、style.cssに以下を追記したのみ。
h3{
margin: 0 0 1.5em;
padding: 0.8em;
border-left: 7px solid #B92A2C;
border-bottom: 1px dashed #B92A2C;
font-size: 1.143em;
font-weight: bold;
}h4{
margin: 0 0 1.5em;
padding: 0.8em;
border-top: 3px double #B92A2C;
border-bottom: 3px double #B92A2C;
font-size: 1.143em;
font-weight: bold;
}
wordpressはテーマによって、記事タイトルがH1だったりH2だったりするようなので、H3からH4までを設定。二階層あれば十分だろうという想定。
といっても、過去の記事で見出し設定なんてやってなかったので変わりなし。
今後の記事では少しづつ活用予定。
- 参考サイト
子テーマ作成
ついでにWordpressのデザイン編集するなら必須の子テーマ設定も以下のサイトを参考に行ってみた。
Twenty Fifteen用の設定としてはこれだけ。
/*
Theme Name: Child
Template: twentyfifteen
*/
@import url(‘../twentyfifteen/style.css’);
 |
スラスラわかるCSSデザインのきほん 狩野 祐東SBクリエイティブ 2014-09-26 売り上げランキング : 70018Amazonで詳しく見る by G-Tools |
