THE THOR(ザ・トール)の記事装飾まとめ【マーカー、ラベル、ボタン、ボックス】

THE THORはおしゃれなデザインのブログが初心者でも簡単に作れることをセールスポイントにしています。

実際にどんなデザインの記事を作れるのか気になりますよね?

 

THE THORを入れた直後から使うことができる装飾をまとめました。

今回はマーカー、ラベル、ボタン、ボックス編です。

操作方法、実際にどんなデザインになるのかわかります。

 

【購入特典付】THE THOR(ザ・トール)│公式HPはこちら

 

THE THOR マーカー、ラベル、ボタン、ボックスの編集方法

 

マーカー、ラベル、ボタン、ボックスは左上のスタイルからドロップダウンから編集することができます。

記事投稿画面 スタイル

WordPressのバージョンが5.0.0以上の場合、クラシックエディタで編集することができます。

 

装飾したい文字を打ち込み、ドラッグで反転させてからデザインを選んでいきます。

 

 

THE THOR マーカー 一覧

 

記事投稿画面から選択できるマーカーの一覧です。

よく使うマーカー1色をカスタマイズ画面から設定することで少し手間を省くことができます。

 

マーカー

 

 

マーカー(太)

 

マーカー(太)から選んだデザインがこちらです。

 

マーカー(太)レッド

マーカー(太)ブルー

マーカー(太)イエロー

マーカー(太)ピンク

マーカー(太)グリーン

マーカー(太)グレー

 

 

マーカー(中)

 

マーカー(中)から選んだデザインがこちらです。

 

マーカー(中)レッド

マーカー(中)ブルー

マーカー(中)イエロー

マーカー(中)ピンク

マーカー(中)グリーン

マーカー(中)グレー

 

 

 

マーカー(細)

 

マーカー(細)から選んだデザインがこちらです。

 

マーカー(細)レッド

マーカー(細)ブルー

マーカー(細)イエロー

マーカー(細)ピンク

マーカー(細)グリーン

マーカー(細)グレー

 

【注意点】

マーカー(細)のグレーはなぜかマーカー(太)と同じ太さになってしまいました。

この現象は記事編集画面のみで、記事プレビューで確認すると細い太さになっていました。

 

普段あまり使わない細さと色なので、新発見でした。

 

グレーマーカー(細)

THE THORの運営さんに修正依頼の報告をしておきます。

 

 

THE THOR ラベル 一覧

 

記事投稿画面から選択できるラベルの一覧です。

デザインの種類が多くあって、複数サイトでTHE THORのテーマを使おうと思っている人にもおすすめです。

ラベル

 

 

 

角丸レッドラベル

シンプルボーダーラベル

ライム左ラウンドラベル

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

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

ピンクアイコンラベル

四角アイコンラベル

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

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

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

 

 

THE THOR ボタン 一覧

 

記事投稿画面から選択できるボタンの一覧です。

ボタン 一覧

 

オレンジ100%ボタン

グリーンシャドウ100%ボタン

ブルーボーダーボタン

ブルーグラデボタン

ピンクアイコンボタン

ピンクグラデアイコンボタン

グリーン立体アイコンボタン

グレーラウンドアイコンボタン

サークルアイコンボタン

ボックスアイコンボタン

 

 

THE THOR ボックス 一覧

 

記事投稿画面から選択できるボックスの一覧です。

ボックス 一覧

 

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

 

 

THE THOR ボックス内ボックス 一覧

 

ボックスの中に、さらにボックスを設定することができます。

ボックスのベースデザインとして、「サブタイトルボーダーボックス」を例として作りました。

ボックス内ボックス

 

 

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

 

ターコライズグラデボックス

 

 

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

 

アイコンボーダータイトル

 

 

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

 

ブルーシャドウタイトル

 

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

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

 

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

BIG括弧ボックス

 

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

方眼ペーパーボックス

 

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

はてなボックス

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

ビックリボックス

 

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

Qボックス

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

Aボックス

自分オリジナルのラベル・ボタン・ボックスを作ることができる

 

「今までのもので、気に入るやつが無かったな…」

「ちょっと自分で修正したいな…」

 

そんな時は自分でオリジナルデザインのラベル・ボタン・ボックスを作ることができます。

 

頭に■がついているものが自作するために使う場所です。

自作装飾

 

①デフォルトパーツからどれをデザインしたいか選びます。

自作装飾 デフォルトパーツ

 

②スタイルセットからどんなデザインにするか選びます。

とても細かく設定できるので、ここでは割愛。

自作装飾 スタイルセット

 

③カラーセットから色を選びます。

自作装飾 カラーセット

 

ここで一度作ったデザインは保存することができ、今後は簡単に使うことができます。

 

 

【マーカー、ラベル、ボタン、ボックス】THE THOR(ザ・トール)の記事装飾まとめ

 

THE THORですぐに使うことができる装飾をまとめました。

自分でアレンジすることもできるので、デザインにこだわりたい人におすすめのテーマです。

 

初心者におすすめ、THE THORのレビューはこちらにまとめています。

関連記事

ブログを始めて1カ月で無料のWordPressテーマ、「LION BLOG」から有料の「THE THOR」に変えました。ブログ初心者ほど助かる機能が多くあり、10カ月以上ブログを続けることができました。THE THORの特徴[…]

【Wordpressテーマ The Thor レビュー】ブログ初心者におすすめの機能が充実!

 

 

【購入特典付】THE THOR(ザ・トール)│公式HPはこちら

 

 

ブログ運営、WordPressテーマに興味をもった人に読んでほしい記事まとめ

 

最短で結果を出すなら、Wordpressテーマ「THE THOR」

どうせブログを運営するなら、最短で結果を出したいですよね?

よしじゅんは「THE THOR(ザ・トール)」を使って最短で結果を出すことができました。

the thor 画像

 

・SEOに強く、ページ表示速度も国内最高水準

・プロのデザイナーが設計した「美しく・バランスの取れたサイト」がワンクリックで完成

・便利な機能が豊富で、プラグインを追加する必要がない

・プログラミングの知識(CSS)が全く不要

・「無料・無期限・無制限」のアフターフォローもあり、バージョンアップや機能追加、機能改善もすべて無料

一流の開発スタッフ陣が集まって作られた、おすすめの次世代テーマです。

よしじゅん 喜び
よしじゅん
ブログのPV数が右肩上がりになっていくのは本当に嬉しいです!

ブログ初心者には必ずチェックして欲しいWordpressテーマです。

 

THE THOR(ザ・トール)紹介記事はこちら

THE THOR(ザ・トール)公式HPはこちら

Twitterで繋がりませんか?