ウィジェットのカスタマイズは、下記ページを参考にしてください。
THE THORのウィジェットについて
THE THORは、ウィジェットを使ってブログの決められた位置に機能を増やすことができます。ウィジェットは、全２７種類。
例えば、サイドカラムにブログ内の検索機能を増やしたり、メインカラムにプロフィールの表示ができます。
THE THORでウィジェットを使う手順
- ウィジェットが使える位置を確認
- ウィジェットの種類を確認
- 好きな位置にウィジェットをカスタマイズ
【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ウィジェット】ウィジェットが使える位置・使う手順でした。
お読みいただき、ありがとうございました。
