前回の記事では
ボックス（案内）を箇条書きで使用する手順を解説しました。
▶ 以下のような表示方法を解説
- 箇条書き
- 箇条書き
- 箇条書き
上記のやり方が知りたい方はこちらで解説しています。
ボックス（案内）箇条書き編を解説
▼ 他にボックス装飾には、こんなこともできるのって知ってましたか？
「ボックス（案内）とボックス（白抜き）」で箇条書きを囲むやり方
- 箇条書き
- 箇条書き
- 箇条書き
▼ 例：ボックス（案内）
▶ ボックス（案内）とはこの装飾
▼ 例：ボックス（白抜き）
▶ ボックス（白抜き）とはこの装飾
上記の2つを合わせるとさらに見栄えがよくなります。
▶ 今回この記事では
- 「ボックス（案内）と ボックス（白抜き）」で 箇条書き を 囲むやり方 を 解説。
ボックス装飾は個別ではなくても合わせ技で使うことができます。ボックス装飾は合わせて使ったほうが見た目も印象も変わってきます。やりかたはかんたんですので、今後のブログに活用してみてください。
実際に管理人もCocoonを使用しています。無料テーマですが有料並みに便利なツールが揃っています。まだCocoonのテーマを使ったことがない方はこちらの記事で解説しています。
「ボックス（案内）とボックス（白抜き）」で箇条書きを囲むやり方
まずは前回のおさらいでボックス（案内）で箇条書きを装飾する手順。知っているかたは飛ばしてください。
▶ 箇条書きにボックス(案内）を使う方法
▶ 手順は以下の通り
-
- 箇条書きで文字入力
- 別の列にボックス（案内）の好きな色を選択し表示させておく
- 箇条書きを選択
- 選択した箇条書きをボックス（案内）へドラッグもしくは切り取り➡ペースト
解説は省略しますが、上記の手順通りにすると以下のようになります。
▶ 箇条書きにボックス(案内）を使うと
- 箇条書き
- 箇条書き
- 箇条書き
「ボックス（案内）とボックス（白抜き）」を合わせる手順
次にボックス（案内）装飾にボックス（白抜き）を合わせていきます。
やり方はかんたんです。
▶ ボックス（白抜き）を合わせる手順
-
- 箇条書きの文字を選択
- ボックス（白抜き）の好きな色を選択
これだけです。
文字解説ではいまいち分からない方向けに、次の動画ではかんたんに操作方法がわかります。
【動画】箇条書きにボックス（案内）とボックス（白抜き）を合わせる