賢威6.2でサイト全体の幅を変更する方法

賢威6.2でサイト全体の幅を変更する方法

keni-6-2-site-layout-width-customize-1
こんにちは!subearnです。
今回は賢威6.2のテンプレートで、サイト全体の幅のサイズをカスタマイズする方法を紹介したいと思います!
非常に簡単なのですが、頻繁に変更し過ぎると記事内の画像がはみ出したりする場合もあるので、オススメはしません。
※cssを変更してもすでに挿入済みの画像サイズはそのままなため。

ミスってしまうと修復するのが大変な場合もあるので、必ずバックアップを取ってから行って下さい。

賢威6.2でサイト全体の幅を変更する方法

  1. 管理画面の左側のメニューから、『テーマの編集』を選択
  2. keni-6-2-site-layout-width-customize-2

  3. 右側のテンプレートの一覧から、『layout.css』を選択
  4. keni-6-2-site-layout-width-customize-3

  5. 変更したいレイアウトの幅の数値を変更
  6. keni-6-2-site-layout-width-customize-4
    自分が選択しているレイアウト(1カラム、2カラム、3カラム)の見出しを探して、その下にあるpx部分の値を変更します。2箇所あるので、両方とも編集します。

  7. サイドバー、サブコンテンツの割合を変更
  8. keni-6-2-site-layout-width-customize-5
    選択しているレイアウトが、2カラムの場合はサイドバー、3カラムの場合はサイドバーとサブコンテンツの割合も修正することができます。
    賢威はデフォルトは%で指定されているので、全体の幅を変更すると、それぞれのカラムと間のマージンも変わってしまいます。
    そのままでも良いですが、調整したいときはここから変更しましょう。

  9. 『ファイルの更新』をクリックして完了

以上でサイトの幅を変更することができます。

まとめ

パーセンテージの指定が少しややこしいですが、予め計算機と紙に書くなどして、どのような幅にするかを計算しておくとスムーズに行くと思います。
ブログを始めたばかりの時に限ってレイアウトなどを意識してしまいがちですが、一番大事なのは記事の中身なので、あまりハマりすぎないように注意しましょうね。

賢威カスタマイズ・使い方カテゴリの最新記事