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

 

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

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

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

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

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

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

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

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

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

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. カテゴリー
  1. カレンダー
  2. ギャラリー
  3. タグクラウド
  4. テキスト
  5. ナビゲーションメニュー
  6. メタ情報
  7. 動画
  8. 固定ページ
  9. 最近のコメント
  10. 最近の投稿
  11. 検索
  12. 画像
  13. 音声

【ウィジェット1】RSS

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

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

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

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

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

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

    タイトル・本文は空欄のままでもQRコードは表示できます。
the thor ウィジェット QRコード

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

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

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

【ウィジェット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 ウィジェット ギャラリー

【ウィジェット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 ウィジェット 動画

動画ウィジェットのカスタマイズ手順(YouTubeなどのURLを利用)

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

the thor ウィジェット 動画

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

the thor ウィジェット 動画

URLを入力して ウィジェットに追加 をクリック

the thor ウィジェット 動画

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

 保存 をクリック

the thor ウィジェット 動画

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

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

the thor ウィジェット 固定ページ
メイン
the thor ウィジェット 固定ページ
サイド・フッター

・タイトルの入力
・並び順の選択
・除外ページの指定
最後に 保存 をクリック

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

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

固定ページの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
最後に 保存 をクリック

【ウィジェット27】音声

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

the thor ウィジェット 音声
メイン
the thor ウィジェット 音声
サイド・フッター

音声ウィジェットのカスタマイズ手順(音声ファイルを利用)

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

the thor ウィジェット 音声

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

the thor ウィジェット 音声

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

the thor ウィジェット 音声

音声ウィジェットのカスタマイズ手順(URLを利用)

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

the thor ウィジェット 音声

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

the thor ウィジェット 動画

URLを入力してウィジェットに追加  をクリック

the thor ウィジェット 音声

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

the thor ウィジェット 音声

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

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

THE THORカスタマイズ

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

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