THE THOR(ザ・トール)ボックスの使い方 – デフォルトデザイン一覧

THE THORには文字列をクリック操作だけで簡単に装飾できる機能が備わっています。今回はその中から ボックス について紹介したいと思います。

ボックス一覧

ボックス

ボックスのバリエーションはデフォルトパーツも合わせて11種類用意されています。

デフォルトパーツのボックス

<div class="ep-box">デフォルトパーツのボックス</div>

サブタイトルボーダーボックス

<div class="ep-box es-BsubTradi bgc-white es-borderSolidM es-radius brc-DPred" title="サブタイトル">サブタイトルボーダーボックス</div>

BIG括弧ボックス

<div class="ep-box es-Bbrackets bgc-white es-center es-bold es-FbigL">BIG括弧ボックス</div>

方眼ペーパーボックス

<div class="ep-box es-BpaperRight es-grid bgc-VPsky">方眼ペーパーボックス</div>

はてなボックス

<div class="ep-box es-BmarkHatena es-borderSolidS bgc-white brc-DPblue es-radius">はてなボックス</div>

ビックリボックス

<div class="ep-box es-BmarkExcl es-borderSolidS brc-DPred bgc-white es-radius">ビックリボックス</div>

Qボックス

<div class="ep-box es-BmarkQ bgc-white">Qボックス</div>

Aボックス

<div class="ep-box es-BmarkA bgc-white">Aボックス</div>

シンプルアイコンボックス

<div class="ep-box es-Bicon icon-tag bgc-VPorange">シンプルアイコンボックス</div>

背景アイコンボックス

<div class="ep-box es-BiconBg icon-pushpin bgc-VPlime">背景アイコンボックス</div>

帯アイコンボックス

<div class="ep-box icon-heart es-BiconObi es-borderSolidS">帯アイコンボックス</div>

ボックス内ボックス

デフォルトパーツのボックス内に配置した例です。

デフォルトパーツのボックス
デフォルトパーツのボックス内ボックス
<div class="ep-inbox">デフォルトパーツのボックス内ボックス</div>
ターコイズグラデタイトル

デフォルトパーツのボックス

<div class="ep-inbox es-Bwhole es-grada1 es-bold bgc-DLturquoise ftc-white es-center es-FbigL">ターコイズグラデタイトル</div>
アイコンボーダータイトル

デフォルトパーツのボックス

<div class="ep-inbox es-Bwhole bgc-white es-borderSolidS brc-VLgray es-bold es-Bicon icon-pencil2 es-FbigL">アイコンボーダータイトル</div>
ブルーシャドウタイトル

デフォルトパーツのボックス

<div class="ep-inbox es-Bwhole bgc-DPsky ftc-white es-FbigL es-center es-bold es-TshadowD es-shadow es-BborderSolidM brc-white">ブルーシャドウタイトル</div>
デフォルトパーツのボックス
サブタイトルボーダーボックス
<div class="ep-inbox es-BsubTradi bgc-white es-borderSolidM es-radius brc-DPred" title="サブタイトル">サブタイトルボーダーボックス</div>
デフォルトパーツのボックス
BIG括弧ボックス
<div class="ep-inbox es-Bbrackets bgc-white es-center es-bold es-FbigL">BIG括弧ボックス</div>
デフォルトパーツのボックス
方眼ペーパーボックス
<div class="ep-inbox es-BpaperRight es-grid bgc-VPsky">方眼ペーパーボックス</div>
デフォルトパーツのボックス
はてなボックス
<div class="ep-inbox es-BmarkHatena es-borderSolidS bgc-white brc-DPblue es-radius">はてなボックス</div>
デフォルトパーツのボックス
ビックリボックス
<div class="ep-inbox es-BmarkExcl es-borderSolidS brc-DPred bgc-white es-radius">ビックリボックス</div>
デフォルトパーツのボックス
Qボックス
<div class="ep-inbox es-BmarkQ bgc-white">Qボックス</div>
Aボックス
<div class="ep-inbox es-BmarkA bgc-white">Aボックス</div>
このブログで使用しているWordPressテーマ:THE THOR

  • 圧倒的にSEOに強く抜群に上位表示されやすい圧倒的にSEOに強く上位表示されやすい「国内最高クラスのSEO最適化テーマ」
  • 息を呑むほどに美しく・プロ仕様のデザイナーズサイトが簡単に作れる。
  • サイトで集客し収益を上げるための「集客・収益化支援システム」を搭載。
  • 革新的な高速表示技術を多数装備した「国内屈指の高速テーマ」
  • 国内随一と言っても過言ではない機能数と簡単に使いこなせる操作性。
  • メールサポート・操作マニュアル/会員フォーラム・無料バージョンアップ有
  • 要望や最新技術を取り入れ、機能追加改善を繰り返す「進化し続けるテーマ」
利用者の声

M.Oさん:ブロガー
トールはとてもSEOに強いテーマ
FITの無料テーマ(ライオンブログ・ライオンメディア)も無料とは思えないほどに素晴らしいテーマですが、トールはその上を行く最高のテーマだと思います。私はこれまでたくさんの有料テーマを使ってきましたが、そのなかでも断トツ一番のテーマでした。テスト版を1ヶ月ほど使わせていただきましたが使い始めてから短期間でGoogleで1ページ目に表示され始めていて、とてもSEOに強いテーマだというデータが取れました。(SEOに強いことで有名なテーマ)○○○もこれまで随分と使いましたが、その○○○と比べてもトールのほうがSEOに強いテーマだと思います。正規版がリリースされたら手持ちのサイトは全てトールに乗り換えるつもりです。


Nさん:有名凄腕アフィリエイター
数十万円するような機能が付いてきて驚き
トールは、ブロガー・アフィリエイター向けテーマと銘打つだけあって、機能面もデザイン面もSEOに関してまでも良く作り込まれているという印象を受けました。本来プラグインを導入しなければ実現できないような機能であっても、トールには標準で備わっている。例えば簡易お問い合わせ機能なんて私みたいなアフィリエイターにはちょうどいい機能です。アフィリエイターの視点で言えば、標準でアフィリエイトタグ管理機能とランキング機能、それから絞り込み検索機能がついているのはうれしいですね。アフィリエイトタグを一元管理できれば、修正も1か所で済むし、それらのタグをボタン一つでランキングコンテンツとして作り上げることができるランキング機能もうれしいですね。私は以前、エンジニアの方に、これに似た機能を数十万円で作ってもらっているので、少し悔しいですよ。それから、テーマとして絞り込み検索が備わっているのは驚きました。私の知る限りそういった無料プラグインもなかったように思います。


R.Aさん:WEBデザイナー
他の有料テーマを使ってサイトを作っていた時の時間は何だったんだろう。
画像編集ソフトを使わなくてもテーマの機能として画像が簡単に加工できるのはいいですね。サイト制作作業の大幅な時短になりそうです。これまでは新しくサイトを作るときって、なんだかんだ丸1日から2日くらいサイトのレイアウトとかデザインとかをいじくり回してましたけど、ザ・トールでは数時間でいい感じのサイトが完成しましたよ。今まで(デザインが売りの有名テーマ)○○○のテーマを使ってサイトを作っていた時の時間は何だったんだろうって感じです。