THE THORはおしゃれなデザインのブログが初心者でも簡単に作れることをセールスポイントにしています。
実際にどんなデザインの記事を作れるのか気になりますよね?
THE THORを入れた直後から使うことができる装飾をまとめました。
今回はマーカー、ラベル、ボタン、ボックス編です。
操作方法、実際にどんなデザインになるのかわかります。
【購入特典付】THE THOR(ザ・トール)│公式HPはこちら
THE THOR マーカー、ラベル、ボタン、ボックスの編集方法
マーカー、ラベル、ボタン、ボックスは左上のスタイルからドロップダウンから編集することができます。
WordPressのバージョンが5.0.0以上の場合、クラシックエディタで編集することができます。
装飾したい文字を打ち込み、ドラッグで反転させてからデザインを選んでいきます。
THE THOR マーカー 一覧
記事投稿画面から選択できるマーカーの一覧です。
よく使うマーカー1色をカスタマイズ画面から設定することで少し手間を省くことができます。
マーカー(太)
マーカー(太)から選んだデザインがこちらです。
マーカー(太)レッド
マーカー(太)ブルー
マーカー(太)イエロー
マーカー(太)ピンク
マーカー(太)グリーン
マーカー(太)グレー
マーカー(中)
マーカー(中)から選んだデザインがこちらです。
マーカー(中)レッド
マーカー(中)ブルー
マーカー(中)イエロー
マーカー(中)ピンク
マーカー(中)グリーン
マーカー(中)グレー
マーカー(細)
マーカー(細)から選んだデザインがこちらです。
マーカー(細)レッド
マーカー(細)ブルー
マーカー(細)イエロー
マーカー(細)ピンク
マーカー(細)グリーン
マーカー(細)グレー
【注意点】
マーカー(細)のグレーはなぜかマーカー(太)と同じ太さになってしまいました。
この現象は記事編集画面のみで、記事プレビューで確認すると細い太さになっていました。
普段あまり使わない細さと色なので、新発見でした。
THE THORの運営さんに修正依頼の報告をしておきます。
THE THOR ラベル 一覧
記事投稿画面から選択できるラベルの一覧です。
デザインの種類が多くあって、複数サイトでTHE THORのテーマを使おうと思っている人にもおすすめです。
角丸レッドラベル
シンプルボーダーラベル
ライム左ラウンドラベル
ブルーボーダーラウンドラベル
丸アイコンオレンジラベル
ピンクアイコンラベル
四角アイコンラベル
破線ボーダーアイコンラベル
ビッグ右ラウンドブルーラベル
ターコイズグラデ右寄せラベル
THE THOR ボタン 一覧
記事投稿画面から選択できるボタンの一覧です。
THE THOR ボックス 一覧
記事投稿画面から選択できるボックスの一覧です。
THE THOR ボックス内ボックス 一覧
ボックスの中に、さらにボックスを設定することができます。
ボックスのベースデザインとして、「サブタイトルボーダーボックス」を例として作りました。
サブタイトルボーダーボックス
サブタイトルボーダーボックス
サブタイトルボーダーボックス
サブタイトルボーダーボックス
サブタイトルボーダーボックス
サブタイトルボーダーボックス
サブタイトルボーダーボックス
サブタイトルボーダーボックス
サブタイトルボーダーボックス
サブタイトルボーダーボックス
自分オリジナルのラベル・ボタン・ボックスを作ることができる
「今までのもので、気に入るやつが無かったな…」
「ちょっと自分で修正したいな…」
そんな時は自分でオリジナルデザインのラベル・ボタン・ボックスを作ることができます。
頭に■がついているものが自作するために使う場所です。
①デフォルトパーツからどれをデザインしたいか選びます。
②スタイルセットからどんなデザインにするか選びます。
とても細かく設定できるので、ここでは割愛。
③カラーセットから色を選びます。
ここで一度作ったデザインは保存することができ、今後は簡単に使うことができます。
【マーカー、ラベル、ボタン、ボックス】THE THOR(ザ・トール)の記事装飾まとめ
THE THORですぐに使うことができる装飾をまとめました。
自分でアレンジすることもできるので、デザインにこだわりたい人におすすめのテーマです。
初心者におすすめ、THE THORのレビューはこちらにまとめています。
WordPressでブログをはじめると、どのテーマを使ったら良いの?って迷ってしまいますよね? ワードプレステーマは無料のものから有料のものまで数多くあり、どれを選べばいいか初心者には分かりにくいんですよね… […]
【購入特典付】THE THOR(ザ・トール)│公式HPはこちら
ブログ運営、WordPressテーマに興味をもった人に読んでほしい記事まとめ