THORのウィジェットエリアの違いを比べるとますますSWELLが好きになった。THORのウィジェットエリアの違いを比べるとますますSWELLが好きになった。THORのウィジェットエリアの違いを比べるとますますSWELLが好きになった。THORの違いについて、機能ごとに紹介しています今回はウィジェットの表示位置を決める「ウィジェットエリア」の違いについてです。THORはウィジェットエリアに気になる課題があります。THORを購入する前に一度読んでほしいです。SWELLこの記事の目次SWELLのウィジェットエリアSWELLには20個のウィジェットエリアが用意されています。ウィジェットエリア一覧SWELLのウィジェットエリアは数が多いですが、表示場所で分類すると次のようになります。ウィジェットエリアの表示場所ヘッダーサイドバースマホ開閉メニュートップページ固定ページ投稿ページフッターこの後はこの表示場所ごとにウィジェットエリアを紹介させていただきます。表示場所グローバルメニューの右側に表示ヘッダー内部ヘッダー内に表示できるウィジェットエリアです。サイドバーSWELLには4種類のサイドバーウィジェットエリアが用意されています。「共通サイドバー【スマホ版】」が設定されている場合を除いて、すべてのページで表示されるサイドバーです。共通サイドバー【スマホ版】PCとスマホで共通サイドバーのウィジェットを変更したい場合に使用します。トップページ専用サイドバートップページにのみ表示されるサイドバーです。「共通サイドバー」の上部に表示されます。追尾サイドバースクロールしても追従して表示されるサイドバーです。目次」ウィジェットを設置します。表示場所スマホ開閉メニュー下スマホで表示される開閉メニュー(ハンバーガーメニュー)下部に表示できるウィジェットエリアです。トップページトップページのメインコンテンツエリアでは、上下2ヶ所でウィジェットを設置することができます。記事一覧リストエリアの直前に表示できるウィジェットエリアです。トップページ下部ページネーションの直後に表示できるウィジェットエリアです。固定ページ固定ページのメインコンテンツエリアでは、上下2ヶ所でウィジェットを設置することができます。固定ページ本文の直前に表示できるウィジェットエリアです。固定ページ本文の直後に表示できるウィジェットエリアです。投稿ページ投稿ページのメインコンテンツエリアでは、5ヶ所にウィジェットを設置することができます。ページ本文の直前に表示できるウィジェットエリアです。投稿ページ本文の直後に表示できるウィジェットエリアです。CTAウィジェット投稿ページの下部に表示できるウィジェットエリアです。資料請求など具体的なアクションを喚起するために使用します。すべての投稿ページで同じCTAを設置したいときに便利です。ページごとにCTAを変えたい場合は、「ブログパーツ」を使用します。ここでは、WordPressテーマ「SWELL」で使用可能な「ブログパーツ」機能について解説していきます。ページの関連記事エリアの下に表示できるウィジェットエリアです。フッターSWELLには5種類のフッターウィジェットエリアが用意されています。表示場所スマホ専用フッタースマホのみ表示フッター直前フッターの直前に表示できるウィジェットエリアです。フッター(PC)1~3フッター内に表示できるウィジェットエリアです。ウィジェットが設置されている「フッター(PC)」の数に応じてカラムが自動調整されます。「フッター(PC)3」だけウィジェットが設置されている場合は、1カラムで表示されます。「フッター(PC)1」と「フッター(PC)3」の2つにウィジェットが設置されている場合は、2カラムで表示されます。2カラムに自動調整して表示このあと説明する「フッター(スマホ)」が使用されていない場合は、スマホでも「フッター(PC)1~3」に設定したウィジェットが1カラムで表示されます。フッター(スマホ)PCとスマホでフッターウィジェットを変更したい場合に使用します。このウィジェットが使用されている場合、「フッター(PC)1~3」は非表示となります。THORには10個のウィジェットエリアが用意されています。THORも表示場所別にウィジェットエリアを紹介します。ウィジェットエリアの表示場所トップページ投稿ページメニューパネルサイドバーフッタートップページトップページのメインコンテンツエリアでは、上下2ヶ所でウィジェットを設置することができます。リストの上下に表示トップページ上部エリア記事一覧リストエリアの直前に表示できるウィジェットエリアです。トップページ下部エリア記事一覧リストエリアの直後に表示できるウィジェットエリアです。投稿ページ投稿ページのメインコンテンツエリアには、上下2ヶ所ウィジェットを設置することができます。投稿ページ上部エリア投稿ページ本文の直前に表示できるウィジェットエリアです。投稿ページ下部エリア投稿ページ本文の直後に表示できるウィジェットエリアです。メニューパネル表示場所メニューパネルヘッダーの開閉メニューパネルに表示できるウィジェットエリアです。THORには2種類のサイドバーウィジェットエリアが用意されています。表示場所サイドバーエリアすべてのページで表示されるサイドバーです。追従サイドバーエリアスクロールしても追従して表示されるサイドバーです。THORには3種類のフッターウィジェットエリアが用意されています。フッターフッターエリア[左]フッターエリアの左に表示できるウィジェットエリアです。フッターエリア[中央]フッターエリアの中央に表示できるウィジェットエリアです。フッターエリア[右]フッターエリアの右に表示できるウィジェットエリアです。THORの場合、フッターエリアの配置は固定で、SWELLのような自動調整機能はありません。「フッターエリア[右]」だけウィジェットが設置されている場合は、フッターエリアの右側にのみウィジェットが表示されます。右寄せのままで、1カラムに自動調整されない「フッターエリア[左]」と「フッターエリア[右]」の2つにウィジェットが設置されている場合は、中央が抜けた状態で表示されます。THORのCTA設定は「記事下CTA」で行うCTAは重要なポイントだと思いますのでここで一度紹介しておきます。THORにはCTAのウィジェットエリアがありませんが、個別記事のエディター画面で個別記事ごとにCTAを設定することが可能です。THORフッターエリア[左]フッターエリア[中央]フッターエリア[右]ウィジェットエリアの柔軟性はSWELLが優れているSWELLのウィジェットエリアはスマホ専用のウィジェットエリアが用意されているので、サイト訪問者がアクセスしている環境に合わせて、表示するウィジェットを最適化しやすいです。THORでSWELLのように表示するウィジェットをデバイスによって変更したい場合は、特定の条件でウィジェットを非表示にする機能を活用すれば実現できますが、設定には少々手間がかかります。やり方は別記事で紹介しているのでそちらをご覧ください。THORのフッターウィジェットエリアは配置が固定されているため、見栄えを気にする人は3カラムありきで設定する必要があります。SWELLの場合フッターのウィジェットエリアが自動調整されるので、デザインの崩れを心配する必要がありません。この辺の使い勝手の良さもSWELLのいいところだと思います。デザイン要素と違って、ウィジェットエリアの表示要件をユーザーが独自開発するのはかなり厳しいと思います。ウィジェットエリアの柔軟性もレイアウトの自動調整もSWELLの方が一枚うわてです。機能一つひとつ比べてみると、購入の決め手となりそうな違いが見えてきます。サマリー的な機能比較情報だけでは決して気づけない情報です。これからワードプレステーマの購入を検討されている方へわたしのように、後から「こんなはずじゃなかった...」とならないように、細かい機能もよく調べることをおすすめします。SWELLは今一番おすすめできるテーマです!公式サイトで確かめてみてください。気軽に、楽しく記事を書こう。購入前に読んで欲しいSWELLの素敵な公式マニュアル【10選】2021年11月28日satou金融系Web広告担当ブログ未経験でいきなりワードプレスからはじめました!金融業界で働く一介のWeb広告担当者です。わかりやすい肩書はWebマーケターだけど、マーケティングって言えるほど大層な仕事でもない。ブログでは、Webマーケティングのことや生活を豊かにする情報をシェアしていきます。最近はワードプレステーマ『SWELL』にどっぷりハマってます。『SWELL』についてばかり書くことになりそう。