ワードプレステーマSWELLとTHE THORの違いについて、機能ごとに解説していきます。
今回は「利用できるウィジェット」の違いについてです。
![SWELL ウィジェット設定画面](https://lifestyle-analytics.com/wp-content/uploads/2020/12/swell_set_widget-1024x722.png)
ウィジェットを設置できる場所の違いについては別記事で紹介しています。
![](https://lifestyle-analytics.com/wp-content/uploads/2020/12/swell-thor-widget-area-300x169.png)
関連する公式マニュアルはこちら
SWELLで利用できるウィジェット
その他のウィジェットはその他のワードプレステーマでも利用できるウィジェットのため割愛します。
「[SWELL]」からはじまるウィジェットは7つです。
![SWELL ウィジェット一覧](https://lifestyle-analytics.com/wp-content/uploads/2020/12/swell_set_widget_list.png)
[SWELL] SNSリンク
![SWELL ウィジェット設定 SNSリンク](https://lifestyle-analytics.com/wp-content/uploads/2020/12/swell_set_widget_sns-link-1024x549.png)
表示イメージ
![SWELL ウィジェット SNSリンク](https://lifestyle-analytics.com/wp-content/uploads/2020/12/swell_widget_sns-link-1024x519.png)
「SNS設定」でURLが設定されているSNSリンクが設置されます。
[SWELL] プロモーションバナー
![SWELL ウィジェット設定 プロモーションバナー](https://lifestyle-analytics.com/wp-content/uploads/2020/12/swell_set_widget_swell_banner-1024x446.png)
表示イメージ
![SWELL ウィジェット プロモーションバナー](https://lifestyle-analytics.com/wp-content/uploads/2020/12/swell_widget_swell_banner-1024x755.png)
SWELLをプロモーションするためのバナーが設置されます。
[SWELL] 広告コード
![SWELL ウィジェット設定 広告コード](https://lifestyle-analytics.com/wp-content/uploads/2020/12/swell_set_widget_ad-1024x619.png)
Google Adsenseなどの広告を表示するときに使用します。
PCとスマホで表示コントロール可能です。
[SWELL] 目次
![SWELL ウィジェット設定 目次](https://lifestyle-analytics.com/wp-content/uploads/2020/12/swell_set_widget_table-of-contents-1024x449.png)
表示イメージ
![SWELL ウィジェット 目次](https://lifestyle-analytics.com/wp-content/uploads/2020/12/swell_widget_table-of-contents-1024x677.png)
目次のウィジェットです。
記事ページでのみ表示されます。
「追尾サイドバー」ウィジェットエリアに「[SWELL] 目次」をセットするとスクロールしても固定表示される目次を簡単に作成することができます。
[SWELL] プロフィール
![SWELL ウィジェット設定 プロフィール](https://lifestyle-analytics.com/wp-content/uploads/2020/12/swell_set_widget_profile-1-816x1024.png)
表示イメージ
![SWELL ウィジェット プロフィール](https://lifestyle-analytics.com/wp-content/uploads/2020/12/swell_widget_profile-1-1024x802.png)
運営者プロフィールが表示されます。
設定項目の詳細は別記事で紹介しているのでそちらをご覧ください。
![](https://lifestyle-analytics.com/wp-content/uploads/2020/12/swell-thor-profile-300x169.png)
[SWELL] 人気記事
![SWELL ウィジェット設定 人気記事](https://lifestyle-analytics.com/wp-content/uploads/2020/12/swell_set_widget_popular-article-1024x1002.png)
表示イメージ
![SWELL ウィジェット 人気記事](https://lifestyle-analytics.com/wp-content/uploads/2020/12/swell_widget_popular-article-1024x856.png)
PV数の多い順で記事を表示できます。
レイアウトや非表示にするページの設定など細かな表示調整が可能です。
![](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell-thor-popular-article-widget-300x169.png)
[SWELL] 新着記事
![SWELL ウィジェット設定 新着記事](https://lifestyle-analytics.com/wp-content/uploads/2020/12/swell_set_widget_new-article-1024x746.png)
![SWELL ウィジェット 新着記事](https://lifestyle-analytics.com/wp-content/uploads/2020/12/swell_widget_new-article-1024x631.png)
新着順で記事を表示します。
レイアウトや表示条件の設定が可能です。
![](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell-thor-new-article-widget-300x169.png)
THE THORで利用できるウィジェット
THE THORのウィジェット設定画面に表示されるウィジェットの内、「[THE]」からはじまるウィジェットに絞って紹介します。
その他のウィジェットはその他のワードプレステーマでも利用できるウィジェットのため割愛します。
「[THE]」からはじまるウィジェットは11個あります。
![THE THOR ウィジェット一覧](https://lifestyle-analytics.com/wp-content/uploads/2020/12/thor_set_widget_list.png)
[THE] 広告
![THE THOR ウィジェット設定 広告](https://lifestyle-analytics.com/wp-content/uploads/2020/12/thor_set_widget_ad-1024x668.png)
Google Adsenseなどの広告を表示するときに使用します。
[THE]著者情報
![THE THOR ウィジェット設定 著者情報](https://lifestyle-analytics.com/wp-content/uploads/2020/12/thor_set_widget_profile-1-1024x823.png)
表示イメージ
![THE THOR ウィジェット 著者情報](https://lifestyle-analytics.com/wp-content/uploads/2020/12/thor_widget_profile-1024x906.png)
著作者情報が表示されます。
[THE]人気記事
![THE THOR ウィジェット設定 人気記事](https://lifestyle-analytics.com/wp-content/uploads/2020/12/thor_set_widget_popular-article-971x1024.png)
表示イメージ
![THE THOR ウィジェット 人気記事](https://lifestyle-analytics.com/wp-content/uploads/2020/12/thor_widget_popular-article-1024x797.png)
PV数の多い順に記事を表示できます。
[THE]カテゴリ人気記事
![THE THOR ウィジェット設定 カテゴリ人気記事](https://lifestyle-analytics.com/wp-content/uploads/2020/12/thor_set_widget_category_popular-article-1024x952.png)
表示イメージ
![THE THOR ウィジェット カテゴリ人気記事](https://lifestyle-analytics.com/wp-content/uploads/2020/12/thor_widget_category_popular-article-1024x997.png)
指定したカテゴリでPV数の多い順に記事を表示できます。
「[THE]人気記事」でもカテゴリーによる絞り込みができますが、「[THE]カテゴリ人気記事」では、選択したカテゴリーが、ウィジェットタイトルの下に表示されます。
またアイキャッチ上にカテゴリーラベルが表示されないといった細かい違いもあります。
[THE]画像付き新着記事
![THE THOR ウィジェット設定 画像付き新着記事](https://lifestyle-analytics.com/wp-content/uploads/2020/12/thor_set_widget_new-article-1024x854.png)
表示イメージ
![THE THOR ウィジェット 画像付き新着記事](https://lifestyle-analytics.com/wp-content/uploads/2020/12/thor_widget_new-article-1024x845.png)
新着順で記事を表示します。
[THE]おすすめ記事
![THE THOR ウィジェット設定 おすすめ記事](https://lifestyle-analytics.com/wp-content/uploads/2020/12/thor_set_widget_recommend-article-908x1024.png)
表示イメージ
![THE THOR ウィジェット おすすめ記事](https://lifestyle-analytics.com/wp-content/uploads/2020/12/thor_widget_recommend-article-1024x828.png)
投稿IDを登録することで、任意のおすすめの記事を表示することができます。
表示件数は最大5件です。
[THE]タグランキング
![THE THOR ウィジェット設定 タグランキング](https://lifestyle-analytics.com/wp-content/uploads/2020/12/thor_set_widget_tag-ranking-1024x560.png)
表示イメージ
![THE THOR ウィジェット タグランキング](https://lifestyle-analytics.com/wp-content/uploads/2020/12/thor_widget_tag-ranking-1024x794.png)
作成したタグランキングをウィジェットエリアに表示することができます。
HTMLの知識不要で簡単にランキングコンテンツを作成することができるので、使ってみるととても便利です。
![THE THOR タグランキングの設定](https://lifestyle-analytics.com/wp-content/uploads/2020/12/thor_set_tag-ranking-1024x490.png)
[THE]QRコード
![THE THOR ウィジェット設定 QRコード](https://lifestyle-analytics.com/wp-content/uploads/2020/12/thor_set_widget_qr-1024x774.png)
表示イメージ
![THE THOR ウィジェット QRコード](https://lifestyle-analytics.com/wp-content/uploads/2020/12/thor_widget_qr-1024x361.png)
登録したURLのQRコードが生成、表示されます。
[THE]スタイルテキスト
![THE THOR ウィジェット設定 スタイルテキスト](https://lifestyle-analytics.com/wp-content/uploads/2020/12/thor_set_widget_style-text-1024x635.png)
表示イメージ
![THE THOR ウィジェット スタイルテキスト](https://lifestyle-analytics.com/wp-content/uploads/2020/12/thor_widget_style-text-1024x273.png)
表示されるページと同じスタイルでテキスト表示されるウィジェットです。
このウィジェットは他のサイトでもあまり活用されていないようで、調べてみても情報が出てきませんでした。
単にテキストやHTMLを表示するだけならワードプレスにデフォルト実装されている「テキスト」ウィジェットや「カスタムHTML」で事足ります。
スタイルテキストという名称から察するに、表示ページに優先して適用しているCSSがある場合に、そのページのCSSが優先して適用されるウィジェットということでしょうか?
正直使いどころがわかりません。
[THE]タブコンテンツ
![THE THOR ウィジェット設定 タブコンテンツ](https://lifestyle-analytics.com/wp-content/uploads/2020/12/thor_set_widget_tab-content-859x1024.png)
表示イメージ
![THE THOR ウィジェット タブコンテンツ](https://lifestyle-analytics.com/wp-content/uploads/2020/12/thor_widget_tab-content-1024x465.png)
タブ形式でコンテンツを表示することができます。
最大タブ数は5件です。
[THE]絞込検索
![THE THOR ウィジェット設定 絞込検索](https://lifestyle-analytics.com/wp-content/uploads/2020/12/thor_set_widget_refined-search-1024x492.png)
表示イメージ
![THE THOR ウィジェット 絞込検索](https://lifestyle-analytics.com/wp-content/uploads/2020/12/thor_widget_refined-search-1024x414.png)
キーワードにカテゴリとタグで絞り込み検索できる検索フォームを設置できます。
THE THORのウィジェットはすべて表示条件を指定可能
THE THORのウィジェットには必ず「表示/非表示設定」というボタンが付いており、このボタンを押すと、そのウィジェットを非表示にするためのモーダルが表示されます。
![THE THOR ウィジェットの非表示設定](https://lifestyle-analytics.com/wp-content/uploads/2020/12/thor_widget_display-seting-1024x476.png)
このモーダルから特定のページやデバイスなどの条件に合わせてウィジェットを非表示にすることができます。
ただし、非表示にしたウィジェットを一覧で確認する方法はないので、ウィジェットの非表示設定は運用者自身が把握しておく必要があります。
THE THORで追従する目次を設定するにはプラグインが必要
THE THORには目次のウィジェットが標準装備されてないので、追従サイドバーで目次を表示するにはプラグインをインストールする必要があります。
(なかには「side_outline.php」ファイルを直接いじって、プラグイン無しで追従する目次を再現する強者もいますが、少数派だと思うので捨て置かせてもらいます。)
プラグインは「Table of Contents Plus」もしくは「Easy Table of Contents」を使った事例がよく紹介されているので、気になる方は調べてみてください。
SWELLならブログパーツでウィジェットがほぼ自由自在
SWELLでは利用できるウィジェットは決して多くありませんが、「ブログパーツ」機能を使えば、欲しいウィジェットを簡単に作ることができます!
例えば、SWELLのウィジェットには、THE THORのようなランキング表示のウィジェットやおすすめ記事のウィジェットはありませんが、どちらも「ブログパーツ」機能で代替可能です。
こんならランキングウィジェットや…
![SWELL ブログパーツ ランキングウィジェット](https://lifestyle-analytics.com/wp-content/uploads/2020/12/swell_blog-parts_ranking.png)
おすすめ記事ウィジェットも再現できます!
![SWELL ブログパーツ おすすめ記事ウィジェット](https://lifestyle-analytics.com/wp-content/uploads/2020/12/swell_blog-parts_recommend-article.png)
SWELLのブログパーツ機能は奥が深いので、またの機会に紹介したいと思います!
![](https://lifestyle-analytics.com/wp-content/uploads/2021/01/swell-blog-parts-300x169.png)
まとめ
ウィジェットタイプ別に差分チェック
クリックしてね!
デフォルトのウィジェットはTHE THORの方が充実
利用できるウィジェットについてSWELLとTHE THORを比べてみると、THE THORの方がランキング表示できるウィジェットや記事関連のウィジェットが充実しています。
ブログパーツ機能が秀逸、拡張性はSWELLが圧勝
一方でSWELLはデフォルトのウィジェット数は多くないものの、ブログパーツ機能を使えば、自由にウィジェットを作り出すことが可能です!
例えば常設したいランキングコンテンツと季節商品のバナーをブログパーツで作成しておけば、ショートコードを書き換えるだけで、普段はウィジェットにランキングコンテンツを表示、シーズン中は季節商品バナーに切り替えるといった運用が可能です。