WPのテーマを Simplicity に決めたので、「Simplicityの初期設定・おすすめの設定」を見ながら、ひととおり設定してみる。
「Simplicityを利用する前に注意したい4つのこと」で参考になったのは“ブログカード利用時の注意”くらいか。Googleアドセンスを導入するときにもう一度読んでおこう。
「コピペ一発でSimplicityを結構高速化する方法」は、もう少し作りこんでから。
初心者がデザインのカスタマイズを進めていくのに役立ちそうなのは、ひとまずこのあたりか。参考にしながらぽつぽつcssをいじってみることにする。
- 「Simplicity」をカスタマイズする19のポイント
- 初心者の私でもできた「Simplicity」のカスタマイズ（其の壱）（其ノ貮）
- Simplicityのおすすめカスタマイズの方法を8つピックアップ
記事の左右余白の変更
メインカラム内の記事の余白がやや狭くて読みづらい感じなので、もう少し広げたい。.article のスタイル設定で width を指定するとよいようだ。個人的には width: 92% あたりがよさげな印象なので、style.css に次を加える。
.article {
width:92%;
margin: 0 auto;
}
モバイル画面の方は別の余白設定にしたければ、xx%のところを変えて mobile.css に入れ込めばよい。
- ※参考： パソ活ラボ
- 「Simplicityの記事幅を変更するCSSカスタマイズ」
blockquote部の引用符の非表示
デフォルトでは blockquote部の飾りにダブルクォーテーションマークが表示される。これ、モバイルでは表示されないけども、PCでも表示させたくないときがある。そこでこの記事を参考に、クォーテーションマークを消すクラスを設定。
/* .no-quotemark（引用符を消す） */
.article blockquote.no-quotemark::before,
.article blockquote.no-quotemark::after{
display: none;
}