【アフィンガー】横幅を画面いっぱいに広げるカスタマイズ方法

※2022年6月8日追加
最新バージョン（20220509）対応です。

WordPresss有料テーマ「アフィンガー」で横幅を画面幅に広げるカスタマイズ方法について解説します。アフィンガーでオシャレな企業サイトを作るさいに便利なテクニックです。

【デモデサイト】アフィンガーで横幅いっぱいに広げたデザイン例

まずはデモサイトです。

【デモ一覧】

・デモサイト1
・デモサイト2
・デモサイト3
・デモサイト4
・デモサイト5
・デモサイト6

その他アフィンガーのデモデザインは以下のページでご覧いただけます。

アフィンガー6で作ったコーポレートサイト一覧

【構成】

・テーマ
アフィンガー6 Action：バージョン20220509
※EXではなく、通常バージョンです。

・プラグイン
なし。今回のカスタマイズには一切プラグインを使いません。

・備考
※テーマ本体のファイルは一切編集しません。テーマを編集してしまうと、テーマのアップデートで設定が上書きされてしまいます。今回紹介する方法ではテーマファイルを編集しません。

エディターはWordPress標準のグーテンベルグを使います。

横幅いっぱいに広げるカスタマイズ方法

クリーンインストールしたWordPress上で、アフィンガー6を有効化した状態から全ての工程を画像付きで解説します。