【THE THOR ラベル】THE THORで使える装飾

今回は、WordPressテーマ「THE THOR」のラベルについて。

大切なポイントを目立たせるため、ラベルが役立ちます。

THE THORのラベルについて

THE THORのラベルは、下記の10種類。

角丸レッドラベル

ライム左ラウンドラベル

丸アイコンオレンジラベル

四角アイコンラベル

ビッグ右ラウンドブルーラベル

シンプルボーダーラベル

ブルーボーダーラウンドラベル

ピンクアイコンラベル

破線ボーダーアイコンラベル

ターコイズグラデ右寄せラベル

THE THORはラベルのカスタマイズができる

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

カスタマイズ手順は、こちら。

the thor ラベル カスタマイズ

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

下記のようにアイコンに背景色が指定されているラベルは、背景色を指定できます。
(アイコンの色は白で固定)

丸アイコンオレンジラベル
四角アイコンラベル

背景色付きのパーツ、全てに同じ色が反映されますの、ご注意ください。手順はこちら。

パーツ アイコン背景色 カスタマイズ
  1. カスタマイザー
  2. パーツスタイル設定
  3. その他エディタ用パーツ設定
  4. アイコン系パーツのアイコンカラー

色を指定をして公開 をクリック

カスタマイズしたTHE THORラベルは登録できる

THE THORのカスタマイズしたラベルは、10種類まで登録できます。

ただし、上書き登録になるので、必要なラベルを消さないようにご注意ください。

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

外観>カスタマイズ

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

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

ブログでラベルを使うポイント

ラベルがよく使われるのは、問い合わせフォームの 必須 など。

ブログなら、注目してほしいところにラベルを使うと効果的です。例えば、こんな使い方ができます。

ここがポイント

記事中の重要なところに使う。

A地区
30度 晴れ
降水確率 50%
熱中症 警戒
B地区
29度 雨のち曇り
降水確率 70%
熱中症警戒 注意

比較をわかりやすくするために使う。

こんな感じです。


以上、【THE THORラベル】THE THORで使える装飾でした。

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

THE THORカスタマイズ

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

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