Twenty Twelve

WordPressテーマカスタマイズ

Twenty Twelveの右側にある影(隙間)を無くす方法

Twenty Twelveでは、サイドバー右に影が表示されます。 この影を無くすには、「body .site」セレクタにあるbox-shadowプロパティを削除することでサイトの右にある影を無くすことが出来ます。 【例:style.css】...
レイアウト

Twenty Twelveでサイト表示部分の背景色を変更するCSS

タイトルや記事などの表示されるサイト全体の背景色を変更するstyle.cssのbodyにbackgound-colorを追加します。 【例:style.css】 body .site { padding: 0 40px; padding: ...
WordPressテーマカスタマイズ

Twenty Twelveでサイトの背景色を変更するCSS

タイトルの上の余白の部分に見えるサイトの背景色を変更するには、下のコード例にあるように、style.cssのbodyのbackground-colorの値を変更します。 @media screen and (min-width: 960px...
WordPressテーマカスタマイズ

Twenty Twelveの記事タイトルのスタイルを変更するCSS

Twenty Twelveの記事タイトルは、デフォルトで大きい文字で表示されるだけで記事本文との境目が無く表示されます。 その記事タイトルのスタイルを変更するCSSは、style.cssにある「.entry-header .entry-ti...
WordPressテーマカスタマイズ

Twenty Twelveのサイドバーを左にするCSS

サイドバーを左にするには、通常style.cssの@media screen and (min-width: 600px)にあるsite-contentとwidget-areaのfloatプロパティの値を変更します。 しかし、この変更をして...