賢威7カスタマイズ一覧StingerXeoryお問い合わせHomeXeoryXeory:フッターに3列(3カラム)のウィジェットエリアを作る方法XeoryXeory:フッターに3列(3カラム)のウィジェットエリアを作る方法こんにちは、ぶどうサワーです。サイトの閲覧ありがとうございます。今回の記事では、バズ部さんが無料で提供しているWordPressテーマ:Xeoryのフッターに3列(3カラム)のウィジェットエリアを作る方法を紹介したいと思います。一度ウィジェットエリアを作ってしまえば、タグクラウドや最新の記事一覧、お問い合わせフォームなど、色々なウィジェットを簡単に出し入れすることができるので、結構便利です。2列や4列のウィジェットエリアを作る方法についても紹介しているので、もしよければ参考にして下さい。ここにウィジェットエリアを追加。「最近の投稿ウィジェット」、「タグクラウドウィジェット」、「カテゴリーウィジェット」を追加。スマホ・タブレットサイズでは3列から1列(横幅100%)に。今回はPHPファイルを編集していきます。画面が真っ白になることもあるので、PHPコードは注意して編集して下さい。(表示させたい場所のPHPファイル)という2つの作業が必要になります。functions.phpなどのPHPファイルで行い、ウィジェットを表示するには、必要なコードを「表示させたい場所のPHPファイル」に書き込みます。編集まずはウィジェットエリアの登録です。親テーマのものでも子テーマのものでも、どちらでも大丈夫です。'フッター左に表示されるウィジェットエリアです。'フッター中央に表示されるウィジェットエリアです。'フッター左に表示されるウィジェットエリアです。);これでフッター用のウィジェットエリアが登録されました。この時点ではまだ何も表示されませんが、デモ用にウィジェットを入れておきます。次に登録したウィジェットエリアを表示させます。?>これを下のコードで置き換えます。先ほど入れたウィジェットが表示されるようになりました。CSSファイルを編集ここまでのPHPコードの編集で、ウィジェットエリアを登録、表示することができましたが、余白が少なくかなり見づらい状態なので、CSSファイルを編集して見た目を整えていきましょう。お使いのCSSファイルに以下のコードを追加します。}}これでPCサイズではウィジェットが3列に並び、、、ブラウザを狭めてスマホサイズにすると、3列表示だったウィジェットが1列表示になりました。今回のカスタマイズは以上になります。最後まで閲覧ありがとうございました。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。