シェアする

Stinger7のフッターを3カラムにする

シェアする

PR


Stinger7テンプレートを使っていて、フッターを3カラム表示にしたいと思い対応した時の方法をご紹介します。

編集したのは以下の3ファイルです。

  • functions.php
  • style.css
  • footer.php

修正する前には、くれぐれもバックアップを取っておくことをお勧めします。

フッターウィジェットの追加

functions.phpを開いて以下のコードを追加します。以下では、3つのウィジェットをまとめて登録しています。register_sidebar関数で1つずつ登録しても問題ありません。

これで管理画面内で以下のようなウィジェットが表示されます。左から1、2、3となります。

footer-widget

footer.php

続いてフッターのHTMLを編集します。ここでは、以下のようなHTMLコードを追加しています。場所はどこでも大丈夫ですが、例ではfooterタグのすぐ下に追加しています。

style.css

最後にデザインを修正します。デフォルトのテーマ色に合うように背景をブラックで構成してみます。以下の設定でよく見るページのデザインぽくなるはずです。

Stingerは、日々小さな修正や改良を含めバージョンアップされているようで、ひょっとすると本記事で紹介した内容と変わっているところもあるかもしれませんのでご注意ください。

また、Stingerは無料のテンプレートとして提供されていますが、有料でAffingerというSEOに強いテンプレートもあるようです。

af4_banar_2


稼ぐサイトの設計図-AFFINGER4公式ガイド



WordPressの運用に特化したレンタルサーバー『wpXレンタルサーバー』

スポンサーリンク
Translate »