TCDテーマには、ページを１クリックで装飾できるTCDオリジナルクイックタグ機能が実装されているのですが、「Be」からこの機能が強化されて実装されているようです。
従来のクイックタグに比べどのような機能が強化されたのか下記に解説していきます。
TCDオリジナルクイックタグ機能とは？
TCDオリジナルクイックタグ機能とは、１クリックでページを装飾できるコンテンツを挿入する機能です。例えば、見出しやボタン、カードリンクなどをCSSの知識がなくとも使用することが可能です。
TCDオリジナルクイックタグ機能については下記の記事をご覧ください。
従来の機能でもかなり便利なのですが、TCDテーマ「Be」に実装されている新しいクイックタグ機能は、従来よりも自由度の高い装飾が可能となっています。
クイックタグに新しく追加された機能
新しいクイックタグには、従来の機能に加え下記の5つの機能が新しく追加されました。
- カスタムボタン
- アンダーライン
- 吹き出し
- 見出し（HEAL以降）
- Googleマップ
アンダーラインや吹き出し等も１クリックで挿入できるのはとても嬉しいですね。
また、上記のコンテンツはTCDテーマオプションで色やサイズ等を設定した後、クイックタグで呼び出すので、今までよりも柔軟なレイアウトにすることが可能です。
それでは、各コンテンツを順番にみていきましょう。
カスタムボタン
カスタムボタンは、ボタンの色や大きさ、形を自由に決めて挿入することが可能です。
従来のクイックタグに実装されているボタンはデザインが既に決められていましたが、これでオリジナルのボタンを作ることができますね。TCDテーマオプションのボタンの設定では、下記の項目を設定することが可能です。
ボタンの形（フラット・角丸・ラウンド）
ボタンの大きさ（小・中・大）
ボタンの色（文字色・背景色、ホバー時の文字色・背景色）
この３つをうまく組み合わせて作成する仕様です。
また、TCDテーマオプションでボタンのデザインを保存できるので、よく使うデザインのボタンを一度作成してしまえば、その後１クリックで呼び出すことが可能です。
アンダーライン
アンダーラインを使えば、本文中に下記のようなアニメーション付きのアンダーラインを引くことが可能です。
TCDテーマ「Be」に新しいTCDオリジナルクイックタグが実装されました。
また、アンダーラインの色はTCDテーマオプションから設定できます。
吹き出し
吹き出しを使えば、下記のような吹き出しを挿入することが可能です。
ここに表示させたい任意のテキストや画像タグを入力します。
ここに表示させたい任意のテキストや画像タグを入力します。
吹き出しもプラグインを使用しなければ挿入できないため、とても嬉しい機能です。
また、TCDテーマオプションに最大４つ（左２右２）まで吹き出しのデザインを保存することができるため、こちらも一度作成すれば、その後１クリックで使用することが可能です。
アバター画像、ユーザー名、テキスト、背景色、枠線の色を設定できるため、どんどん活用しましょう。
見出し（HEAL以降に実装）
HEAL以降のテーマには、クイックタグに「見出し」設定が追加されているようです。
本来、見出しもボタンと同じようにデザインが決められていましたが、H2〜H5の見出しのデザインをそれぞれ自由に設定できます。
ちなみに設定できる項目は下記になるのですが、大抵のデザインは実現できそうですね。
- 文字サイズ、色、整列
- 背景色
- 枠線（太さ、色）
- 内側のスペース（上下左右）
- 外側のスペース（上下）
Googleマップ（HAKU以降？）
HAKU以降のテーマにはクイックタグでGoogleマップを挿入できるようになっています。
こちらはテーマオプションでデザインを設定して、クイックタグで挿入したショートコードに住所を入力するだけでデザインされたGoogleマップを挿入できます。
今まではページビルダーや固定ページテンプレートでマップを挿入していたので、クイックタグでできるのは本当に便利ですね。
まとめ
ページを装飾できる機能が強化されるのはとても嬉しいですね。
現在はTCDテーマ「Be」以降のテーマに実装され、最新のテーマではさらに機能が進化しているようです。さらにEGO以降のテーマは、Gutenbergでもクイックタグを使えるみたいですね。
アップデートで過去のテーマにも実装されるといいなあと思います。
この記事へのトラックバックはありません。