【THE THOR ボックス】THE THORで使える装飾

今回は、WordPressテーマ「THE THOR」のボックスについて。

THE THOR独自のボックスについても、お伝えしています。

THE THORのボックスについて

THE THORのボックスは、下記の10種類。

サブタイトルボーダーボックス
BIG括弧ボックス
方眼ペーパーボックス
はてなボックス
ビックリボックス
Qボックス
Aボックス
シンプルアイコンボックス
背景アイコンボックス
帯アイコンボックス

THE THORはボックスのカスタマイズができる

THE THORのボックスは、背景色・文字色・枠線・アイコン・サイズ、それぞれカスタマイズできます。

カスタマイズ手順は、こちら。(手順はラベルと同じ)

the thor ラベル カスタマイズ

  1. 投稿>新規追加
  2. ボックスに表示する文字を入力
  3. 文字に網かけをする
  4. 「スタイル」をクリック
  5. 「デフォルトパーツ」からボックスをクリック
  6. 「スタイルのスタイルセット」から装飾内容「スタイルのカラーセット」から色を選んでクリック
    スタイルセット・カラーセットは、複数選択が可能なので好みに合わせて組み合わせてください。

カスタマイズしたTHE THORボタンは登録できる

THE THORのカスタマイズしたボックスは、10種類まで登録できます。

ただし、上書き登録になるので、必要なボックスを消さないようにご注意ください。

the thor ボックス
the thor ラベル カスタマイズ
カスタマイズしたボックスのHTMLをテキストモードにして ”  と ” の間のコードをコピー
カスタマイザー パーツスタイル

外観>カスタマイズ

パーツスタイル設定をクリック

カスタマイザー ボタン
ボックス設定をクリック
カスタマイザー パーツスタイル ラベル
上書きするボタン番号にタイトルを入力
カスタマイザー パーツスタイル ラベル
スタイルにカスタマイズしたボックスのHTMLを貼り付け 公開 をクリック

THE THORのボックスは種類が豊富

THE THORは、線で囲むボックス以外に5種類のボックスがあります。

  1. はてなボックス
  2. ビックリボックス
  3. Qボックス
  4. Aボックス
  5. サブタイトルボックス

【ボックス1】 はてなボックス

はてなボックス

THE THORはてなボックスの the thor はてなボックス カスタマイズ は、好きな色を選べます。

例えば、自分が疑問に感じたことを伝えるとき、読者さんが疑問に思うことを先回りして伝えるときなど、役立つボックスです。

カスタマイザー ボックス カスタマイズ その他
  1. カスタマイザー
  2. パーツスタイル設定
  3. その他エディタ用パーツ設定
  4. はてなボックスのはてなカラー

アイコンの色を指定して公開 をクリック

【ボックス2】ビックリボックス

ビックリボックス

THE THORビックリボックスの the thor ビックリボックス カスタマイズ は、好きな色を選べます。

例えば、自分がおどろいたことを伝えるとき、読者さんに注意して読んでほしいところなど、役立つボックスです。

カスタマイザー ボックス カスタマイズ その他
  1. カスタマイザー
  2. パーツスタイル設定
  3. その他エディタ用パーツ設定
  4. ビックリボックスのビックリカラー

アイコンの色を指定して公開 をクリック

【ボックス3】Qボックス

Qボックス

THE THOR Qボックスの the thor Qボックス カスタマイズ は、好きな色を選べます。

Aボックスと合わせて、QアンドA方式で使えるボックスです。

カスタマイザー ボックス カスタマイズ その他
  1. カスタマイザー
  2. パーツスタイル設定
  3. その他エディタ用パーツ設定
  4. QボックスのQカラー

アイコンの色を指定して公開 をクリック

【ボックス4】Aボックス

Aボックス

THE THOR Aボックスの the thor Aボックス カスタマイズ は、好きな色を選べます。

Qボックスと合わせて、QアンドA方式で使えるボックスです。

カスタマイザー ボックス カスタマイズ その他
  1. カスタマイザー
  2. パーツスタイル設定
  3. その他エディタ用パーツ設定
  4. AボックスのAカラー

アイコンの色を指定して公開 をクリック

【ボックス5】サブタイトルボックス

サブタイトルボックス

THE THORサブタイトルボックスは、文字色・背景色・線色を指定できます。

例えば、持ち物や材料など、まとめて伝えたいときに役に立つボックスです。

カスタマイザー ボックス カスタマイズ その他
  1. カスタマイザー
  2. パーツスタイル設定
  3. その他エディタ用パーツ設定
  4. サブタイトルのボックスカラー

the thor サブタイトルボックス
文字色・背景色・線色の色を指定して公開 をクリック

サブタイトル(シンプル)・サブタイトル(ラウンド)は、イメージカラーが反映されるため、カスタマイズできません。

今回は、こんな感じで終わりです。


以上、【THE THORボックス】THE THORで使える装飾でした。

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

THE THORカスタマイズ

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

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