今回は、WordPressテーマ「THE THOR」のウィジェットについて。
ウィジェットは、サイドやフッターに機能を追加できるパーツのことです。
THE THORで使えるウィジェット、全27種のカスタマイズを解説していきます。
- 1 THE THORのウィジェットについて
- 2 THE THORウィジェットは27種類
- 2.1 【ウィジェット1】RSS
- 2.2 【ウィジェット2】[THE]QRコード
- 2.3 【ウィジェット3】[THE]カテゴリ人気記事
- 2.4 【ウィジェット4】[THE]スタイルテキスト
- 2.5 【ウィジェット5】[THE]タグランキング
- 2.6 【ウィジェット6】[THE]タブコンテンツ
- 2.7 【ウィジェット7】[THE]人気記事
- 2.8 【ウィジェット8】[THE]広告
- 2.9 【ウィジェット9】[THE]画像付き新着記事
- 2.10 【ウィジェット10】[THE]絞込検索
- 2.11 【ウィジェット11】[THE]著作者情報
- 2.12 【ウィジェット12】アーカイブ
- 2.13 【ウィジェット13】カスタム HTML
- 2.14 【ウィジェット14】カテゴリー
- 2.15 【ウィジェット15】カレンダー
- 2.16 【ウィジェット16】ギャラリー
- 2.17 【ウィジェット17】タグクラウド
- 2.18 【ウィジェット18】テキスト
- 2.19 【ウィジェット19】ナビゲーションメニュー
- 2.20 【ウィジェット20】メタ情報
- 2.21 【ウィジェット21】動画
- 2.22 【ウィジェット22】固定ページ
- 2.23 【ウィジェット23】最近のコメント
- 2.24 【ウィジェット24】最近の投稿
- 2.25 【ウィジェット25】検索
- 2.26 【ウィジェット26】画像
- 2.27 【ウィジェット27】音声
THE THORのウィジェットについて
THE THORはウィジェットを使って、ブログの決められた位置に機能を増やせます。
例えば、サイドカラムに検索機能を設置・プロフィールを表示・メニューを表示など、全27種類のウィジェットから選択して設置します。
ウィジェットの使える位置・使う手順は下記ページを参考になさってください。
Chiharu今回は、WordPressテーマ「THE THOR」のウィジェットが使える位置・使う手順についてお伝えします。ウィジェットのカスタマイズは、下記ページを参考にしてください。[sitecard subtitle=[…]
THE THORウィジェットは27種類
THE THORのウィジェットは27種類。ひとつずつ紹介していきます。
- RSS
- [THE]QRコード
- [THE]カテゴリ人気記事
- [THE]スタイルテキスト
- [THE]タグランキング
- [THE]タブコンテンツ
- [THE]人気記事
- [THE]広告
- [THE]画像付き新着記事
- [THE]絞込検索
- [THE]著作者情報
- アーカイブ
- カスタム HTML
- カテゴリー
- カレンダー
- ギャラリー
- タグクラウド
- テキスト
- ナビゲーションメニュー
- メタ情報
- 動画
- 固定ページ
- 最近のコメント
- 最近の投稿
- 検索
- 画像
- 音声
【ウィジェット1】RSS
THE THORのRSSウィジェットは最新の投稿が表示できます。RSSとは、コンピュータ用に更新情報などを伝えるためのものです。
具体的には
・ツイッターへ自動投稿
・ブログランキングに更新情報を伝える
・RSSリーダーを持っている読者さんに更新情報を伝える
![the thor ウィジェット RSS](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/RSS02.png)
![the thor ウィジェット RSS](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/RSS01.png)
- RSSフィードのURLを調べて入力
- オプションなどを選択して
をクリック
![the thor ウィジェット RSS](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/RSS03.png)
【ウィジェット2】[THE]QRコード
THE THORの[THE]QRコードウィジェットは、URLを入力すると自動でQRコードを作成・表示できます。
![the thor ウィジェット QRコード](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/QR01.png)
![the thor ウィジェット QRコード](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/QR02.png)
- URLを入力
- 必要に応じてタイトル・本文を入力して
をクリック
タイトル・本文は空欄のままでもQRコードは表示できます。
![the thor ウィジェット QRコード](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/QR03.png)
【ウィジェット3】[THE]カテゴリ人気記事
THE THORの[THE]カテゴリ人気記事ウィジェットは、指定したカテゴリのPV数(記事を見られた回数)が多い順に記事を表示できます。
![the thor ウィジェット カテゴリ人気記事](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Category02-1.png)
![the thor ウィジェット カテゴリ人気記事](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Category01-1.png)
- タイトルを入力・カテゴリを選択
- 必要に応じて投稿数(1〜10)・投稿日・更新日・閲覧数・レイアウト・画像アスペクト比を選択して
をクリック
![the thor ウィジェット カテゴリ人気記事](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Category03-1.png)
【ウィジェット4】[THE]スタイルテキスト
THE THORの[THE]スタイルテキストウィジェットは、投稿ページと同じスタイルでテキスト(文字)のみを表示します。
![the thor ウィジェット スタイルテキスト](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/StyleText01.png)
![the thor ウィジェット スタイルテキスト](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/StyleText02.png)
![the thor ウィジェット スタイルテキスト](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/StyleText03.png)
![保存](https://chiharudesign-thethor1.com/wp-content/uploads/2021/06/Save.png)
【ウィジェット5】[THE]タグランキング
THE THORの[THE]タグランキングウィジェットは、タグランキングを表示できます。
![the thor ウィジェット タグランキング](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/TagRank02.png)
![the thor ウィジェット タグランキング](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/TagRank01.png)
![the thor ウィジェット タグランキング](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/TagRank03.png)
タイトルを入力・タグランキングIDの選択をして をクリック
タグランキングの詳しい設定方法は別ページになります。
【ウィジェット6】[THE]タブコンテンツ
THE THORの[THE]タブコンテンツウィジェットは、画像やテキスト(文字)が使えるタブコンテンツを表示できます。
![the thor ウィジェット タブコンテンツ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/TabContent01.png)
![the thor ウィジェット タブコンテンツ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/TabContent02.png)
![the thor ウィジェット タブコンテンツ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/TabContent03.png)
- タブタイトルを入力・タブ本文を入力
- 必要に応じてタイトルを入力して
をクリック
タブタイトルを入力しないとタブが表示されない仕組みになっています。
【ウィジェット7】[THE]人気記事
THE THORの[THE]人気記事ウィジェットは、PV数(記事を見られた回数)の多い順に記事を表示できます。
![the thor ウィジェット 人気記事](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/PopularPost02.png)
![the thor ウィジェット 人気記事](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/PopularPost01.png)
![the thor ウィジェット 人気記事](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/PopularPost03.png)
- 表示する投稿数(1〜10)を選択
- 必要に応じてタイトル・投稿日・更新日・閲覧数・レイアウト・画像アスペクト比・本文抜粋文字数を選択して
をクリック
表示する投稿数を選択しないと人気記事が表示されない仕組みになっています。
【ウィジェット8】[THE]広告
THE THORの[THE]広告ウィジェットは、広告を表示できます。
![the thor ウィジェット 広告](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Ad01.png)
![the thor ウィジェット 広告](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Ad02.png)
![the thor ウィジェット 広告](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Ad03.png)
- 広告用のタグを入力(ASPで発行されるタグ)
- 必要に応じてタイトルを入力して
をクリック
【ウィジェット9】[THE]画像付き新着記事
THE THORの[THE]画像付き新着記事ウィジェットは、画像付き新着記事を表示できます。
![the thor ウィジェット 新着記事](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/NewPost01.png)
![the thor ウィジェット 新着記事](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/NewPost02.png)
![the thor ウィジェット 新着記事](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/NewPost03.png)
- 表示する投稿数(1〜10)を選択
- 必要に応じてタイトル・投稿日・更新日・レイアウト・画像アスペクト比・本文抜粋文字数を選択して
をクリック
表示する投稿数を選択しないと画像付き新着記事が表示されない仕組みです。
【ウィジェット10】[THE]絞込検索
THE THORの[THE]絞り込み検索ウィジェットは、絞込検索フォームを表示できます。
![the thor ウィジェット 絞り込み検索](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Search01.png)
![the thor ウィジェット 絞り込み検索](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Search02.png)
![the thor ウィジェット 絞り込み検索](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Search05.png)
タイトルを入力して をクリック
【ウィジェット11】[THE]著作者情報
THE THORの[THE]著作者情報ウィジェットは、著作者情報を表示できます。
[THE]著作者情報ウィジェットは、WordPressに設定した「あなたのプロフィール」が反映されます。![the thor ウィジェット 著作者情報](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Author01.png)
![the thor ウィジェット 著作者情報](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Author02.png)
![the thor ウィジェット 著作者情報](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Author03.png)
- ユーザーを選択
- ・タイトル
・ユーザーの選択
・記事一覧へボタンの表示選択
・フォローアイコンの表示選択
・フォローアイコンのタイトル
最後にをクリック
【ウィジェット12】アーカイブ
THE THORのアーカイブウィジェットは、投稿の月別アーカイブを表示できます。
![the thor ウィジェット アーカイヴ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Archive01.png)
![the thor ウィジェット アーカイヴ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Archive02.png)
![the thor ウィジェット アーカイヴ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Archive03.png)
・タイトルの入力
・ドロップダウンで表示選択
・投稿数を表示選択
最後に をクリック
【ウィジェット13】カスタム HTML
THE THORのカスタムHTMLウィジェットは、HTMLを使って画像・テキスト・ボタンなど自由に表示できます。
サンプル画像は、画像とリンクボタンをHTMLで設定したものです。
![the thor ウィジェット カスタムHTML](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/HTML01.png)
![the thor ウィジェット カスタムHTML](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/HTML02.png)
![the thor ウィジェット カスタムHTML](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/HTML03.png)
- HTMLを入力
- 必要に応じてタイトルを入力して
をクリック
【ウィジェット14】カテゴリー
THE THORのカテゴリーウィジェットは、カテゴリーリストを表示できます。
![the thor ウィジェット カテゴリー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Category04-1.png)
![the thor ウィジェット カテゴリー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Category03.png)
![the thor ウィジェット カテゴリー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Category05-1.png)
・ドロップダウンで表示選択
・投稿数を表示選択
・階層を表示選択
最後に
![保存](https://chiharudesign-thethor1.com/wp-content/uploads/2021/06/Save.png)
【ウィジェット15】カレンダー
THE THORのカレンダーウィジェットは、カレンダーを表示できます。
![the thor ウィジェット カレンダー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Calendar01.png)
![the thor ウィジェット カレンダー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Calendar02.png)
![the thor ウィジェット カレンダー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Calendar03.png)
![保存](https://chiharudesign-thethor1.com/wp-content/uploads/2021/06/Save.png)
【ウィジェット16】ギャラリー
THE THORのギャラリーウィジェットは、ギャラリーを表示できます。
![the thor ウィジェット ギャラリー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Gallery01.png)
![the thor ウィジェット ギャラリー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Gallery02.png)
ギャラリーウィジェットをカスタマイズするには
「画像を追加」をクリック
![the thor ウィジェット ギャラリー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Gallery04.png)
ギャラリーで表示する画像を選択して
をクリック
![the thor ウィジェット ギャラリー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Gallery05.png)
カラム数の指定
・サイズの指定
・順番の指定
最後に をクリック
![the thor ウィジェット ギャラリー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Gallery06.png)
必要に応じてタイトルを入力して に をクリック
![the thor ウィジェット ギャラリー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Gallery03.png)
【ウィジェット17】タグクラウド
THE THORのタグクラウドウィジェットは、タグを表示できます。
![the thor ウィジェット タグクラウド](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Tag01-1.png)
![the thor ウィジェット タグクラウド](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Tag02-1.png)
![the thor ウィジェット タグクラウド](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Tag03-1.png)
タグソノミーを選択
必要に応じてタイトルを入力して をクリック
【ウィジェット18】テキスト
THE THORのテキストウィジェットは、テキスト・リスト・画像を表示することができ、リンクを指定することもできます。
![the thor ウィジェット テキスト](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Text01.png)
![the thor ウィジェット テキスト](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Text02.png)
![the thor ウィジェット テキスト](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Text03.png)
テキストや画像などを入力
必要に応じてタイトルを入力して をクリック
【ウィジェット19】ナビゲーションメニュー
THE THORのナビゲーションメニューウィジェットは、メニューを表示できます。
![the thor ウィジェット ナビゲーションメニュー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Navigation01.png)
![the thor ウィジェット ナビゲーションメニュー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Navigation02.png)
![the thor ウィジェット ナビゲーションメニュー](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Navigation03.png)
メニューを選択
必要に応じてタイトルを入力して をクリック
メニューの作成方法は、下記ページを参考にしてください。
【ウィジェット20】メタ情報
THE THORのメタ情報ウィジェットは、ログイン・RSS・WordPress.org へのリンクを表示できます。
![the thor ウィジェット メタ情報](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Meta02.png)
![the thor ウィジェット メタ情報](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Meta01.png)
![the thor ウィジェット メタ情報](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Meta03.png)
![保存](https://chiharudesign-thethor1.com/wp-content/uploads/2021/06/Save.png)
【ウィジェット21】動画
THE THORの動画ウィジェットは、動画を表示できます。
![the thor ウィジェット 動画](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Video02.png)
![the thor ウィジェット 動画](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Video01.png)
動画ウィジェットのカスタマイズ手順(動画ファイルを利用)
「動画を追加」をクリック
![the thor ウィジェット 動画](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Video04.png)
動画で表示する動画を選択して
をクリック
![the thor ウィジェット 動画](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Video05.png)
必要に応じてタイトルを入力して
をクリック
![the thor ウィジェット 動画](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Video03.png)
動画ウィジェットのカスタマイズ手順(YouTubeなどのURLを利用)
「動画を追加」をクリック
![the thor ウィジェット 動画](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Video04.png)
「URLから挿入」をクリック
![the thor ウィジェット 動画](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Video07.png)
URLを入力して をクリック
![the thor ウィジェット 動画](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Video08-1024x570.png)
必要に応じてタイトルを入力して
をクリック
![the thor ウィジェット 動画](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Video09.png)
【ウィジェット22】固定ページ
THE THORの固定ページウィジェットは、固定ページ一覧を表示できます。
![the thor ウィジェット 固定ページ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Page01.png)
![the thor ウィジェット 固定ページ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Page02.png)
・タイトルの入力
・並び順の選択
・除外ページの指定
最後に をクリック
除外ページはIDを使って指定します。
![the thor ウィジェット 固定ページ](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Page03.png)
固定ページのIDは、ダッシュボード>固定ページ>固定ページ一覧から調べることができます。
![固定ページ ID](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/pageID.png)
【ウィジェット23】最近のコメント
THE THORの最近のコメントウィジェットは、最近のコメント一覧を表示できます。
![the thor ウィジェット 最近のコメント](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Comment01-1.png)
![the thor ウィジェット 最近のコメント](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Comment02-1.png)
![the thor ウィジェット 最近のコメント](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Comment03.png)
・コメント数の指定
最後に
![保存](https://chiharudesign-thethor1.com/wp-content/uploads/2021/06/Save.png)
【ウィジェット24】最近の投稿
THE THORの最近の投稿ウィジェットは、最近の投稿一覧を表示できます。
![the thor ウィジェット 最近の投稿](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Post01.png)
![the thor ウィジェット 最近の投稿](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Post02.png)
![the thor ウィジェット 最近の投稿](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Post03-1.png)
・投稿数の指定
・投稿日の表示指定
最後に
![保存](https://chiharudesign-thethor1.com/wp-content/uploads/2021/06/Save.png)
【ウィジェット25】検索
THE THORの検索ウィジェットは、検索フォームを表示できます。
![the thor ウィジェット 検索](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Search04.png)
![the thor ウィジェット 検索](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Search03.png)
![the thor ウィジェット 検索](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Search06.png)
![保存](https://chiharudesign-thethor1.com/wp-content/uploads/2021/06/Save.png)
【ウィジェット26】画像
THE THORの画像ウィジェットは、画像を表示できます。
![the thor ウィジェット 画像](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Image02.png)
![the thor ウィジェット 画像](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Image01.png)
![the thor ウィジェット 画像](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Image03.png)
・リンク先のURL
最後に
![保存](https://chiharudesign-thethor1.com/wp-content/uploads/2021/06/Save.png)
【ウィジェット27】音声
THE THORの音声ウィジェットは、音声プレーヤーを表示できます。
![the thor ウィジェット 音声](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Sound02.png)
![the thor ウィジェット 音声](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Sound01.png)
音声ウィジェットのカスタマイズ手順(音声ファイルを利用)
「音声ファイルを追加」をクリック
![the thor ウィジェット 音声](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Sound04.png)
音声ウィジェットで表示する音声を選択して をクリック
![the thor ウィジェット 音声](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Sound05.png)
必要に応じてタイトルを入力して をクリック
![the thor ウィジェット 音声](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Sound03.png)
音声ウィジェットのカスタマイズ手順(URLを利用)
「音声ファイルを追加」をクリック
![the thor ウィジェット 音声](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Sound04.png)
「URLから挿入」をクリック
![the thor ウィジェット 動画](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Video07.png)
URLを入力して をクリック
![the thor ウィジェット 音声](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Sound06-1024x570.png)
必要に応じてタイトルを入力して をクリック
![the thor ウィジェット 音声](https://chiharudesign-thethor1.com/wp-content/uploads/2021/07/Sound03.png)
以上、【THE THORウィジェット】全27種のカスタマイズ方法をひとつずつ解説でした。
お読みいただき、ありがとうございました。