賢威6.2-WordPressサイト幅の設定方法
賢威でのサイト幅を変更する方法です。
サイトを開いた時に横幅の空白がありすぎる、
メインコンテンツやサイドバーコンテンツの幅の
バランスを調整するための方法を紹介します。
賢威-コンテンツ幅と左右の余白部分の設定方法
賢威でテンプレートをダウンロード後はメインコンテンツと
カテゴリーなどのサイドバーの横幅と左右の空白部分の余白を
調整した方がPCでサイトを見た際はさらに見栄えが良くなるかと思います。
では順番に説明していきます。
両サイドの赤線のスペースが余分だと思いませんか?
これならばメインコンテンツの幅をもう少し広げたいと思う人が
いるのではないでしょうか。
個人的に私ならメインコンテンツは大きくして最も見やすくしたいし、
見てもらいたいと思いますね。
こちらの作業はテーマ編集から編集しなければいけません。
テーマ編集でコンテンツの比率を調整する
ダッシュボード内の外観→テーマ編集→右下の方に『layout.css』
がありますのでこちらをクリックしてください。
すると上の画像のように1カラム、2カラム、3カラムと上から書いてあると
思いますので現在自分が使っているカラムの部分にいってください。
ちなみにカラムの説明をしていなかったので説明します。
私のサイトはメインコンテンツがあって右にサイドバーがありますよね。
この場合は2カラムといいます。
サイドバーがない場合は1カラム、左右両方にある場合は3カラムといいます。
では2カラムのところまできたところから説明を再開します。
元々はこのように表示されていると思います。
赤枠で囲ってあるところを調整すればいいのですが、
「px」とパーセンテージ表記で違いますね。
なのでpxに統一します。
これが私が調整したサイズと表記です。
中央と下の部分をpxになおし、2つの合計値が上のpxをうわまらないようにします。
一番上の1150pxが全体の横幅、中央の300pxがサイドバーの幅、
下の800pxがメインコンテンツの幅となっています。
メインコンテンツとサイドバーのpxを足すと1100pxですね。
これはサイドバーとメインコンテンツの間の空間を残すためにわざとやっています。
試しにこれを825、325といったように丁度1150pxとなるようにした時は、
サイドバーとメインコンテンンツの幅に隙間がなくなるということになります。
あわせて読みたい記事はこちら
タグ:WordPress(ワードプレス), サイト幅, 設定, 賢威