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

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

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

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

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

新規に追加されたクイックタグは上記赤枠の3タイプになります。
(※2019年12月24日にアップデートしています→アップデート詳細

カスタムボタン

従来のボタンを簡単に表示する機能に加えて、テーマオプションから色やサイズ、ボタンのタイプを設定して5つまで保存できるようになりました。こんな感じですね。

ボタン1

ボタン2

ボタン3

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

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

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

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

吹き出し

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

https://demo.tcd-theme.com/tcd076/wp-content/uploads/2019/10/250_250.jpg
吹き出し左1

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

https://demo.tcd-theme.com/tcd076/wp-content/uploads/2019/09/12-300x300.jpg
吹き出し右3

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

https://demo.tcd-theme.com/tcd076/wp-content/uploads/2019/09/38-300x300.jpg
吹き出し左2

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

https://demo.tcd-theme.com/tcd076/wp-content/uploads/2019/09/10-300x300.jpg
吹き出し右4

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

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

クイックタグ一覧

「何気ない日常を、少しの工夫で華やかに」をコンセプトに様々なアイテムやカフェ、サロンに関することを書き綴っています。

関連記事