【THE THORウィジェット】全27種のカスタマイズ方法をひとつずつ解説

 

Chiharu
Chiharu

今回は、WordPressテーマ「THE THOR」のウィジェットについて。

ウィジェットは、サイドやフッターに機能を追加できるパーツのことです。

THE THORで使えるウィジェット、全27種のカスタマイズを解説していきます。

 

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

 

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

 

例えば、サイドカラムに検索機能を設置・プロフィールを表示・メニューを表示など、全27種類のウィジェットから選択して設置します。

 

ウィジェットの使える位置・使う手順は下記ページを参考になさってください。

ウィジェットの位置・使う手順

 Chiharu今回は、WordPressテーマ「THE THOR」のウィジェットが使える位置・使う手順についてお伝えします。 ウィジェットのカスタマイズは、下記ページを参考にしてくだ[…]

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
サイド・フッター
the thor ウィジェット RSS

 

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

 

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

 

THE THORの[THE]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 ウィジェット ギャラリー

 

the thor ウィジェット ギャラリー
「画像を追加」をクリック
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 ウィジェット 動画
動画で表示する動画を選択してウィジェットに追加 をクリック
the thor ウィジェット 動画
必要に応じてタイトルを入力して 保存 をクリック

 

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

 

画像アップロード
  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 ウィジェット 音声
「音声ファイルを追加」をクリック
the thor ウィジェット 動画
「URLから挿入」をクリック
the thor ウィジェット 音声
URLを入力してウィジェットに追加 をクリック
the thor ウィジェット 音声
必要に応じてタイトルを入力して 保存 をクリック

 

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

 


 

以上、【THE THORウィジェット】全27種のカスタマイズ方法をひとつずつ解説でした。

 

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

THE THORカスタマイズ

1人で悩んでいませんか?
設定やカスタマイズでお困りのときは
お気軽にご相談ください。

ご相談はこちらへどうぞ >