【THE THOR】ボックスデザイン一覧

THE THOR(ザ・トール)のボックスデザインのサンプルです。デフォルトパーツからカスタマイズできるボックスのデザインを一覧でまとめています。

予め用意されているボックス

サブタイトルボーダーボックス
BIG括弧ボックス
方眼ペーパーポックス
はてなボックス
ピックリボックス
Qボックス
Aボックス
シンプルアイコンボックス
背景アイコンボックス
帯アイコンポックス
予め用意されているボックスです。「スタイル」>「ボックス」から設置できます。

カスタマイズメニューから内容を変更できるので、使わないものがあれば自作ボックスのクラスを登録しておきましょう。

デフォルトパーツ

これがデフォルトボックス
これがデフォルトボックス内ボックス
カラーセットから色が変更可能

ボックスのデフォルトパーツは「スタイル」>「デフォルトパーツ」>「ボックス」から設置できます。

ボックス内ボックスやカラーセットでの色変更は可能ですが、事前にボックス内にテキストを入力しておく必要があります。

基本的なボックス

全域タイトル(ボックス内)

全域タイトル(ボックス内)

全域タイトル(ボックス内)は、ボックス内のボックスを上部に持ってきます。ボックス内ボックス向きですね。

カギ括弧

ep-box es-Bbrackets

カギ括弧は、ボックスの端にカギ括弧を追加できます。

めくり(左)

ep-box es-BpaperLeft

めくり(左)は、ボックスの左下にページめくりのようなデザインを追加できます。

めくり(右)

ep-box es-BpaperRight

めくり(右)は、ボックスの右下にページめくりのようなデザインを追加できます。

はてなマーク

ep-box es-BmarkHatena

はてなマークは、ボックスの左側にはてなマークを追加できます。

びっくりマーク

ep-box es-BmarkExcl

びっくりマークは、ボックスの左側にびっくりマークを追加できます。

Qマーク

ep-box es-BmarkQ

Qマークは、ボックスの左側にQマークを追加できます。

Aマーク

ep-box es-BmarkA

Aマークは、ボックスの左側にAマークを追加できます。

サブタイトルボックス

サブタイトル(シンプル)

ep-box es-BsubT

サブタイトル(シンプル)は、ボックスの左上にサブタイトルを追加できます。

サブタイトル(角丸)

ep-box es-BsubTradi

サブタイトル(角丸)は、ボックスの左上にサブタイトルを追加できます。

サブタイトル(ラウンド)

ep-box es-BsubTround

サブタイトル(ラウンド)は、ボックスの左上にサブタイトルを追加できます。

アイコンボックス

アイコン(シンプル)

ep-box es-Bicon icon-wordpress

アイコン(シンプル)は、ボックスの左側にアイコンを追加できます。アイコンはアイコンオプションからコードを選び、アイコン挿入で入れる必要があります。

アイコン(背景)

ep-box es-BiconBg icon-wordpress

アイコン(背景)は、ボックスの背景にアイコンを追加できます。アイコンはアイコンオプションからコードを選び、アイコン挿入で入れる必要があります。

アイコン(帯)

ep-box es-BiconObi icon-wordpress

アイコン(帯)は、ボックスの背景にアイコンを追加できます。アイコンはアイコンオプションからコードを選び、アイコン挿入で入れる必要があります。

アイコン(コーナー)

ep-box es-BiconCorner icon-wordpress

アイコン(コーナー)は、ボックスの左上にアイコンを追加できます。アイコンはアイコンオプションからコードを選び、アイコン挿入で入れる必要があります。

アイコン(サークル)

ep-box es-BiconCircle icon-wordpress

アイコン(サークル)は、ボックスの左側にアイコンを追加できます。アイコンはアイコンオプションからコードを選び、アイコン挿入で入れる必要があります。

目次