記事本文にメリハリをつける囲み枠のデザイン機能をクイックタグに追加実装。

開発者向けのテックブログをコンセプトにデザインされたNULLでは、記事の内容をスマートに装飾できるクイックタグを新たに追加実装しています。

そのうちの一つが、囲み枠です。

NULLのテーマオプションにあらかじめデザインを3種類登録しておけば、それらを記事内でいつでもワンタッチで呼び出して使えます。3タイプのサンプルをこちらでご紹介いたします。

ポイントシンプルに薄めの色の枠線で囲み、「ポイント」というラベルを設定したサンプルです。ラベル名は、枠ごとに任意の文字(注意点、Tipsなど)に変更できます。

枠を二重線にして、角を四角に変更したサンプルです。このようにラベルは必ずしも必要なわけではありません。

枠内の背景色を変更して、枠線の種類を点線に変更したサンプルです。塗りつぶしたようなデザインになり、かなり目立ちますね。

デザインを登録する設定箇所には、下記のような項目があるので、ご自身でお好みに編集いただけます。しかもリアルタイムプレビュー付きです。

囲み枠のデザイン登録画面

用途に合わせて3つまで登録しておけば、いつでも簡単に使い分けることが可能です。

この記事は役に立ちましたか?

もし参考になりましたら、下記のボタンで教えてください。

藤崎 誠

普段はバックエンドを統括しています藤崎です。デジタル周りのガジェットが大好きで、当ブログでもいくつか紹介しています。ユーザーにとって使いやすくするためのシステムやツールに携われる今の仕事が大好きです。愛犬家でもあります。

関連記事