THORの違いについて、設定方法ごとに解説していきます。今回は、「サイドバーの設定」についてです。当ブログではSWELLをおすすめしています。SWELL贔屓という点あらかじめご了承ください。THORの違いについてまとめた記事はたくさんあります。SWELLこの記事の目次サイドバーの表示設定SWELLでの設定場所SWELLのサイドバーの表示に関する設定は、「外観」→「カスタマイズ」→「サイドバー」で行います。「サイドバー」メニューでは次の設定をすることができます。THORのサイドバーの表示設定は、「外観」→「カスタマイズ」から各ページのメニューで個別に設定します。サイドバーの表示設定ができるメニューアーカイブページ設定[THE]投稿ページ設定[THE]固定ページ設定[THE]次の画面は「アーカイブページ設定[THE]」のメニュー内のキャプチャです。「レイアウト設定」で次の設定をすることができます。「投稿ページ設定[THE]」と「固定ページ設定[THE]」でも同じ項目でサイドバーの表示設定をすることができます。THORでもページ種別単位でサイドバーの表示・非表示を設定できますが、「特定のページにだけサイドバーを表示したくない」場合もあるかと思います。両テーマともに個別ページ単位でサイドバーの非表示設定することが可能ですが、その手順は大きく異なります。SWELLでの設定SWELLではエディター画面からページ単位でサイドバーの表示・非表示設定をすることができます。【SWELL設定】の配下にある「サイドバー」で表示・非表示を選択すれば、そのページでサイドバーを表示するか非表示にするかコントロールすることができます。SWELL設定の配下にある「サイドバー」を選択ここではサイドバーの表示・非表示についてだけ取り上げましたが、目次や著者情報、コメントなど、その他の表示・非表示についても【SWELL設定】内で設定することができます。THORではウィジェットの管理からページ単位での非表示設定をすることができます。設置したウィジェット内にある「表示/非表示設定」ボタンを押します。STEPウィジェット内にある「表示/非表示設定」ボタンを押す「表示/非表示設定」ボタンを押すSTEP非表示にするページをチェックして保存モーダルが表示されます。上部のタブでページの種類を選択します。ウィジェットを非表示にしたいページにチェックを入れた後、「設定完了」ボタンを押せばチェックを入れたページでサイドバーを非表示にすることができます。ここではサイドバーの非表示についてだけ取り上げましたが、その他のウィジェットも同様の手順で非表示にすることができます。サイドバーのウィジットデザイン設定SWELLでの設定SWELLのサイドバーのウィジェットデザインは「外観」→「カスタマイズ」→「サイトの全体設定」→「タイトルデザイン」で行います。タイトルデザイン一覧デザインは4種類です。PCとスマホでデザインを変えることができます。THORのサイドバーのウィジェットデザインは「外観」→「カスタマイズ」→「共通エリア設定[THE]」→「サイドカラムエリア設定」で行います。ウィジェットデザイン設定タイトルデザインだけでなく、サイドカラム全体のフレームデザイン、各ウィジェットのフレームデザイン、ウィジェットタイトルの色まで細かく設定することができます。角丸(default)シンプルボトムボーダーはみ出すボーダーシンプル(ワイド)内側ボーダー(ワイド)サイドカラム全体のフレームデザイン、各ウィジェットのフレームデザインについては、それほど見た目が変わらないので割愛させていただきます。気になる人はネットで調べてください!(本当にそんな変わらないんで。すいません!)サイドバー関連のウィジェットエリアSWELLのウィジェットエリアSWELLにはサイドバー関連のウィジェットエリアが4つ用意されています。全ページ共通で表示されるサイドバーです。「共通サイドバー」のスマホ版です。スマホで表示するサイドバーを変えたい場合はこのウィジェットエリアを使用します。「共通サイドバー【スマホ版】」に何もウィジェットアイテムが設定されていない場合は、「共通サイドバー」で設定したウィジェットがスマホでも表示されます。トップページ専用サイドバートップページでのみ表示されるウィジェットエリアです。設定すると「共通サイドバー」の上部に表示されます。「共通サイドバー」が表示されない訳ではないという点注意です。「共通サイドバー」の下部に表示され、画面をスクロールしてもサイドバーエリアに表示され続けます。PCサイズでのみ表示されるサイドバーです。THORにはサイドバー関連のウィジェットエリアが2つ用意されています。サイドバー関連のウィジェットエリアサイドバーエリア全ページ共通で表示されるサイドバーです。追従サイドバーエリア「サイドバーエリア」の下部に表示され、画面をスクロールしてもサイドバーエリアに表示され続けます。THORでは同等のウィジェットエリアが用意されていません。THORでスマホ表示でのサイドバーウィジェットを変更するには、ウィジェットの「表示/非表示設定」→「その他」タブの「スマートフォンでのアクセス」にチェックを入れることで同等の設定が可能です。詳しい手順については前回の記事の「フッター周りのウィジェット設定」で解説しています。THORの違いについて、設定方法ごとに解説していきます。今回は「フッター周りの設定」についてです。THORでもサイドバーウィジェットの出し分けが可能とは言ったものの、ウィジェット一つひとつ非表示設定にする必要があり、なおかつウィジェットごとに表示・非表示設定を把握する必要があるため、SWELLよりも運用に手間がかかることが予想されます。THORの「ウィジェット表示・非表示」には「トップページ以外」という選択肢が用意されていないため、SWELLの「トップページ専用サイドバー」と同等の設定をすることは難しそうです。THORを選ぶ一つのポイントになるかもしれません。(でもSWELLのデザインの方が使いやすいと思う!)一方で、個別ページでのサイドバーの表示・非表示設定やデバイスに応じたサイドバーウィジェットの出し分けに関しては、SWELLの方に取り回しの良さを感じます。好みの問題だと思いますが、わたしとしては、ウィジェットデザインの豊富さよりもウィジェットの使い勝手の良さの方に魅力を感じます。気軽に、楽しく記事を書こう。購入前に読んで欲しいSWELLの素敵な公式マニュアル【10選】2021年11月28日satou金融系Web広告担当ブログ未経験でいきなりワードプレスからはじめました!金融業界で働く一介のWeb広告担当者です。わかりやすい肩書はWebマーケターだけど、マーケティングって言えるほど大層な仕事でもない。ブログでは、Webマーケティングのことや生活を豊かにする情報をシェアしていきます。最近はワードプレステーマ『SWELL』にどっぷりハマってます。『SWELL』についてばかり書くことになりそう。