ブロックエディター

WordPress

ブロックの追加機能(幅広・全幅・マージン・パディング等)や配置指定を自動的にテンプレートへ反映させるには【WordPress】

WordPressテーマの自作やカスタマイズにおいて、これまでは add_theme_support() で「幅広・全幅」「マージン・パディング」等のエディター...
WordPress

カラムブロックの中央揃え・両端揃えをブロックスタイルの追加で実現する【WordPress】

WordPressのブロックエディターで横並び等のレイアウトに重宝する「カラムブロック」ですが、デフォルトではカラムの中央揃えや両端揃えの指定ができません。 そ...
WordPress

「投稿」エディターが書き出すブロックにのみCSSを適用|編集画面にも反映【WordPress】

ウェブサイトのデザインに合わせてブロックエディターで配置する "見出し" や "段落" 等の見栄えを整えるためのCSSをあらかじめ用意し、投稿単独ページ内のエデ...
WordPress

ブロックエディターと公開記事の表示を揃えるための3つのポイント【WordPress】

WordPressの記事編集の際、エディター上に表示されているものと実際に公開される記事の表示が異なっていると完成形のイメージも掴みにくく、何度もプレビューで確...
WordPress

Gutenberg エディターで画像とテキストを横並びにする方法3選【WordPress】

WordPressで記事を編集する際、文章と関連画像を並べて配置したい場合があると思います。そんなときに役立つ画像と文章を横並びレイアウトにする方法を3つ紹介し...
WordPress

ブロックエディターでカスタムタクソノミー選択欄が表示されていない場合【WordPress】

ブロックエディターで編集中、「Custom Post Type UI や functions.php で有効にしたはずのカスタムタクソノミー設定欄が見当たらない...
WordPress

ブロックエディターによるボタンブロックの配置指定が自動的に反映されるようになっていた【WordPress】

ブロックエディターによるスタイルやレイアウトの指定がフロントエンドでは反映されないものがいくつかあります。ボタンブロックの「配置を変更」もその1つでしたが、いつ...
WordPress

Gutenberg ブロックエディターで記事を編集しよう:画像を掲載【WordPress】

WordPressのブロックエディターによる画像の掲載方法を紹介します。先日のブロックエディターの基本操作の記事と同様に入門的な内容となっていますので、そちらも...
WordPress

Gutenberg ブロックエディターで記事を編集しよう:基本【WordPress】

WordPressが搭載しているGutenberg ブロックエディターでの基本的な編集方法をまとめました。入門的な内容になっていますので初めての方も参考にしてみ...
WordPress

ブロックエディター(Gutenberg)にオリジナルのブロックスタイルを追加する【WordPress】

ブロックエディター(Gutenberg)ではブロックスタイルという機能があり、これを利用するとブロック毎にあらかじめ用意された装飾を選択可能になります。 使用し...
PR