圧倒的な使い心地を追求するWordPressテーマホームHOMEアップデート情報このページでは、WordPressテーマ「SWELL」のアップデート情報に関する記事をまとめています。WordPressテーマ「SWELL」の基本的な設定についての記事一覧ページです。2019.04.08記事上のウィジェットエリアこのページでは、SWELLのフッター周りの設定方法を説明していきます。カスタマイザーでのデザインカスタマイズ方法フッターメニューの設定方法フッター周りで使用できるウィジェットについて、まとめていきます。目次前広告表示エリア目次テーマカスタマイザーで設定できることSWELLでは、デザインに関する設定はほぼ全てテーマカスタマイザーから行うことができます。カスタマイザーの基本的な使用方法については、以下の記事をご覧ください。あわせて読みたい【SWELLの設定】「テーマカスタマイザー」の使用方法SWELLの設定やカスタマイズは、ほぼ全て「テーマカスタマイザー」機能で行うことができるように設計しました。「テーマカスタマイザー」機能はリアルタイムで設定が反映...フッター周りのカスタマイズは、カスタマイザーの「フッター設定」にまとめています。この「フッター設定」を選択すると、以下のような設定項目がでてきます。「コピーライト」として表示するテキストの設定フッターに「SNSアイコンリスト」を表示するかどうかページットップボタンボタンの形を四角にするか丸くするか、もしくは表示しないか、を選択できます。ページトップボタン2種コピーライトの文章ページ下部に表示している©︎~の部分の表示を好きにカスタマイズ可能です。当サイトでいうと、以下のオレンジ線で囲んだ部分のことです。SNSアイコンを表示するかどうかヘッダー周りの設定にて、ヘッドバーにSNSアイコンリストを表示できますが、フッターにも表示できます。チェックボックスで表示・非表示を切り替えることができます。フッターのカラー設定についてフッターの色味に関する設定は、「フッター設定」ではなく、カスタマイザーの「カラー設定」から設定できます。背景色と文字色を設定できます。スマホの画面下部に表示される「固定フッターメニュー」についてスマホの画面下部に表示される「固定フッターメニュー」に関する設定も、同じくカスタマイザーの「フッター設定」からカスタマイズできます。固定フッターメニューに関しては、以下の記事で個別に設定方法をまとめていますので、ぜひご覧ください。ついて紹介いたします。次に、コピーライトの上部に設置することのできる「フッターメニュー」の設定について説明します。フッターメニューとは、以下のオレンジの線枠で囲まれた部分のことです。このフッターメニューは、「外観」>「メニュー」から設定することができます。管理画面の「メニュー」をクリックすると、上記のメニュー編集画面に入ることができます。フッターメニューを初めて作成する場合は、「新しいメニューを作成しましょう」のリンクをクリックして新規メニューを作成してください。フッターメニューに追加したいページを選択します現在設定されている項目(マウスで掴んでドラッグすると並び替えできます)作成したメニューを「フッターメニュー」として使用するため、チェックを入れてください。「メニューを保存」ボタンを押すと、設定が保存されます。いった感じで設定できます。「フッターメニュー」にチェックを入れる、というのがポイントです。ここではざっくりと説明しましたが、カスタムメニューの基本的な作成方法については、グローバルナビの設定方法にてもう少し細かく丁寧に説明しているので、参考にしてみてください。フッター周りで使用できるウィジェットについてSWELLでは、フッター周りのウィジェットは大まかにいうと2種類、細かくいうと5種類のウィジェットを用意しております。当公式サイトでは、以下の部分がウィジェットエリアとなっており、フッター直前に表示されるウィジェットエリアフッター内部に表示されるウィジェットエリアPC表示では最大3列表示となり、3つのウィジェットを用意SP表示では、専用に1つのウィジェットを用意(設定がなければ自動でPCと同じものが反映されます)といった構成になっています。管理画面の「外観」>「ウィジェット」から、該当するウィジェットエリアに項目を配置してご利用ください。ウィジェット一覧フッター(PC)ウィジェットの1〜3について中身にウィジェットアイテムを配置しているものだけが有効となり、有効となっているウィジェットの数に応じて、フッターのウィジェットエリアのカラム数が自動で変化します。「フッター(PC)1」だけにウィジェットアイテムを配置しても、「フッター(PC)3」だけに配置しても、どちらも1カラムで中央に表示され、左だけ、右だけに偏って表示されるといったことはありません。フッター(スマホ)ウィジェットについてこの設定エリアの中にウィジェットアイテムが配置されている場合、「フッター(PC)の1〜3」はスマホでは表示されず、「フッター(スマホ)」ウィジェットのみが表示されます。これにより、PCでのフッターウィジェットがそのまま表示されてしまい、スマホのフッターが長くなりすぎる、ということを防ぐことができます。「フッター(スマホ)」の中身が空の場合は、「フッター(PC)の1〜3」が順に縦並びで表示されます。@ddryo_loos了SWELL開発者SWELLの開発者です。普段はフリーランスのフロントエンジニアとして活動しています。