THE THORのウィジェットについて
THE THORは、ウィジェットを使ってブログの決められた位置に機能を増やすことができます。
例えば、サイドカラムにブログ内の検索・プロフィールの表示・メニューの表示など、全２７種類のウィジェットから選択して使うことができます。
THE THORでウィジェットを使う手順
THE THORでウィジェットを使うための手順は下記を参考にしてください。
- STEP1ウィジェットが使える位置を確認TOPページ・投稿ページ・固定ページ・メニューパネル、それぞれに使える位置が異なりますので、画像で確認ください。
- STEP2ウィジェットの種類を確認全２７種類。簡単に解説していますのでウィジェットの内容を確認ください。
- STEP3好きな位置にウィジェットをカスタマイズ使いたいウィジェットが決まったらカスタマイズしていきましょう。
当ブログでは、THE THORを購入したけれど「使い方がわからない…」という方のためにカスタマイズサポート・カスタマイズ代行をお受けしています。
これからブログをはじめる方のお悩み相談や、WordPressの相談・設定代行もお気軽にお問い合わせください。
【STEP１】使える位置を確認
THE THORのウィジェットが使えるのは、メインカラム・サイドカラム・フッターエリア・メニューパネルです。
TOPページ・投稿ページ・固定ページ、それぞれのページによってレイアウトが異なりますので下記の画像で確認ください。
TOPページ
- トップページ上部エリア
トップページのメインカラム上部にコンテンツを表示します。 - トップページ下部エリア
トップページのメインカラム上部にコンテンツを表示します。 - サイドバーエリア
サイドバーにコンテンツを表示します。 - 追従サイドバーエリア
追従するサイドバーにコンテンツを表示します。 - フッターエリア[左]フッターエリアの左にコンテンツを表示します。
- フッターエリア[中央]フッターエリアの中央にコンテンツを表示します。
- フッターエリア[右]フッターエリアの右にコンテンツを表示します。
メニューパネル
メニューパネル
ヘッダーのメニューパネル内にコンテンツを表示します。
固定ページ
- サイドバーエリア
サイドバーにコンテンツを表示します。 - 追従サイドバーエリア
追従するサイドバーにコンテンツを表示します。 - フッターエリア[左]フッターエリアの左にコンテンツを表示します。
- フッターエリア[中央]フッターエリアの中央にコンテンツを表示します。
- フッターエリア[右]フッターエリアの右にコンテンツを表示します。
投稿ページ
- サイドバーエリア
サイドバーにコンテンツを表示します。 - 追従サイドバーエリア
追従するサイドバーにコンテンツを表示します。 - フッターエリア[左]フッターエリアの左にコンテンツを表示します。
- フッターエリア[中央]フッターエリアの中央にコンテンツを表示します。
- フッターエリア[右]フッターエリアの右にコンテンツを表示します。
- 投稿ページ上部エリア
投稿ページのメインカラム上部にコンテンツを表示します。 - 投稿ページ下部エリア
投稿ページのメインカラム下部にコンテンツを表示します。
【STEP２】種類を確認する
THE THORのウィジェットは全部で２７種類。メインカラム・サイドカラム・フッターエリア、表示位置によって大きさが異なるので下記のサンプル画像を参考にしてください。
２．[THE]QRコード
３．[THE]カテゴリ人気記事
４．[THE]スタイルテキスト
５．[THE]タグランキング
６．[THE]タブコンテンツ
７．[THE]人気記事
８．[THE]広告
９．[THE]画像付き新着記事
１０． [THE]絞込検索
１１．[THE]著作者情報
１２．アーカイブ
１３．カスタム HTML
１４．カテゴリー
１６．ギャラリー
１７．タグクラウド
１８．テキスト
１９．ナビゲーションメニュー
２０．メタ情報
２１．動画
２２．固定ページ
２３．最近のコメント
２４．最近の投稿
２５．検索
２６．画像
２７．音声
【ウィジェット１】RSS
【ウィジェット２】[THE]QRコード
サイドカラム・フッターエリア
【ウィジェット３】[THE]カテゴリ人気記事
サイドカラム・フッターエリア
【ウィジェット４】[THE]スタイルテキスト
【ウィジェット５】[THE]タグランキング
サイドカラム・フッターエリア
【ウィジェット６】[THE]タブコンテンツ
【ウィジェット７】[THE]人気記事
【ウィジェット８】[THE]広告
【ウィジェット９】[THE]画像付き新着記事
【ウィジェット１０】 [THE]絞込検索
【ウィジェット１１】[THE]著作者情報
【ウィジェット１２】アーカイブ
【ウィジェット１３】カスタム HTML
【ウィジェット１４】カテゴリー
【ウィジェット１５】カレンダー
【ウィジェット１６】ギャラリー
【ウィジェット１７】タグクラウド
【ウィジェット１８】テキスト
【ウィジェット１９】ナビゲーションメニュー
【ウィジェット２０】メタ情報
【ウィジェット２１】動画
【ウィジェット２２】固定ページ
２３．最近のコメント
【ウィジェット２４】最近の投稿
【ウィジェット２５】検索
【ウィジェット２６】画像
【ウィジェット２７】音声
【STEP３】好きな位置にウィジェットをカスタマイズ
- ダッシュボード
- 外観
- ウィジェット
使いたいウィジェットをクリック
- ウィジェットで表示させたい位置を選択
- をクリック
- タイトルなど必要事項を入力
- をクリック
THE THORウィジェットデザインのカスタマイズ
THE THORウィジェットのフレーム・見出しデザインのカスタマイズ方法もお伝えします。
シャドウフレーム
ボーダーフレーム
なし
角丸シンプルボトムボーダーはみ出すボーダーシンプルワイド内側ボーダー
ウィジェットの位置で設定方法が異なりますので、設定したい位置を確認してからすすめるようにしてください。
- WordPressのダッシュボード
- 外観
- カスタマイズ
共通エリア設定＞メインカラムエリア設定＞各ウィジェットフレーム設定・ウィジェットの見出しデザインを選択
選択して をクリック
見出しデザインは、色の指定ができるので、「色を選択」をクリックして色の指定をします。
色の指定は「色を選択」をクリックしてカラーパネルが表示されたら、白い丸や白い四角をクリックしながら動かして色を選択、または、カラーコードを直接入力します。
- WordPressのダッシュボード
- 外観
- カスタマイズ
共通エリア設定＞サイドカラムエリア設定＞各ウィジェットフレーム設定・ウィジェットの見出しデザインを選択
選択して をクリック
見出しデザインは、色の指定ができるので、「色を選択」をクリックして色の指定をします。
色の指定は「色を選択」をクリックしてカラーパネルが表示されたら、白い丸や白い四角をクリックしながら動かして色を選択、または、カラーコードを直接入力します。
- WordPressのダッシュボード
- 外観
- カスタマイズ
共通エリア設定＞フッターエリア設定＞各ウィジェットフレーム設定・ウィジェットの見出しデザインを選択
選択して をクリック
色の指定は「色を選択」をクリックしてカラーパネルが表示されたら、白い丸や白い四角をクリックしながら動かして色を選択、または、カラーコードを直接入力します。
- WordPressのダッシュボード
- 外観
- カスタマイズ
共通エリア設定＞ヘッダーエリア設定＞ウィジェットの見出しデザインを選択
選択して をクリック
色の指定は「色を選択」をクリックしてカラーパネルが表示されたら、白い丸や白い四角をクリックしながら動かして色を選択、または、カラーコードを直接入力します。
以上、【THE THORウィジェット１】ウィジェットが使える位置と使う手順でした。
わからないことや、ご相談は、お気軽にお声がけくださいね。
お読みいただき、ありがとうございました。
Chiharu