ゲンちゃん

『コクーン』と言うテーマ良くできてるよ

ミーちゃん

『コクーン』って無料テーマなんでしょ？

ゲンちゃん

そうなんだよね。クラッシックエディターもいいけど、グーテンベルクはもっといいよ。

cocoonのグーテンベルクの使いかた

タイトルを書いたら次はリード文を書きます。リード文とは、今回の記事を読んで頂きたい方やこんなことが解決できるなどの文章です。筆者が書いたリード文を下記に記述します。

この投稿は、こんな方に読んでもらいたい。

グーテンベルク（ブロック　エディター）に興味のある方
無料テーマを使用してブロック　エディターを習いたい方
初心者の方で初めてブロック　エディターに触れる方
定年を迎えるあたって、wordperss blogを始めたい方

テーマ『Cocoon』コクーンは、無料であっても有料テーマと同等の機能を持ち合わせています。その優良テーマであるコクーンのグーテンベルク（ブロックエディター）は多くのユーザーから『機能が凄い』と言われています。

初心者の皆さんがグーテンベルクを使えるように『解説書を作りましたのでお使いください。下記画面が無料テーマ『cocoon』コクーン初期画面です。

グーテンベルクの概要

グーテンベルクとは、ブロックを組み合わせることで、記事を作っていきます。一つの文章の区切りをブロックと言います。

文章中で段落を付けると別のブロックになります。画像やグラフもブロック単位で作られます。

別れたブロックは、グループ化する事もできます。データ（文章、画像、ブラフなど）の移動もブロック毎におこないます。

移動範囲には、制限がありますので、遠く離れたブロックへの移動はコピペを使いましょう。

cocoonのグーテンベルクの使いかた

上記の画面の①を拡大したものが下記ツールバーです。リボン説明

『白抜きWマーク』はサイトを離れる時に使います。保存されていない場合、未保存を知らせてくれます。
『白抜き+マーク』は右サイドバーを表示します。サイドバー内のアイコンをクリックすることでブロック内にそれぞれを追加することが出来ます。

鉛筆マークは、編集や選択の切り替えを行います。
左曲矢印は戻る。右曲矢印は進める。ことができます。
ⓘは、文字数、単語数、見出し数、段落数、ブロック数を表示します。
三本線は、アウトラインを表します。

上記ツールバー上にある①『ꟼ』文字をクリックしたとき現れるリストです。順に説明します。

③の上下マークはブロックを上下に移動させます。
④のマークは『テキスト左寄せ』『テキスト中央寄せ』『テキスト右寄せ』をすることが出来ます。
⑫のBマークは太文字にします。
⑬の/マークは斜め文字（イタリック）にします。
⑭のマークはリンクを貼ることが出来ます。
⑮は新たなアイコン一覧が表示されます。
⑯詳細設定が現れます。

『リスト』作成方法

リストボタンを押すことでリスト化することが出来ます。リスト化したい文章全てを選択（アクティブに）して、リストアイコンをクリックします。

愛知県名古屋市
岐阜県美濃市
三重県津市
静岡県沼津市
石川県金沢市

並ぶ文章は、ポッチ（・・・・・）と数字（①②③④⑤）にすることが出来ます。

見出し作成

見出しを作成する場合：リストの最上部『見出し』をクリックすると下記のようなH1～H6（見出し1～見出し6）が表示されます。これを選択することで見出しが出来ます。

引用を作成

引用マークをクリックすることで引用されます。下記のようにマークで始まりと終わり表示されます。また画面の色も変化します。

引用とは［名］(スル)人の言葉や文章を、自分の話や文の中に引いて用いること。 Weblio辞書より

カラム作成

次に『カラム』について：『カラム』には2つの作成方法があります。1つは上記の⑪をクリックしてください。すると画面の右端（サイドバー）に下記のようなボタンが現れます。カラムと書いたボタンを右にスライドすることによってカラム数を設定でできます。もう一つは、文章内に表示される『+ボタン』内にカラムボタンがあります。そこの『カラム』をクリックすると下記のような選択画面が現れます。

文中の『+ボタン』は使用頻度の高いアイコン又は（今まで使用したアイコン）が表示されます。

上記表のカラムの数を選択することで下記のようなカラムが作成できます。下方（愛知県、岐阜県、三重県）は実際の使用例です。

カラムを消去方法

消去したいカラムの上下左右の線の近くで、マウスが矢印の形状（手の形状ではない）でクリックすると赤枠のようにカラムを四角で囲んだ状態となります。これで①→②で消去できます。（又はDel、Back spaceでも消去可能です）

グループ作成

次に『グループ』について：別々のブロックを1つのブロックにまとめます。別々のブロックを選んで（アクティブにして）おいてグループアイコンをクリックします。下記のようなグループが出来ます。

私が国家公務員時代に住んだことのある東海北陸地区は下記の5都市です。・愛知県名古屋市・岐阜県美濃市・三重県津市・静岡県沼津市・石川県金沢市都市どの都市も特徴があり良い都市です。

整形済みテキスト

整形済みブロックには段落ブロックやソースコードブロックと似ている点がたくさんあります。整形ブロックはこの2つを統合したものと考えてください。 WordPress.com

プルクオート

下記のような表示になります。『デフォルト』と『単色』があります。プルクオートとは引用と同じような使い方をしますが、引用より少し強い言い方をしたい場合に使います。

『cocoon）コクーン独自アイコン

ここからが『cocoon』コクーン独自アイコンです。太文字と、色文字を作ることが出来ます。

①～④までは上記で説明が終わっていますので⑤から説明します。 ⑤のアイコンは太文字と色文字の組み合わせになります。赤色、青色、緑色とその太文字入力が可能となります。

太文字 ⑥のアイコンはマーカ—アイコンです。細マーカーと太マーカーがあります。そのマーカーには、黄色マーカー、赤色マーカー、青色マーカーがあります。 ⑦のアイコンは、文字の背部の色を決めます。上部から-オレンジ色-、-赤色-、-ピンク色-、-紫色-、-青色-、-緑色-、-黄色-、-茶色-、-灰色- ⑧のアイコンは、文字フォントサイズを変更できます。