賢威でメニューやサイドバーの横幅を変更しヘッダー画像を調整する方法

賢威では、カラム数ごとにメニューやサイドバー、サブコンテンツの横幅を自由に調整することができます。

サイト全体の横幅を変更する際は、ヘッダー画像の横幅も調整しておくとよいです。

賢威カラム数の設定方法

賢威では、レイアウトのカラム数を簡単に変更することができます。

サイドバーとサブコンテンツを非表示にしてメニューのみ表示させるのが1カラム、サイドバーのみ表示させるのが2カラム、メニュー及びサイドバーとサブコンテンツ全てを表示させるのが3カラムとなります。

一般的には、2カラムでメニューとサイドバーを表示させているサイトが最も多い印象ですね。

では、早速レイアウトのカラム数を設定してみたいと思います。

まず、WordPress管理画面内のダッシュボードから『賢威の設定』をクリックします。



すると『サイト内共通の設定』の各項目が表示されますので『サイトの基本レイアウト』から好きなカラム数を選んでいきます。



最後に『変更を保存』をクリックすると設定が反映されます。

賢威でメニューやサイドバーの横幅を変更する方法

メニューやサイドバーの横幅を変更したい場合は、WordPress管理画面内のダッシュボードから『外観』を選択し『テーマの編集』をクリックします。



サイト全体の横幅を変更したい場合の編集方法も説明しておきます。

次にテンプレートの『layout.css』の項目(画面右側に表示されています)の中の以下の黄色の部分22と39行目を自分の好きな幅に変更します。

デフォルトの設定では、950pxとなっていると思います。

サイト全体の横幅を設定したら、次に2カラムのレイアウト(メニューとサイドバー)の割合を設定していきます。

黄色の部分の44行目と47行目です。

44行目がサイドバーの横幅の割合、47行目がメニューの横幅の割合となっています。



それぞれのカラムごとにレイアウトの記載がありますので、カラムごとに記載していく必要があります。
今回は、2カラムのレイアウトの際の表示を変更してみました。

ヘッダー画像の横幅を変更する方法

サイト全体の横幅を変更した際は、トップバナーの画像の横幅もそれに合わせて調整する必要があります。

変更する箇所はテンプレートの『header.php』内で以下の黄色の箇所の部分です。


width=””』の部分を先ほど設定した、サイト全体の横幅と同じ値にします。すると余白がないトップ画像バナーに調整されます。

必要に応じて、サイトが見やすいようにレイアウトを変更していけばユーザビリティの向上にもつながっていきますので説明した手順でやってみてください。

無料メルマガの購読はこちら!
無料メルマガ

上記のメルマガでは、ネットビジネス初心者が副業でも毎月10万円以上稼げるジャンルを厳選し、マルチな運営とコンサル指導を実践してきた私が、あなたのライフスタイルに最も適したノウハウを提供します。メルマガ購読者を優先的にLINEでの個別サポートもおこなっています。
その他のご質問やご要望に関してもお問い合わせフォームよりお気軽にご連絡ください。

友だち追加
QRコード
@zaitakuで検索
@まで含めてください

コメントを残す

このページの先頭へ