ブログを始めて1年が経ちました。
少しずつ目標の１円に向けて、ブログの勉強をしていきたいと思っています。
今回は囲み枠を使ってみたいです。
囲み枠 どんな種類があるのかな？
このブログで使っているテーマはcocoonなので、cocoonでの使い方です。
①＋のマークをクリック
②クラッシックをクリック
③スタイルをクリック
インラインとかマーカーとか色々ありますが、囲み枠を作るには『ボックス』というものを選びます
ボックス 付箋風 黄色
ボックス タブ チェック 赤
ボックス 白抜き 青
ボックス 案内 プライマリー
ボックス タブ ヒント 灰色
こんな感じでたくさんあってかわいいです。
枠の中に１列以上の文字列を入れる時は？
しかし、上の囲み枠には文字列が1列です。
改行すると、枠から出てしまいます。
それになぜか上手くいかない囲み枠もあって、文字を入力して改行キーで文字を確定すると囲み枠が消えてしまうものもあります。
なんでかな？
cocoonブロックから選択すると種類が少ない
①＋をクリック
②全てを表示
③cocoonブロックから白抜きブロックをクリック
でやると何列かの文字列も入力できました
１列目
２列目
しかし、グレーのしか選べません
何か方法があるはず
文字を入力しドラックして選択してから囲み枠を選択するとバラバラに
①＋をクリック
②クラッシックをクリック
③文字を入力
④ドラックして文字を選択にすると
なぜか全部バラバラに
あれ〜〜〜⁉︎
これもダメです
これが正解！シフトキー＋改行キー
そこで、「cocoon 囲み枠 改行」で検索
するとやっぱり囲み枠を作ってから文字を入力して改行するときは
shiftキーを押しながら改行キーでと書いてあったのでやってみたところ上手くできました
あ〜！やっとできました
まとめ
cocoonで囲み枠を使う時のポイントをまとめました。
✅囲み枠は、➕をクリック→クラッシック→スタイル→ボックスを選択
✅２列以上の文字列で改行する時は
囲み枠を選んでから文字入力
改行する時は、shiftキーを押しながら改行キーを押す
✅囲み枠を選んでも文字を入力すると枠が消える事があるので、その時はもう一度スタイルから枠を選択すると枠が出る
囲み枠も使えるようになると、読みやすくなるし、伝わりやすくなりますね！
一つ一つできることが増えていくと楽しいです。
この方法は「みでは」さんというブロガーさんの記事を参考にさせていただきました。
ありがとうございました。
コメント