グーテンベルク
公式サイト:
Gutenberg | WordPress プラグイン [公式]
概要
参考:
WordPress の新エディタ Gutenberg 徹底ガイド | Kinsta
WordPress のエディター | WordPress.org [公式]
使い方
参考:
ブロックエディターの使い方!時短テクニックも紹介! | WebNote+
全て解決!今更聞けない WordPress 新エディタの使い方!ブロックエディタを使いこなそう | mixhost サーバーコラム
新規ブロックの追加 | WordPress.org [公式]
ショートカットキー
参考:
Gutenberg 用のキーボードショートカットはありますか ? | WordPress.org [公式]
Keyboard Shortcuts in Block Editor | WordPress.org [Official]
マークダウン記法
参考:
Gutenberg でマークダウン記法を使って執筆速度をアップしよう | hatena chips
段落を見出しに一瞬で変換する方法 | G.C.M Records
カバー
参考:
背景画像に文字を重ねることができるカバーブロックを使いこなそう! | コミュニティコムショップ
カラム
参考:
Gutenberg でカラムデザインを作成する方法 | コトダマウェブ
カラムブロックの使い方 & 作業効率 UP のコツまとめ | ZIGSTYLEBLOG
ギャラリー
参考:
WordPress のギャラリーブロックを使いやすくするやり方 | 魚沼情報サービス
ギャラリーブロックの使い方/ギャラリー画像の作り方 | WEBST8 のブログ
ギャラリーブロックの使い方 & 設定のコツまとめ | ZIGSTYLEBLOG
ギャラリーブロック | WordPress.com 日本語サポート
ショートコードブロック
参考:
ショートコードブロック | WordPress.com 日本語サポート
マークダウンブロック (Markdown Block)
参考:
Gutenberg に Markdown Block を追加する WordPress プラグイン – Qiita
コードブロック
参考:
記事内に HTML ソースコードをそのまま表示 | ツッチーブログ
再利用ブロック
参考:
ブロックタイプを変更する
参考:
クラシックブロック
参考:
段落ブロックをクラシックブロックに簡単に切り替えたい!ブロックの選択候補に追加する方法 | JIN のサイト
クラシックブロック | WordPress.com 日本語サポート
クラシックブロック | WordPress.org [公式]
クラシック版の段落 (Classic Paragraph)
「Advanced Editor Tools 」をインストールすることで使えるようになるブロック。ブロックエディター内でクラシックエディターと同じ機能が使えるようになる「クラシックブロック」とほぼ同じブロックであるが、「クラシック版の段落」ブロックは再利用ブロックとして簡単に使い回しができるようになる。
参考:
Classic Paragraph とクラシックブロックの違いと便利な使い方 | WordPress を簡単に
Classic Paragraph ブロックのツールバーアイコンが正しく表示されない | 有限会社オブジェクトラボ
旧コンテンツをブロックに変換する
記事をクラシックブロックに変換する
クラシックエディターで編集していた投稿をブロックエディターで開くと、コンテンツは自動的に「クラシックブロック」で表示される。
クラシックブロックを個別のブロックに変換する
縦にドットが3つ連なったアイコン
をクリックして表示されるメニューから「ブロックへ変換」を適用する。クラシックブロック内のコンテンツが見出し、段落、画像などの各種ブロックに変換される。参考:
クラシックエディターで作成した過去記事をブロックに変換する手順を解説!注意点もあるよ | ZIGSTYLEBLOG
クラシックからブロックエディターへ移行時の表示崩れやタグが消えるのを解消する方法 | もぐでざ
クラシックからブロックエディタへ移行時カスタム HTML に個別/一括置換する方法 | もぐでざ
WordPress の新エディター Gutenberg で、クラシックブロックに書いた内容を一括でブロック変換する方法 | コミュニティコムショップ
旧エディターからブロックエディターに変換する | WordPress.com 日本語サポート
移行
参考:
Gutenberg はどれくらい WordPress ユーザーに使われているか | TCD
投稿が消える!? Gutenberg の影響を実際に検証して調査してみた | wp.geek
WordPress の Gutenberg 切り替えで困ったことまとめ | m31
開発
参考:
はじめての Gutenberg Custom Block Type – Qiita
ブロックの作成チュートリアル | WordPress.org [公式]
ブロックエディターハンドブック | WordPress.org [公式]
まとめ
参考:
ブロックエディターの使い方総まとめ | WEBST8 のブログ
リポジトリ
リンク
新しい Gutenberg 編集エクスペリエンス | WordPress.org [公式]
The new Gutenberg Editing Experience | WordPress.org [Official]
CodeMirror Blocks
入手:
CodeMirror Blocks | WordPress Plugin [Official]
参考:
WordPress にソースコードを埋め込みたい時にオススメのプラグイン CodeMirror Blocks を解説 | ルーティンラボ