Wordpress

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

フッターを1カラムに変更する方法
記事内に商品プロモーションを含む場合があります

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

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

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

完成イメージ

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

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

ソース

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

css

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

cssを追加する方法

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

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

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

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

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

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

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

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

おわりに

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

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

COMMENT

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

wp-puzzle.com logo