賢威6.2-WordPressサイト幅の設定方法

賢威でのサイト幅を変更する方法です。
サイトを開いた時に横幅の空白がありすぎる、
メインコンテンツやサイドバーコンテンツの幅の
バランスを調整するための方法を紹介します。

賢威-コンテンツ幅と左右の余白部分の設定方法

賢威サイト幅設定方法

賢威でテンプレートをダウンロード後はメインコンテンツと
カテゴリーなどのサイドバーの横幅と左右の空白部分の余白
調整した方がPCでサイトを見た際はさらに見栄えが良くなるかと思います。
では順番に説明していきます。

 

 

 

賢威サイト幅変更

両サイドの赤線のスペースが余分だと思いませんか?
これならばメインコンテンツの幅をもう少し広げたいと思う人が
いるのではないでしょうか。
個人的に私ならメインコンテンツは大きくして最も見やすくしたいし、
見てもらいたいと思いますね。
こちらの作業はテーマ編集から編集しなければいけません。

 

 

テーマ編集でコンテンツの比率を調整する

ダッシュボード内の外観→テーマ編集→右下の方に『layout.css
がありますのでこちらをクリックしてください。

賢威サイト幅変更2

すると上の画像のように1カラム、2カラム、3カラムと上から書いてあると
思いますので現在自分が使っているカラムの部分にいってください
ちなみにカラムの説明をしていなかったので説明します。
私のサイトはメインコンテンツがあって右にサイドバーがありますよね。
この場合は2カラムといいます。
サイドバーがない場合は1カラム、左右両方にある場合は3カラムといいます。
では2カラムのところまできたところから説明を再開します。

 

 

 

サイト横幅設定1

元々はこのように表示されていると思います。
赤枠で囲ってあるところを調整すればいいのですが、
「px」とパーセンテージ表記で違いますね。
なのでpxに統一します。

 

 

 

サイト横幅設定

これが私が調整したサイズと表記です。
中央と下の部分をpxになおし、2つの合計値が上のpxをうわまらないようにします
一番上の1150pxが全体の横幅、中央の300pxがサイドバーの幅、
下の800pxがメインコンテンツの幅となっています。
メインコンテンツとサイドバーのpxを足すと1100pxですね。
これはサイドバーとメインコンテンツの間の空間を残すためにわざとやっています
試しにこれを825、325といったように丁度1150pxとなるようにした時は、
サイドバーとメインコンテンンツの幅に隙間がなくなるということになります。

コメントを残す

サブコンテンツ

このページの先頭へ