「Xeory Base」の横幅を調整する方法

Xeory Baseの横幅を調整する

今回は「Xeory Base」の横幅(2カラム)を調整する方法を紹介する。

まず、

「外観」→「テーマ編集」→「スタイルシート (style.css)」

へと移行する。

このスタイルシートの中で「all display」を探し、この中の「width:」の数値を変更し、更新すれば横幅の調整が可能だ。以下、カスタマイズ箇所は以下の画像を参照してほしい。

Xeory Baseの横幅を調整する

ご覧のように、デフォルトでの横幅の数値は「1200px」だが、この数値を低くしていけば横幅は狭くななる

少しコンパクトにサイトのサイズを構成したい場合は、数値を低く設定してもいいだろう。個人的には、お980くらいが見やすいように思う。

1カラムの横幅を変更する方法

Xeory Base の1カラムの横幅は広すぎる。そう感じている人も多いだろう。そこで1カラムの横幅も調整方法も紹介する。

1カラムの横幅の変更は2カラム同様、

「外観」→「テーマ編集」→「スタイルシート (style.css)」

へと移行する。

Xeory Base の1カラムは「1000px」になっているので、ここの数値を変更すればいい。変更箇所は以下の画像を参照してほしい。

Xeory Baseの1カラム横幅を調整する

1カラムは最近のブログに多い構成だ。サイドバーがない分、記事に集中できるというメリットがあるので、人気が集まっているようだ。Xeory Baseの1カラムを使用するなら、横幅の調整もしてみるといいだろう。推奨する数値が800前後が良いように思う。

[cc id=6738]

SPONSORED LINK

SNSでもご購読できます。