【THE THORウィジェット２】画像を使ってわかりやすくカスタマイズ方法を解説

今回は、THE THOR（ザ・トール）のウィジェットのカスタマイズについてお伝えします。

THE THORのウィジェットについて

THE THORはウィジェットを使って、ブログの決められた位置に機能を増やすことができます。

例えば、サイドカラムにブログ内の検索ができるようにすること・プロフィールを表示すること・メニューを表示することなど、全２７種類のウィジェットから選択して使います。

ウィジェットの使える位置、ウィジェットを使う手順は別ページでお伝えしているので、こちらも参考になさってください。

関連記事

【THE THORウィジェット１】ウィジェットが使える位置と使う手順

Chiharu今回は、THE THOR（ザ・トール）のウィジェットを使う手順とウィジェットが使える位置についてお伝えします。 THE THORのウィジェットについて THE THO[…]

THE THORウィジェットは２７種類

THE THORのウィジェットは全部で２７種類。ひとつずつ紹介していきますね。

【ウィジェット１】RSS

THE THORのRSSウィジェットは最新の投稿が表示されます。RSSとは、コンピュータ用に更新情報などを伝えるためのものです。

具体的には
・ツイッターへ自動投稿
・ブログランキングに更新情報を伝える
・RSSリーダーを持っている読者さんに更新情報を伝える

1. RSSフィードのURLを調べて入力
2. オプションなどを選択して  をクリック

【ウィジェット２】[THE]QRコード

THE THORの[THE]QRコードウィジェットは、QRコードが表示されます。QRコードで表示したいURLを入力すると自動でQRコードが作成されます。

メインカラム

サイドカラム・フッターエリア

1. URLを入力
2. 必要に応じてタイトル・本文を入力して  をクリック

タイトル・本文は空欄のままでもQRコードは表示されます。

【ウィジェット３】[THE]カテゴリ人気記事

THE THORの[THE]カテゴリ人気記事ウィジェットは、指定したカテゴリでPV数（記事を見られた回数）の多い順に記事を表示します。

メインカラム

サイドカラム・フッターエリア

1. タイトルを入力・カテゴリを選択
2. 必要に応じて投稿数（1〜10）・投稿日・更新日・閲覧数・レイアウト・画像アスペクト比を選択して  をクリック

【ウィジェット４】[THE]スタイルテキスト

THE THORの[THE]スタイルテキストウィジェットは、投稿ページと同じスタイルが利用できるテキスト（文字）のみを表示します。

メインカラム

サイドカラム・フッターエリア

本文を入力して  をクリック

【ウィジェット５】[THE]タグランキング

THE THORの[THE]タグランキングウィジェットは、タグランキングを表示をします。

メインカラム

サイドカラム・フッターエリア

タイトルを入力・タグランキングIDの選択をして  をクリック

タグランキングの詳しい設定方法は別ページになります。

タグランキングのカスタマイズ方法を見る

【ウィジェット６】[THE]タブコンテンツ

THE THORの[THE]タブコンテンツウィジェットは、画像やテキスト（文字）を表示できるタブコンテンツ表示します。

メインカラム

サイドカラム・フッターエリア

1. タブタイトルを入力・タブ本文を入力
2. 必要に応じてタイトルを入力して  をクリック

タブタイトルを入力しないとタブが表示されない仕組みになっています。

【ウィジェット７】[THE]人気記事

THE THORの[THE]人気記事ウィジェットは、PV数（記事を見られた回数）の多い順に記事を表示します。

メインカラム

サイドカラム・フッターエリア

1. 表示する投稿数（1〜10）を選択
2. 必要に応じてタイトル・投稿日・更新日・閲覧数・レイアウト・画像アスペクト比・本文抜粋文字数を選択して  をクリック

 

表示する投稿数を選択しないと人気記事が表示されない仕組みになっています。

【ウィジェット８】[THE]広告

THE THORの[THE]広告ウィジェットは、広告を表示します。

メインカラム

サイドカラム・フッターエリア

1. 広告用のタグを入力（ASPで発行されるタグ）
2. 必要に応じてタイトルを入力して  をクリック

 

[THE]広告のタイトルは、広告タグの下に表示される仕組みになっています。

【ウィジェット９】[THE]画像付き新着記事

THE THORの[THE]画像付き新着記事ウィジェットは、画像付き新着記事を表示します。

メインカラム

サイドカラム・フッターエリア

1. 表示する投稿数（1〜10）を選択
2. 必要に応じてタイトル・投稿日・更新日・レイアウト・画像アスペクト比・本文抜粋文字数を選択して  をクリック

 

表示する投稿数を選択しないと画像付き新着記事が表示されない仕組みになっています。

【ウィジェット１０】[THE]絞込検索

THE THORの[THE]絞り込み検索ウィジェットは、絞込検索フォームを表示します。

メインカラム

サイドカラム・フッターエリア

タイトルを入力して  をクリック

【ウィジェット１１】[THE]著作者情報

THE THORの[THE]著作者情報ウィジェットは、著作者情報を表示します。

当ブログで使っているプロフィールのカスタマイズ方法はこちら。

メインカラム

サイドカラム・フッターエリア

1. ユーザーを選択
2. 必要に応じてタイトル・記事一覧へボタンの表示・フォローアイコン・フォローアイコンのタイトルの選択・入力を選択してをクリック

【ウィジェット１２】アーカイブ

THE THORのアーカイブウィジェットは、投稿の月別アーカイブを表示します。

メインカラム

サイドカラム・フッターエリア

必要に応じてタイトル・ドロップダウンで表示・投稿数を表示を選択してをクリック

【ウィジェット１３】カスタム HTML

THE THORのカスタムHTMLウィジェットは、HTMLを使って画像・テキスト・ボタンなど自由に表示することができます。サンプル画像は、画像とリンクボタンをHTMLで設定したものです。

メインカラム

サイドカラム・フッターエリア

1. HTMLを入力
2. 必要に応じてタイトルを入力してをクリック

【ウィジェット１４】カテゴリー

THE THORのカテゴリーウィジェットは、カテゴリーリストを表示します。

メインカラム

サイドカラム・フッターエリア

必要に応じてタイトル・ドロップダウンで表示・投稿数を表示を選択してをクリック

【ウィジェット１５】カレンダー

THE THORのカレンダーウィジェットは、カレンダーを表示します。

メインカラム

サイドカラム・フッターエリア

必要に応じてタイトルを入力してをクリック

【ウィジェット１６】ギャラリー

THE THORのギャラリーウィジェットは、ギャラリーを表示します。

メインカラム

サイドカラム・フッターエリア

テキスト

「画像を追加」をクリック

ギャラリーで表示する画像を選択して をクリック

必要に応じてカラム数・サイズ・順番を設定して をクリック

必要に応じてタイトルを入力してをクリック

1. 「ファイルをアップロード」をクリック
2. 「ファイルを選択」をクリック

登録したい画像を選択して「選択」をクリック

選択した画像がダウンロードされてチェックがついているのを確認してから をクリック

【ウィジェット１７】タグクラウド

THE THORのタグクラウドウィジェットは、タグを表示します。

メインカラム

サイドカラム・フッターエリア

タグソノミーを選択

必要に応じてタイトルを入力してをクリック

【ウィジェット１８】テキスト

THE THORのテキストウィジェットは、テキスト・リスト・画像を表示することができ、リンクを指定することもできます。

メインカラム

サイドカラム・フッターエリア

テキストや画像などを入力

必要に応じてタイトルを入力してをクリック

【ウィジェット１９】ナビゲーションメニュー

THE THORのナビゲーションメニューウィジェットは、メニューを表示することができます。

メインカラム

サイドカラム・フッターエリア

メニューを選択

必要に応じてタイトルを入力してをクリックメニューの作成方法は別ページを参考になさってください。

メニューの作成方法を見る

【ウィジェット２０】メタ情報

THE THORのメタ情報ウィジェットは、ログイン・RSS・WordPress.org へのリンクを表示することができます。

メインカラム

サイドカラム・フッターエリア

タイトルを入力してをクリック

【ウィジェット２１】動画

THE THORの動画ウィジェットは、動画を表示することができます。

メインカラム

サイドカラム・フッターエリア

「動画を追加」をクリック

動画で表示する動画を選択して をクリック

必要に応じてタイトルを入力してをクリック

「動画を追加」をクリック

「URLから挿入」をクリック

URLを入力して をクリック

必要に応じてタイトルを入力してをクリック

1. 「ファイルをアップロード」をクリック
2. 「ファイルを選択」をクリック

登録したい動画を選択して「選択」をクリック

選択した動画がダウンロードされてチェックがついているのを確認してから をクリック

【ウィジェット２２】固定ページ

THE THORの固定ページウィジェットは、固定ページ一覧を表示することができます。

メインカラム

サイドカラム・フッターエリア

必要に応じてタイトルの入力・並び順の選択・除外ページの指定をしてをクリック

除外ページはIDを使って指定します。

固定ページのIDは、ダッシュボード＞固定ページ＞固定ページ一覧から調べることができます。

【ウィジェット２３】最近のコメント

THE THORの最近のコメントウィジェットは、最近のコメント一覧を表示することができます。

メインカラム

サイドカラム・フッターエリア

必要に応じてタイトルの入力・コメント数の指定をしてをクリック

【ウィジェット２４】最近の投稿

THE THORの最近の投稿ウィジェットは、最近の投稿一覧を表示することができます。

メインカラム

サイドカラム・フッターエリア

必要に応じてタイトルの入力・投稿数の指定・投稿日の表示指定をしてをクリック

【ウィジェット２５】検索

THE THORの検索ウィジェットは、検索フォームを表示することができます。

メインカラム

サイドカラム・フッターエリア

必要に応じてタイトルを入力してをクリック

【ウィジェット２６】画像

THE THORの画像ウィジェットは、画像を表示することができます。

メインカラム

サイドカラム・フッターエリア

画像を追加
必要に応じてタイトル・リンク先のURLを入力してをクリック

1. 「ファイルをアップロード」をクリック
2. 「ファイルを選択」をクリック

登録したい画像を選択して「選択」をクリック

選択した画像がダウンロードされてチェックがついているのを確認してから をクリック

【ウィジェット２７】音声

THE THORの音声ウィジェットは、音声プレーヤーを表示することができます。

メインカラム

サイドカラム・フッターエリア

「音声ファイルを追加」をクリック

音声ウィジェットで表示する音声を選択して をクリック

必要に応じてタイトルを入力してをクリック

「音声ファイルを追加」をクリック

「URLから挿入」をクリック

URLを入力して をクリック

必要に応じてタイトルを入力してをクリック

1. 「ファイルをアップロード」をクリック
2. 「ファイルを選択」をクリック

登録したい音声を選択して「選択」をクリック

選択した音声がダウンロードされてチェックがついているのを確認してから をクリック

以上、【THE THORウィジェット２】画像を使ってわかりやすくカスタマイズ方法を解説でした。

わからないことや、ご相談は、お気軽にお声がけくださいね。

お読みいただき、ありがとうございました。

Chiharu