【Cocoon】読みやすいブログを書くテクニック～基本編～

段落に文字を入力して、色や太さを変えたい部分をドラッグ＆ドロップで選択。
赤枠部分をクリックして、色を選択すると文字の色が変更してみましょう。

段落に文字を入力して、線を引きたい部分をドラッグ＆ドロップで選択。
赤枠をクリックして、線の種類を選択すると線を入れることができます。

バッジにする文字列をドラッグ＆ドロップで選択。
赤枠部分をクリックすると、バッジが作成できます。

文字の大きさを変えたい部分をドラッグ＆ドロップで選択。
赤枠をクリックして、文字のサイズを選択すると文字のサイズが変更できます。

リンクを貼りたい部分をドラッグ＆ドロップで選択。
赤枠をクリックして、リンクのURLを入力し、赤枠の矢印をクリックするとリンクが貼れます。

うまくリンクが貼れれば、このように表示されます。

段落の後ろに表示されている「＋」をクリックすると、最近使用した機能が表示されます。

ここに表示がない場合は、赤枠の「すべて表示」をクリック

「引用」をクリック

引用内容と引用元を入力

引用や出典はくれぐれも法律の範囲で行いましょう。

「＋」をクリック

「テーブル」がない場合は、
「すべて表示」をクリック

「テーブル」をクリック

表の縦横の枠数を決定します。（後から増やすことも減らすこともできます。）

カラム数が横の枠数
行数が縦の枠数

例として4×4の表を作成してみます。

出来上がった表に文字を入力

読者が見やすいような表を心がけましょう。

赤枠部分で段落内のどの位置に表示するか選べます。

「中央揃え」にすると表が真ん中に表示

赤枠部分で表内の文字の配置位置を変更できます。

「カラムを中央配置」に変更すると、文字が中央揃えになります。

行や列を追加したい場合は赤枠部分をクリックして、行や列を追加しましょう。

「＋」をクリック

「ボタン」がない場合は、
「すべて表示」をクリック

「ボタン」をクリック

ボタン内に表示させたい文字を入力

赤枠部分をクリックして、ボタンにリンクを貼ります。

ボタンが配置できます。

「＋」をクリック

「カラム」がない場合は、
「すべて表示」をクリック

「カラム」をクリック

一つの段落をどのように分けたいかを選択

「＋」をクリック

文字を入力したい場合は「段落」
画像を挿入したい場合は「画像」
など、目的に応じて選択します。

今回は左枠に画像、右枠に文字を入力します。
赤枠「画像」をクリック

画像を挿入して、
右枠でも「＋」をクリック

「段落」を選択して文字を入力します。
カラム内で箇条書きや表を作成することもできます。

赤枠部分をクリックして、カラム内の配置を変更できます。

右上の「設定」をクリック
カラムの文字色や背景色、枠線などの変更ができます。

赤枠部分をクリック

赤枠部分でカラム内の文字の色や背景色などを変更できます。

赤枠部分でカラムの枠線の太さを設定できます。

赤枠部分で枠線の角をどの程度丸くするか決めることができます。

「＋」をクリック

「吹き出し」がない場合は、
「すべて表示」をクリック

「吹き出し」をクリック

画像部分をクリックすれば、画像が変更できます。
「未入力」部分をクリックすれば、名前を変更できます。
「セリフの入力」をクリックすれば、セリフを入れることができます。

吹き出しを利用して、読者の心をつかみましょう。

右上の「設定」をクリック
吹き出しの細かな設定が変更できます。

人物の種類、
吹き出しのスタイル、
右に表示するか左に表示するか、
アイコンスタイル（顔部分）の設定、
吹き出しの文字色や背景色などを変更できます。

吹き出しを多用する場合は、Cocoon設定から吹き出しのデフォルトを設定できます。

「＋」をクリック

「すべて表示」をクリック

「Cocoonブロック」欄で装飾を試してみましょう。

Cocoonブロックの中で一般的なものの一覧です。
自分のブログに合った装飾を考えましょう。