クイックタグ機能をさらにアップデートしました!デザイン知識不要で記事執筆を楽しめます。

TCDテーマでは、HTMLやCSSの知識不要で、記事作成時のスタイル指定を簡単に行えるクイックタグ機能を搭載しております。たとえば、使用頻度の高い見出し、リンクボタン、囲み枠といったスタイルをボタン1つで呼び出すことができる機能です。

面倒な操作は不要で、単調になりがちな記事ページに視覚的なリズムをプラスする効果も見込めます。

HEALクイックタグ機能をアップデートし、新機能を追加した上で、さらに使いやすく、汎用性を高めました。一部のクイックタグはテーマオプションから詳細を設定できる仕様です。

HEALでは従来にものに加えて、コメントアウトのクイックタグボタンを追加しています。以下のように出力されるので、記事執筆中に自分用のメモを残したい時や、既存の記事に追加で記述する際のメモ書きなどにご活用いただけます。

<div class="hidden"><!– ここに入力されたコンテンツはブラウザ上には表示されません –></div>

ボタン1・2・3

テーマオプションから色やサイズ、ボタンのタイプを設定して3つまで保存可能です。こんな感じですね。

ボタン1

ボタン2

ボタン3

さらに、ボタンのクイックタグで出力されるコードを直接編集してサイズを任意に変更できるようになりました。ランディングページなどを制作する際に、大きめのボタンが必要な時に役立ちます。

上記テーマオプションの設定箇所でもボタンのサイズ感を直感的に把握できるので、こちらの数値を参考にご自身でカスタマイズしてみてください。

アニメーション付きアンダーライン

記事を執筆していると重要な部分や強調したい部分にマーカーを引いて目立たせたい場合も多くあります。テーマオプションから色を自由に変更して3つまで登録できるマーカーアニメーションをボタン一つで追加可能です。

該当箇所が画面内に入ると自動でマーカー引かれるアニメーションが始まります。編集画面からでもカラーコードを編集してマーカーの色を自由に変更可能です。

こんな感じで強調したいテキストをここに入力しましょう。
ブルーもできます。カラーコードは自由に変更可能。
このように、登録できるのは3種類までですが、編集画面から色コードを変更しカラーを無限に組み合わせて使用することも可能です。

吹き出し

吹き出しを簡単に作れる機能も便利です。テーマオプションで丸型のサムネイルに表示される画像や名前、フォント、背景、枠線の色を細かく設定できます。それぞれ登録した吹き出しをクイックタグのボタン一つでショートコードで出力可能です。

https://tcd.plus/tcd077/wp-content/uploads/2020/01/staff_1-300x300.jpg
吹き出し左1

こんな感じにデザインされた吹き出しが簡単に表示されます。

https://tcd.plus/tcd077/wp-content/uploads/2020/01/voices_2.jpg
吹き出し右1

会話形式のブログでもリズミカルに作成可能ですね♪

https://tcd.plus/tcd077/wp-content/uploads/2019/12/menu_single_image3.jpg
吹き出し左2

こんなデザインもできますよ〜。もちろんアンダーラインなどの装飾やHTMLコードも使えます。

https://tcd.plus/tcd077/wp-content/uploads/2020/01/staff_6-300x300.jpg
吹き出し右2

枠と背景の色を分けられるので、幅広いデザインを楽しめますね!

クイックタグの便利な機能は他にもあります。以下に従来のものから一覧でまとめているので、ぜひご覧ください。

クイックタグ一覧

関連記事

PAGE TOP