レイアウト

レイアウト

Twenty Twelveで、サイドバーの幅のサイズを変更するCSS

環境によりますが、パソコンの場合「@media screen and (min-width: 600px)」の.widget-areaのwidthの値を変更すると表示幅が変ります。 @media screen and (min-width:...
WordPressテーマカスタマイズ

Twenty Twelveで上下の余白を無くすCSS設定

Twenty Twelveテーマサイトを(サイトを見る媒体により表示に使用されるCSSが違うようですが)パソコンで見るとサイトの上下に余白ができます。 この余白を無くすには、style.cssの「@media screen and (min...
WordPressテーマカスタマイズ

【Twenty Eleven】サイトの余白を無くして横幅いっぱいに変更する

TwentyElevenテーマで、サイト横の余白を無くして画面の横幅いっぱいにサイトを表示したい場合、bodyのpaddingを0にするだけです。 /* =Structure --------------------------------...
WordPressテーマカスタマイズ

TwentyElevenを3カラムにする方法

3カラムの方法、色々と良い方法があると思いますが、「Twenty Eleven Theme Extensions」とウィジェットとCSSを利用して作成する方法を書きます。 ここでの3カラム作成のイメージは、下の画像です。 1.「Twenty...
WordPressテーマカスタマイズ

【Twenty Ten】カスタムテンプレート(oneカラム)のスタイル変更

TwentyTenのワンカラムを幅を変更します。 下記の「LAYOUT: One column, no sidebar」の箇所のスタイルシートを変更して幅を変えます。 /* LAYOUT: One column, no sidebar DE...