段落
内部ブロック名:core/paragraph ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「一般ブロック」から「段落」をクリックします。 なお、ブロックのデフォルトは段落になっているので、選択しなくて […]
Updated: 2020/6/9
WordPress搭載ブロック
Common
段落や画像、見出しといった、コンテンツを構成するのによく使うブロックです。
内部ブロック名:core/paragraph ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「一般ブロック」から「段落」をクリックします。 なお、ブロックのデフォルトは段落になっているので、選択しなくて […]
Updated: 2020/6/9
内部ブロック名:core/image ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「一般ブロック」から「画像」をクリックします。 もしくは、画像をエディター画面にドラッグ&ドロップすることでも画像を追 […]
Updated: 2020/6/9
内部ブロック名:core/heading ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「一般ブロック」から「見出し」をクリックします。 段落ブロックで書いていても、あとからブロックタイプを変更すること […]
Updated: 2020/6/9
内部ブロック名:core/gallery ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「一般ブロック」から「ギャラリー」をクリックします。 デフォルト キャプションなし キャプションつき 配置 左揃え […]
Updated: 2020/6/9
内部ブロック名:core/list ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「一般ブロック」から「リスト」をクリックします。 段落ブロックで書いていても、あとからブロックタイプを変更することができ […]
Updated: 2020/6/9
内部ブロック名:core/quote ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「一般ブロック」から「引用」をクリックします。 段落ブロックで書いていても、あとからブロックタイプを変更することができ […]
Updated: 2020/6/9
内部ブロック名:core/audio ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「一般ブロック」から「音声」をクリックします。 デフォルト キャプションなし キャプションつき 配置 左揃え 中央揃え […]
Updated: 2020/6/9
内部ブロック名:core/cover ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「一般ブロック」から「カバー」をクリックします。 また、画像ブロックなど、画像に関するブロックを使用していれば、あとか […]
Updated: 2020/6/9
内部ブロック名:core/file ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「一般ブロック」から「ファイル」をクリックします。 デフォルト 配置 左揃え 中央揃え 右揃え テキストリンク設定 デフ […]
Updated: 2020/6/9
内部ブロック名:core/video ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「一般ブロック」から「動画」をクリックします。 デフォルト キャプションなし キャプション付き 配置 左揃え 中央揃え […]
Updated: 2020/6/9
WordPress搭載ブロック
Formatting
ソースコードなど、技術系ブログ等でよく使いそうなブロックが主に含まれています。
内部ブロック名:core/code ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「フォーマット」から「ソースコード」をクリックします。 デフォルト
Updated: 2020/6/9
内部ブロック名:core/classic ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「フォーマット」から「クラシック」をクリックします。 クラシックブロックは何らかのdiv やクラスが付与されること […]
Updated: 2020/6/9
内部ブロック名:core/html ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「フォーマット」から「カスタムHTML」をクリックします。 カスタムHTMLブロックは何らかのdiv やクラスが付与され […]
Updated: 2020/6/9
内部ブロック名:core/preformatted ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「フォーマット」から「整形済み」をクリックします。 デフォルト その他 ツールチップ内では、配置の他に太 […]
Updated: 2020/6/9
内部ブロック名:core/pullquote ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「フォーマット」から「プルクオート」をクリックします。 デフォルト 配置 左揃え 右揃え スタイル 右側の[設 […]
Updated: 2020/6/9
内部ブロック名:core/table WordPress 5.3に搭載されているバージョンの時点で、任意のセルをthに変更することはできません。 ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「フォーマ […]
Updated: 2020/6/9
内部ブロック名:core/verse ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「フォーマット」から「詩」をクリックします。 段落ブロックで書いていても、あとからブロックタイプを変更することができま […]
Updated: 2020/6/9
WordPress搭載ブロック
Layout
記事全体のレイアウトにつかうカラムやグループブロック、ボタンブロック等が含まれます。
内部ブロック名(大枠):core/buttons 内部ブロック名(ボタンのみ):core/button WordPress5.4から、ボタンブロックの出力HTMLが変更になりました。この記事の出力HTMLも修正しておりま […]
Updated: 2020/6/9
内部ブロック名:core/columns カラム部分の内部ブロック名:core/column ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「レイアウト要素」から「カラム」をクリックします。 カラムを選 […]
Updated: 2020/6/9
内部ブロック名:core/group ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「レイアウト要素」から「グループ」をクリックします。 また、すでに入力済みのブロックでもあとからグループ化することがで […]
Updated: 2020/6/9
内部ブロック名:core/media-text ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「レイアウト要素」から「メディアと文章」をクリックします。 デフォルト メディアを右に表示 ツールチップから […]
Updated: 2020/6/9
内部ブロック名:core/separator ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「レイアウト要素」から「区切り」をクリックします。 デフォルト スタイル 右側の[設定]から、区切り線のスタイ […]
Updated: 2020/6/9
内部ブロック名:core/spacer ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「レイアウト要素」から「スペーサー」をクリックします。 デフォルト 追加したときは100pxの余白が設定されています […]
Updated: 2020/6/9
WordPress搭載ブロック
Widgets
それぞれ選択すると、記事側で最新の状態を保った記事やコメント、カテゴリー等のリストを出力するブロックが含まれます。
内部ブロック名:core/archives ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「ウィジェット」から「アーカイブ」をクリックします。 デフォルト 配置 左揃え 中央揃え 右揃え
Updated: 2020/6/9
内部ブロック名:core/social-links 各アイコン部分の内部ブロック名:core/social-link ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「ウィジェット」から「ソーシャルアイコ […]
Updated: 2020/6/11
内部ブロック名:core/calendar ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「ウィジェット」から「カレンダー」をクリックします。 デフォルト 配置 左揃え 中央揃え 右揃え
Updated: 2020/6/9
内部ブロック名:core/categories ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「ウィジェット」から「カテゴリー」をクリックします。 デフォルト 配置 左揃え 中央揃え 右揃え カテゴリー […]
Updated: 2020/6/9
内部ブロック名:core/latest-comments ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「ウィジェット」から「最新のコメント」をクリックします。 デフォルト 配置 左揃え 中央揃え 右揃 […]
Updated: 2020/6/9
内部ブロック名:core/latest-posts ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「ウィジェット」から「最新の記事」をクリックします。 デフォルト 配置 左揃え 中央揃え 右揃え グリッ […]
Updated: 2020/6/9
内部ブロック名:core/rss ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「ウィジェット」から「RSS」をクリックします。 ブロックを選択すると、URLを入力するフィールドが表示されます。 入力し […]
Updated: 2020/6/9
内部ブロック名:core/search ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「ウィジェット」から「検索」をクリックします。 デフォルト サーチフォームの上にある「検索」の文字は変更できます。 […]
Updated: 2020/6/9
内部ブロック名:core/tag-cloud ブロックの選択方法 入力欄の横にある[+]マークをクリックして、「ウィジェット」から「タグクラウド」をクリックします。 デフォルト 配置 左揃え 中央揃え 右揃え タグクラウ […]
Updated: 2020/6/9
これはプラグイン版のGutenberg(ver 8.5.1)を有効化して確認しています。UI等は変更になる可能性が大いにあります!(現に、8.4からブロック選択のUIが変わっています)プラグインを入れれば同様の動作は確認 […]
Updated: 2020/7/16
WordPress 5.5で、ブロックエディターに機能が追加されます。その名も「ブロックパターン」! 新しいUI(※)と一緒にチェックしていきましょう。 これはプラグイン版のGutenberg(ver 8.4)を有効化し […]
Updated: 2020/7/14
WordPress 5.4にて、editor-gradient-presetsというサポートが追加されました。 まだどんなブロックにも追加できるというわけではない(現時点ではカバーやボタンのみのようです)ですが、特にボタ […]
Updated: 2020/7/14
WordPress Tavernで取り上げられた、Gutenberg Template Libraryを試してみました。 ブロックそのものを作るわけではない 流し見時点で勘違いしていたのですが、ブロックを生成するJSコー […]
Updated: 2020/3/6
「最新の記事」を取得するブロックがありますが、サムネイルを取得したり、好みのHTMLを書き換えたりするような自由度はありません。 そこで、今回はAdvanced Posts Blocksという、投稿を取得するブロックプラ […]
Updated: 2020/7/14