ワードプレスの有料テーマ TheThorのフッターは、３カラム構成となっており、通常は変更することができません。
ですが、フッターを１カラムですっきりさせたい…となることは多いですよね。
今回はTheThorのフッターを、１カラムにする方法をお伝えします。
方法は、カスタムcssに、スタイルを追加するだけでとっても簡単。コピペするだけで終わります！
Ad
完成イメージ
完成イメージはこちら。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カラムとして表示します。
ダッシュボード > 外観 > カスタマイズ > ウィジット > フッターエリア[左]
こちらにお好きなウィジットを追加して、フッターに表示しましょう！
おわりに
以上、簡単なコピペだけでフッターを１カラムにする方法でした♪では、また！