こんにちは、キジトラのコムギです。
このブログではTHE THORのカスタマイズ方法やプログラミングについてまとめています。
THE THORの魅力は、初めからCSSで作られたパーツが揃っていることです。
ボタン一つで使えるのは便利ですが、何があるのか分からないと使いにくいですよね。
このページでは以下の一覧を載せています。
- マーカー３種 ：文字に下線マーカーを引きます。
- ラベル１０種 ：文字にラベルを貼ることができます。
- ボタン１０種 ：ボタンリンクを作ることができます。
- ボックス１１種：文章を囲うことができます。
THE THORで使えるパーツ
THE THORのクラシックボタンからは、以下のパーツがボタン一つで使えます。
- スタイル
- プリセットパーツ
- 共通ボタン
- カラム
- ショートコード
ここでは「スタイル」で使えるパーツを紹介していきます。
マーカー
マーカーは太・中・小の３種類ですが、文字を目立たせたいなら「中」がおすすめです。
リストの一番上に「よく使うマーカー」を１つ設定できます。
※こちらはダッシュボードの外観→カスタマイズから設定が可能です。
マーカーの太さ３種
これはスタイルマーカーの(太)です。
これはスタイルマーカーの(中)です。
これはスタイルマーカーの(小)です。
色は６種類あります。
マーカーの色６種
レッドはこんなかんじです。
ブルーはこんなかんじです。
イエローはこんなかんじです。
ピンクはこんなかんじです。
グリーンはこんなかんじです。
グレーはこんなかんじです。
ラベル
ラベルは１０種類あります。
ラベルは文字を目立たせる際に使います。
例えばコマンド説明のときにこんな感じで使うと見やすくなります。
コピー ：command＋c
ペースト：command＋v
ラベル１０種一覧
角丸レッドラベル
シンプルボーダーラベル
ライム左ラウンドラベル
ブルーボーダーラウンドラベル
丸アイコンオレンジラベル
ピンクアイコンラベル
四角アイコンラベル
破線ボーダーアイコンラベル
ビッグ右ラウンドブルーラベル
ターコイズグラデ右寄せラベル
ボタン
ボタンは１０種類あります。
ボタンとして機能させるには、自分でリンクを付ける必要があります。
以下の順番でリンクを付けるのがおすすめです。
- ボタンを作成する
- ボタンにカーソルを合わせる
- 「リンクの挿入／編集」ボタンを押す
- 歯車マーク「リンク設定」ボタンを押す
- 「URL」「ボタン文字列」をそれぞれ入力
- 右下の「リンク追加」ボタンを押す
リンクを挿入した下記のボタンは押すことができます。
ボタン１０種一覧
ボックス
ボックスは１１種類あります。
ボックス１１種一覧
２行になるとこのように収まります。
THE THORはカスタマイズが豊富
THE THORに用意されているボタンやボックスの紹介をしました。
デフォルトで色やアイコンが決まっていますが、ちょっとした変更なら簡単にできます。
色やアイコンを変更する方法は、別ページで解説します。