THE THOR(ザ・トール)で横幅を画面いっぱいに広げる方法

2023年2月22日更新

WordPressテーマ「THE THOR(ザ・トール)」のカスタマイズについてです。

THE THORは、コンテンツエリアを横幅いっぱいに広げることはできません。ブロックエディターに切り替えてカバーブロックを使っても全幅オプションがないので横幅を拡張することはできません。

デザイン的にどうしても横幅いっぱいに広げるデザインが必要な時ってありますよね？

仕事でTHE THORの横幅をいっぱいに広げる作業をしたので、その方法をシェアします。

以下のサイトが今回のカスタマイズを実装したデモサイトです。

デモサイト

①実装例

横幅いっぱいに画像を設置しているのが今回のカスタマイズの一例です↓

デモサイト

②実装例

背景画像を横幅いっぱいに広げているのも今回のカスタマイズです↓

デモサイト

今回紹介するカスタマイズはテーマファイルを変更しない方法です。

テーマのアップデートで設定が上書きされません。エディターまわりの仕様を変更するプラグインも使いません。

【メモ】

THE THORはこの記事執筆時に利用できる最新バージョンの2.3.5を使っています。

THE THORを使った企業サイトの作り方は次の記事で紹介しています。

【THE THOR】企業サイト導入事例｜コーポレートサイトの作り方をデモサイトで解説！