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

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

 

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

 

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

 

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

 

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

関連記事

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

the thor ウィジェット

 

THE THORウィジェットは27種類

 

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

 

1.RSS
2.[THE]QRコード
3.[THE]カテゴリ人気記事
4.[THE]スタイルテキスト
5.[THE]タグランキング
6.[THE]タブコンテンツ
7.[THE]人気記事
8.[THE]広告
9.[THE]画像付き新着記事
10. [THE]絞込検索
11.[THE]著作者情報
12.アーカイブ
13.カスタム HTML
14.カテゴリー
15.カレンダー
16.ギャラリー
17.タグクラウド
18.テキスト
19.ナビゲーションメニュー
20.メタ情報
21.動画
22.固定ページ
23.最近のコメント
24.最近の投稿
25.検索
26.画像
27.音声

 

【ウィジェット1】RSS

 

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

 

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

 

メインカラムthe thor ウィジェット RSS

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

 

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

 

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

 

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

 

メインカラムthe thor ウィジェット QRコード

サイドカラム・フッターエリア
the thor ウィジェット QRコード

 

the thor ウィジェット QRコード
  1. URLを入力
  2. 必要に応じてタイトル・本文を入力して 保存 をクリック

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

 

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

 

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

 

メインカラムthe thor カテゴリ人気記事ウィジェット

サイドカラム・フッターエリア
the thor カテゴリ人気記事ウィジェット

 

the thor カテゴリ人気記事ウィジェット
  1. タイトルを入力・カテゴリを選択
  2. 必要に応じて投稿数(1〜10)・投稿日・更新日・閲覧数・レイアウト・画像アスペクト比を選択して 保存 をクリック

 

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

 

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

 

メインカラムthe thor ウィジェット スタイルテキスト
サイドカラム・フッターエリア
the thor ウィジェット スタイルテキスト

 

the thor ウィジェット スタイルテキスト
本文を入力して 保存 をクリック

 

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

 

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

 

メインカラムthe thor ウィジェット タグランキング

サイドカラム・フッターエリア
the thor ウィジェット タグランキング

 

the thor ウィジェット タグランキング

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

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

 

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

 

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

 

メインカラムthe thor ウィジェット タブコンテンツ
サイドカラム・フッターエリア
the thor ウィジェット タブコンテンツ

 

the thor ウィジェット タブコンテンツ
  1. タブタイトルを入力・タブ本文を入力
  2. 必要に応じてタイトルを入力して 保存 をクリック

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

 

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

 

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

 

メインカラムthe thor ウィジェット 人気記事
サイドカラム・フッターエリア
the thor ウィジェット 人気記事

 

the thor ウィジェット 人気記事
  1. 表示する投稿数(1〜10)を選択
  2. 必要に応じてタイトル・投稿日・更新日・閲覧数・レイアウト・画像アスペクト比・本文抜粋文字数を選択して 保存 をクリック

 

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

 

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

 

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

 

メインカラムthe thor ウィジェット 広告
サイドカラム・フッターエリア
the thor ウィジェット 広告

 

the thor ウィジェット 広告
  1. 広告用のタグを入力(ASPで発行されるタグ)
  2. 必要に応じてタイトルを入力して 保存 をクリック

 

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

 

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

 

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

 

メインカラムthe thor 画像つき新着記事ウィジェット
サイドカラム・フッターエリア
the thor 画像つき新着記事ウィジェット

 

the thor 画像つき新着記事ウィジェット
  1. 表示する投稿数(1〜10)を選択
  2. 必要に応じてタイトル・投稿日・更新日・レイアウト・画像アスペクト比・本文抜粋文字数を選択して 保存 をクリック

 

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

 

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

 

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

 

メインカラムthe thor 絞り込み検索ウィジェット
サイドカラム・フッターエリア
the thor 絞り込み検索ウィジェット

 

the thor 絞り込み検索ウィジェット

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

 

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

 

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

 

[THE]著作者情報ウィジェットは、WordPressに設定した「あなたのプロフィール」が反映されるようになっています。

 

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

 

メインカラムthe thor 著作者情報ウィジェット
サイドカラム・フッターエリア
the thor 著作者情報ウィジェット

 

the thor 著作者情報ウィジェット
  1. ユーザーを選択
  2. 必要に応じてタイトル・記事一覧へボタンの表示・フォローアイコン・フォローアイコンのタイトルの選択・入力を選択して保存をクリック

 

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

 

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

 

メインカラムthe thor アーカイブウィジェット
サイドカラム・フッターエリア
the thor アーカイブウィジェット

 

the thor アーカイブウィジェット

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

 

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

 

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

 

メインカラムthe thor HTMLウィジェット
サイドカラム・フッターエリア
the thor HTMLウィジェット

 

the thor HTMLウィジェット
  1. HTMLを入力
  2. 必要に応じてタイトルを入力して保存をクリック

 

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

 

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

 

メインカラムthe thor ウィジェット カテゴリ人気記事
サイドカラム・フッターエリア
the thor ウィジェット カテゴリ人気記事

 

the thor ウィジェット カテゴリ人気記事
必要に応じてタイトル・ドロップダウンで表示・投稿数を表示を選択して保存をクリック

 

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

 

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

 

メインカラムthe thor カレンダーウィジェット
サイドカラム・フッターエリアthe thor カレンダーウィジェット

 

the thor カレンダーウィジェット
必要に応じてタイトルを入力して保存をクリック

 

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

 

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

 

メインカラムthe thor ギャラリーウィジェット
サイドカラム・フッターエリア
the thor ギャラリーウィジェット

 

ダッシュボード ギャラリーテキスト
「画像を追加」をクリック
ダッシュボード ギャラリー
ギャラリーで表示する画像を選択してギャラリーを作成 をクリック
ダッシュボード ギャラリー
必要に応じてカラム数・サイズ・順番を設定してギャラリーを挿入 をクリック
ダッシュボード ギャラリー
必要に応じてタイトルを入力して保存をクリック

 

ファイルをアップロード
  1. 「ファイルをアップロード」をクリック
  2. 「ファイルを選択」をクリック
画像選択
登録したい画像を選択して「選択」をクリック
画像選択
選択した画像がダウンロードされてチェックがついているのを確認してからギャラリーを作成 をクリック

 

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

 

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

 

メインカラムthe thor タグクラウドウィジェット
サイドカラム・フッターエリア
the thor タグクラウドウィジェット

 

the thor タグクラウドウィジェット

タグソノミーを選択

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

 

【ウィジェット18】テキスト

 

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

 

メインカラムthe thor テキストウィジェット
サイドカラム・フッターエリア
the thor テキストウィジェット

 

the thor テキストウィジェット

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

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

 

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

 

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

 

メインカラムthe thor ナビゲーションメニューウィジェット
サイドカラム・フッターエリア
the thor ナビゲーションメニューウィジェット

 

the thor ナビゲーションメニューウィジェット

メニューを選択

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

 

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

 

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

 

メインカラムthe thor メタ情報ウィジェット
サイドカラム・フッターエリア
the thor メタ情報ウィジェット

 

the thor メタ情報ウィジェット
タイトルを入力して保存をクリック

 

【ウィジェット21】動画

 

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

 

メインカラムthe thor 動画ウィジェット
サイドカラム・フッターエリア
the thor 動画ウィジェット

 

ダッシュボード 動画
「動画を追加」をクリック
ダッシュボード 動画
動画で表示する動画を選択してウィジェットに追加 をクリック
the thor 動画ウィジェット
必要に応じてタイトルを入力して保存をクリック

 

ダッシュボード 動画
「動画を追加」をクリック
the thor 動画ウィジェット
「URLから挿入」をクリック
ダッシュボード 動画
URLを入力してウィジェットに追加 をクリック
ダッシュボード 動画
必要に応じてタイトルを入力して保存をクリック

 

ファイルをアップロード
  1. 「ファイルをアップロード」をクリック
  2. 「ファイルを選択」をクリック
画像選択
登録したい動画を選択して「選択」をクリック
画像選択
選択した動画がダウンロードされてチェックがついているのを確認してからウィジェットに追加 をクリック

 

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

 

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

 

メインカラムthe thor 固定ページウィジェット
サイドカラム・フッターエリアthe thor 固定ページウィジェット

 

the thor 固定ページウィジェット

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

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

 

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

 

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

 

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

 

メインカラムthe thor 最近のコメントウィジェット
サイドカラム・フッターエリア
the thor 最近のコメントウィジェット

 

the thor 最近のコメントウィジェット
必要に応じてタイトルの入力・コメント数の指定をして保存をクリック

 

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

 

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

 

メインカラムthe thor 最近の投稿ウィジェット
サイドカラム・フッターエリア
the thor 最近の投稿ウィジェット

 

the thor 最近の投稿ウィジェット
必要に応じてタイトルの入力・投稿数の指定・投稿日の表示指定をして保存をクリック

 

【ウィジェット25】検索

 

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

 

メインカラムthe thor 検索ウィジェット
サイドカラム・フッターエリア
the thor 検索ウィジェット

 

the thor 検索ウィジェット
必要に応じてタイトルを入力して保存をクリック

 

【ウィジェット26】画像

 

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

 

メインカラムthe thor 画像ウィジェット
サイドカラム・フッターエリア
the thor 画像ウィジェット

 

the thor 画像ウィジェット
画像を追加
必要に応じてタイトル・リンク先のURLを入力して保存をクリック

 

ファイルをアップロード
  1. 「ファイルをアップロード」をクリック
  2. 「ファイルを選択」をクリック
画像選択
登録したい画像を選択して「選択」をクリック
画像選択
選択した画像がダウンロードされてチェックがついているのを確認してからウィジェットに追加 をクリック

 

【ウィジェット27】音声

 

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

 

メインカラムthe thor 音声ウィジェット
サイドカラム・フッターエリア
the thor 音声ウィジェット

 

ダッシュボード 動画
「音声ファイルを追加」をクリック
ダッシュボード 動画
音声ウィジェットで表示する音声を選択してウィジェットに追加 をクリック
the thor 動画ウィジェット
必要に応じてタイトルを入力して保存をクリック

 

ダッシュボード 音声
「音声ファイルを追加」をクリック
the thor 動画ウィジェット
「URLから挿入」をクリック
ダッシュボード 音声
URLを入力してウィジェットに追加 をクリック
ダッシュボード 音声
必要に応じてタイトルを入力して保存をクリック

 

ファイルをアップロード
  1. 「ファイルをアップロード」をクリック
  2. 「ファイルを選択」をクリック
画像選択
登録したい音声を選択して「選択」をクリック
画像選択
選択した音声がダウンロードされてチェックがついているのを確認してからウィジェットに追加 をクリック

 


 

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

 

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

 

 

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

Chiharu