グーテンベルク

公式サイト:

Gutenberg | WordPress プラグイン [公式]

概要

参考:

WordPress の新エディタ Gutenberg 徹底ガイド | Kinsta

WordPress のエディター | WordPress.org [公式]

使い方

参考:

ブロックエディターの使い方!時短テクニックも紹介! | WebNote+

全て解決!今更聞けない WordPress 新エディタの使い方!ブロックエディタを使いこなそう | mixhost サーバーコラム

新規ブロックの追加 | WordPress.org [公式]

記事の投稿 | WordPress.org [公式]

ショートカットキー

参考:

Gutenberg 用のキーボードショートカットはありますか ? | WordPress.org [公式]

Keyboard Shortcuts in Block Editor | WordPress.org [Official]

マークダウン記法

参考:

Gutenberg でマークダウン記法を使って執筆速度をアップしよう | hatena chips

段落を見出しに一瞬で変換する方法 | G.C.M Records

カバー

参考:

背景画像に文字を重ねることができるカバーブロックを使いこなそう! | コミュニティコムショップ

カラム

参考:

Gutenberg でカラムデザインを作成する方法 | コトダマウェブ

段組みレイアウトを作成しよう! | ウェブチル

カラムブロックの使い方 & 作業効率 UP のコツまとめ | ZIGSTYLEBLOG

ギャラリー

参考:

ギャラリーブロック | Let’s プログラミング

WordPress のギャラリーブロックを使いやすくするやり方 | 魚沼情報サービス

ギャラリーブロックの使い方/ギャラリー画像の作り方 | WEBST8 のブログ

ギャラリーブロックの使い方 & 設定のコツまとめ | ZIGSTYLEBLOG

ギャラリーブロック | WP-Design

ギャラリーブロック | WordPress.com 日本語サポート

ショートコードブロック

参考:

ショートコードブロック | WordPress.com 日本語サポート

マークダウンブロック (Markdown Block)

参考:

Gutenberg に Markdown Block を追加する WordPress プラグイン – Qiita

コードブロック

参考:

記事内に HTML ソースコードをそのまま表示 | ツッチーブログ

再利用ブロック

参考:

再利用ブロック | WordPress を簡単に

再利用ブロックの使い方 | REACH_rh.com

ブロックタイプを変更する

参考:

ブロックタイプを変更する | Let’s プログラミング

クラシックブロック

参考:

段落ブロックをクラシックブロックに簡単に切り替えたい!ブロックの選択候補に追加する方法 | 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

開発

参考:

ブロック開発の基本 | 株式会社ベクトル

ブロックの作成 | Web Design Leaves

はじめての Gutenberg Custom Block Type – Qiita

ブロック開発 | ARCHETYP BLOG

ブロックエディター開発入門 | 了

Gutenberg ブロック開発 – Qiita

ブロックの作成チュートリアル | WordPress.org [公式]

ブロックエディターハンドブック | WordPress.org [公式]

まとめ

参考:

ブロックエディターの使い方総まとめ | WEBST8 のブログ

リポジトリ

WordPress/gutenberg: The Block Editor project for WordPress and beyond. Plugin is available from the official repository – GitHub

リンク

新しい Gutenberg 編集エクスペリエンス | WordPress.org [公式]

The new Gutenberg Editing Experience | WordPress.org [Official]

CodeMirror Blocks

入手:

CodeMirror Blocks | WordPress Plugin [Official]

参考:

WordPress にソースコードを埋め込みたい時にオススメのプラグイン CodeMirror Blocks を解説 | ルーティンラボ

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Protected by reCAPTCHA