記事を読みやすくするボックスデザインの作り方

「ボックス」いわゆる「箱」つまり文章をわかりやすく色つきの線で囲んだもののことです。

今回は、記事の中で目を引きやすいボックスデザインをご紹介したいと思います。

単に色つきの枠線で囲んだボックスデザイン。

ブルーのサンプル

ベージュのサンプル

HTMLの書き方

[highlight_markup]

ブルーのサンプル

ベージュのサンプル

[/highlight_markup]

定型文への登録方法
開く「Luxeritas」「定型文登録」「定型文（タブ）」「新規追加」

定型文を使って入力する方法

同様にベージュの定型文も作って登録します

たとえば、ここのサイトでは以下のようなボックスをよく使います。

ピンクのボックス（主な方法以外に別の方法を説明する時などに使っています）

グリーンのボックス（より詳しく説明する時などに使っています）

ブルーのボックス（ヒントになる情報がある場合に使っています）

レッドのボックス（注意が必要な場合に使っています）

イラストなどは使用せず、単に色つきの枠線で囲んだものもあります。

タイトル付きのボックスもあります。

タイトルを入力こちらに文字を入力します。

ボックス内にあまり長文を入力するにはふさわしくないかも。この程度の文章が限界でしょう。文字を太字にするとこんな感じです。リンクを貼るとこんな感じです。