The Thor フッターを１カラムに変更する方法

ワードプレスの有料テーマ TheThorのフッターは、３カラム構成となっており、通常は変更することができません。

ですが、フッターを１カラムですっきりさせたい…となることは多いですよね。
今回はTheThorのフッターを、１カラムにする方法をお伝えします。

方法は、カスタムcssに、スタイルを追加するだけでとっても簡単。コピペするだけで終わります！

完成イメージ

完成イメージはこちら。1カラムの表示になっています。

ソース

方法は簡単です。下記のソースを、cssとして追加するだけです。

css

@media only screen and (min-width: 768px){
.widgetFooter {
display: initial;
}
.widgetFooter__box {
width: 100%;
　}
}

cssを追加する方法

The Thorには、簡単にcssを追加できるカスタマイズ機能は備わっています。

ダッシュボード > 外観 > カスタマイズ > 追加css

css追加後は、「公開」をクリックして保存してください。

フッターに表示するコンテンツを追加しよう

今回の追加CSSは、The Thorで用意されている「フッターエリア[左]」を、1カラムとして表示します。

ダッシュボード > 外観 > カスタマイズ > ウィジット > フッターエリア[左]

こちらにお好きなウィジットを追加して、フッターに表示しましょう！

おわりに

以上、簡単なコピペだけでフッターを１カラムにする方法でした♪では、また！

にゃん花子

FacebookInstagram

「コード書くには苦手」「コピペで動けば、それでOK」な、ノンプログラマー向け | マニアック・ピンポイントなWordpress TIPSが多め｜文系から独学でWeb屋さんになった人｜インフラ分野のわかるWebディレクター｜主にWordpressのサイト立ち上げ、リプレイス、運用をしています｜Shopifyもはじめました | アニメ・映画・ドラマを聴きながら、ブツブツ呟きながら、制作するのが好きです | ブログ収益を保護猫活動に使いたいので、頑張る人 | 夜型人間から朝方に切り替え中｜小学１年生の壁に負けじと２０２４年も奮闘します