WordPressテーマ「THE THOR(ザ・トール)」ボックス一覧とデザインの変更方法

当サイトでも使用しているWordPressテーマ「THE THOR(ザ・トール)」。

デフォルトの見た目の紹介と、ボックスデザインの変更方法を紹介します。

 

THE THOR(ザ・トール)ボックス一覧

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

 

THE THOR(ザ・トール)ボックスアイコンの変更方法

アイコンオプション ⇨ アイコン一覧 で使いたいアイコンの名前をコピーします。

WordPressテーマ「THE THOR(ザ・トール)」ボックス一覧とデザインの変更方法

 

使いたいボックスを選択 ⇨ アイコン挿入

ダイアルログが表示されるので先ほどのアイコン名を張り付けて「OK」

 

WordPressテーマ「THE THOR(ザ・トール)」ボックス一覧とデザインの変更方法

 

すると…。

もともとタグのアイコンボックスを
Youtubeのアイコンに変えることができました!

 

  また、テキストエリアに直接アイコンを挿入することもできます。

 アイコンは文章の先頭に表示されます。

 文章と文章の間や文末には設定できませんでした。

 

ちなみに、アイコンがもともとないボックスにも同じ方法でアイコンを追加することができます。

デフォルトでアイコンがないボックス
 アイコンを付けてみました

 

THE THOR(ザ・トール)ボックスのデザイン変更

編集エリアの上にあるタブ「テキスト」を選択して「HTML」を触れるようにしましょう。

WordPressテーマ「THE THOR(ザ・トール)」ボックス一覧とデザインの変更方法
例として下記のボックスの色を変えてみましょう。

デザインを変えたい

 

まずはコードを見てみましょう。

 

  • bgc-:背景色
  • brc-:枠線色
  • ftc-:文字色

 

アイコン・背景色・文字色を変えてみました。

こんなかんじ

 

 

コードは上記のようになっています。
初歩的なデザインの変更方法はここまでです。

▽このブログのWPテーマ▽