Gutenbergまとめ記事 2022.04.142022.04.06 ここではGutenberg・ブロックエディタについて書いた記事をまとめていきますブロック 全10種類・111個を一気見することで、ブログ記事執筆で使える機能を網羅できます WordPress × Cocoon × Gutenberg|0. まずはブロックをを理解とにかくブログで記事をかけるようになりたいまずは記事を頭で思い描いたように書いてみたい!そんな方へ、完全初心者・独学の私が調べたことをまとめていきます【PR】この記事には広告を含む場合があります WordPress × Cocoon × Gutenberg|1. テキストブロック編見出し・段落・リスト(箇条書き)、色付き文字・マーカーなどの文字装飾や、引用 ・テーブルといった機能を使いこなして記事をサクサク書こう!すべての基本となるテキストブロックを一挙紹介【PR】この記事には広告を含む場合があります... WordPress × Cocoon × Gutenberg|2. メディアブロック編画像・動画・音声、ギャラリーにカバー・ファイルブロックを使いこなして「リッチ」なコンテンツ=内容豊かで見て楽しいページを作ろう!必須のメディアブロックをすべて紹介【PR】この記事には広告を含む場合があります WordPress × Cocoon × Gutenberg|3. デザインブロック編サイトの見た目を調整するカラム・グループ・空白や、水平線などを入れる区切りにページ自体の区切り、地味に使える続きなどを紹介!デザインブロックを最低限押さえて記事の執筆速度を早めよう【PR】この記事には広告を含む場合があります... WordPress × Cocoon × Gutenberg|4. ウィジェットブロック編ブログ記事自体に使うことは少ないけれど、理解しておくと役に立つウィジェット!特にWordPress自体のメニューやサイドバーで使うことも多い内容なので、サラッと目を通して中身を掴んでおくと後で効いてきます【PR】この記事には広告を... WordPress × Cocoon × Gutenberg|5. テーマブロック編手入力の抜粋です※詳しくは本文で! WordPress × Cocoon × Gutenberg|6. 埋込ブロック編Youtube動画を挿入したい場合、毎回「埋込ブロック」の「Youtubeブロック」を呼び出さなくてもコピペでオッケーなんです。ではAmazonは?Twitterは?Instagramは?大事なところだけ確認しちゃいましょう! WordPress × Cocoon × Gutenberg|7. COCOONブロック編アイコン・タブ・吹き出しなどの演出やブログカード・囲みボタンといった実用的なブロック、トグル・タイムラインやアイコンリストまで無料のCocoonでここまでできる!ブログ初期段階から押さえたい必須項目13種類を一挙紹介 WordPress × Cocoon × Gutenberg|8. Cocoon[ 汎用・マイクロコピー・レイアウト ]ブロック編アイコンが自由で可愛い見出しボックス、案内や目を引くために便利なマイクロコピーやマイクロバルーンなど、知っていて便利なブロックがたくさん!この記事でラスト、これで遂に 全111ブロック を網羅です