【Affinger】ロゴ画像を幅いっぱいセンタリング表示する方法

Affingerでロゴ画像を幅いっぱいでセンタリング表示する方法を説明します。具体的には

これが

こうなります。

手順

まずWordpressのダッシュボードから「Affinger管理画面」を開きます。そして「ヘッダーを選択」。

ここで「ヘッダーを分割しない」「ヘッダーエリアをセンタリング」にチェックを入れます。 「ヘッダーエリアをセンタリング」 は最初チェックできませんが、 「ヘッダーを分割しない」 にチェックを入れて保存すると、チェックできるようになります。

ロゴ画像の設定方法

ちなみにロゴ画像の設置方法は、Wordpressのダッシュボードから外観＞カスタマイズと進んで「ロゴ画像/サイトのタイトル」を選択して画像をアップロードします。

画像の幅は1200px程度にすると、幅いっぱいに表示されます。