ブロックエディタで記事を書く方法

WordPressのブロックエディタ活用方法を動画で解説

01クラシック版の段落で記事を書く

Webサイト・紹介動画等、一緒に創りあげていく［Sugi-Studio］

動画で説明：WordPress・ブロックエディタその１、オールマイティーなブロックエデ...

https://sugi-studio.sugiha-style.com/動画で説明オールマイティーなブロックエディタ/

ワードプレスのブロックエディタで記事を書く①ワードプレスのブロックエディタ…最初は使えないなーと（すみません）使わずにいたのですが、本体バージョンアップの都度、ブロックエディタもブラシュアップされ、なかなか便利なものになってきました。なんといっても、コードでなくビジュアルモードで、ボタンの設置やカラム設定ができるんです。ということで、不定期ですが、これから動画に撮って一つずつご説明していこうと思います。〇〇したいときには、どのブロックをどう使ったらいいの？など知りた

02ボタンブロックでリンクボタンを設置する・塗りつぶしと枠線のみのボタン

Webサイト・紹介動画等、一緒に創りあげていく［Sugi-Studio］

動画で説明：WordPress・ブロックエディタその２、ボタンブロックでリンクボタンを...

https://sugi-studio.sugiha-style.com/動画で説明：wordpress・ボタンブロックでリンクボタン/

WordPressの「ボタンブロック」を使ってリンクボタンを設置する方法塗りつぶしのボタンと枠線のみのボタンがビジュアル感覚で作成できます。https://youtu.be/k-_sBPNigvk

03カラムを設定して記事を書く

Webサイト・紹介動画等、一緒に創りあげていく［Sugi-Studio］

動画で説明：WordPress・ブロックエディタその３、カラムを設定して記事を書く | W...

https://sugi-studio.sugiha-style.com/動画で説明：wordpressのカラムブロックでカラムを設定/

WordPressの「カラムブロック」を使ってカラムを設定する方法です。このカラムブロックを使えば、1ページの中に、好きなカラム（横列）数に記事内容を配列することができます。カラムは設置後、カラム数の増減ができます。設置したカラムの中に、「クラシック版の段落」などのブロックを配置して記事を書いていきます。https://youtu.be/kv0J5VJzC7w

04画像ブロック他で画像を記事に挿入する

Webサイト・紹介動画等、一緒に創りあげていく［Sugi-Studio］

動画で説明：WordPress・ブロックエディタその４、画像ブロック他で記事に画像を挿...

https://sugi-studio.sugiha-style.com/動画で説明：wordpress画像ブロック他で記事に画像を挿/

WordPressの画像ブロックで画像を記事に挿入する方法画像ブロックで画像挿入：最初からクラシック版の段落を使って画像挿入：5分31秒位～少しおさまりつつあった咳のスイッチがまた入ってしまい、途中、咳払いや咳込んだりしていてごめんなさい。 https://youtu.be/RJVl5U0791M

05YouTubeブロック他で動画を記事に挿入する

Webサイト・紹介動画等、一緒に創りあげていく［Sugi-Studio］

動画で説明：WordPress・ブロックエディタその５、YouTubeブロック他を使って記事...

https://sugi-studio.sugiha-style.com/動画で説明：wordpressのyoutubeブロックで動画を挿入/

YouTubeにアップロードした動画を、「YouTube」ブロックと「クラシック版の段落」を使って記事内に挿入する方法※YouTubeブロックで挿入すると記事幅一杯に動画を表示してくれます。※クラシック版の段落を使って「メディアの挿入」から入れると動画のサイズ指定が可能になります。YouTubeブロックで動画を挿入▼https://youtu.be/IBK1-PuuuGI　↑YouTubeブロックを使って挿入したもの（通常こちらを使ってます）クラシッ

06カバーブロックで背景有りで記事を書く

Webサイト・紹介動画等、一緒に創りあげていく［Sugi-Studio］

動画で説明：WordPress・ブロックエディタその６、カバーブロックを使って記事の背...

https://sugi-studio.sugiha-style.com/動画で説明：wordpress・カバーブロックで背景画像有り/

06カバーブロックで背景有りの記事を書く・背景の上には、段落ブロックだけでなく、クラシック版の段落ブロックやカラムブロック、画像ブロック、ボタンブロックなど、いろいろなブロックを配置して構成できます。https://youtu.be/WbLDx939f8g

07「メディアとテキスト」ブロックで、横に写真（画像）ありの記事を書く

Webサイト・紹介動画等、一緒に創りあげていく［Sugi-Studio］

動画で説明：WordPress・ブロックエディタその７、メディアとテキストブロックで画...

https://sugi-studio.sugiha-style.com/動画で説明wordpressメディアとテキストブロック/

07「メディアとテキスト」ブロックで、左右に写真（画像）と文章の記事を書く「03カラムを設定して記事を書く」でご説明したときの「２カラム」で画像＋テキストでセットになったブロックです。 https://youtu.be/voIeJ3dW5Tk

08枠線ボックスブロックで囲み枠内に、アラートブロックで色背景内に記事を書く

Webサイト・紹介動画等、一緒に創りあげていく［Sugi-Studio］

動画で説明：WordPress・ブロックエディタその８、枠線ボックスブロック、アラート...

https://sugi-studio.sugiha-style.com/動画で説明8wordpress枠線ボックスブロック/

動画で説明08wordpress枠線ボックスブロックとアラートブロック準備するもの：VK Blocks（VKブロックス）※プラグインVK Bloksプラグインのインストール方法…最初から枠線ボックスで囲み枠内に記事を書く説明…4:05位～ブロックの表示位置の入れ替え…9:30位～背景色のアラートブロックの説明…11:11位～枠線ボックスで枠内に記事を書くVK Bloksをインストールする前に、ブロックリストを表示させ、枠線ブロックがあるかどうか確認し

09FAQブロックでQ&Aを書く

Webサイト・紹介動画等、一緒に創りあげていく［Sugi-Studio］

動画で説明：WordPress・ブロックエディタその９、FAQブロックでQ&Aを書く | W...

https://sugi-studio.sugiha-style.com/動画で説明9wordpressfaqブロックでqaを書く/

09FAQブロックでQ&Aを書く準備するもの：VK Blocks（VKブロックス）※プラグインhttps://youtu.be/rJY-VkaM-UEこちらが質問用ああああ

10吹き出しブロックを使って会話形式で記事を書く

VK Blocksの吹き出しとWord baloonの吹き

Webサイト・紹介動画等、一緒に創りあげていく［Sugi-Studio］

動画で説明：WordPress・ブロックエディタその10、吹き出しブロックで会話形式で記...

https://sugi-studio.sugiha-style.com/動画で説明9wordpress10吹き出しブロックで会話形式で/

10吹き出しブロックを使って会話形式で記事を書く準備するプラグイン…どちらか、または両方でもかまいません。VK Blocks（VKブロックス）Word Blaoon（ワードバルーン）他にも吹き出しブロックのプラグインはありますが、私的にお勧めなのが、上の２つです。また、テーマに吹き出し機能が備わっている場合もありますので、ご自分のテーマでご確認ください。例えば、Stinger系、Wingシリーズなどhttps://youtu.be/mA7pV

11段落ブロックでの装飾いろいろ

Webサイト・紹介動画等、一緒に創りあげていく［Sugi-Studio］

動画で説明：WordPress・ブロックエディタその11、段落ブロックでの装飾いろいろ |...

https://sugi-studio.sugiha-style.com/動画で説明wordpress11段落ブロックでの装飾いろいろ/

11段落ブロックでの装飾いろいろ編集画面をクリックして文字を入力しはじめると、自動的に段落ブロックが挿入されます。https://youtu.be/QddAhAoeYeAあああああああああああああああ

12リストブロックでの装飾いろいろ

Webサイト・紹介動画等、一緒に創りあげていく［Sugi-Studio］

動画で説明：WordPress・ブロックエディタ12、リストブロックでの装飾いろいろ | W...

https://sugi-studio.sugiha-style.com/動画で説明wordpress12リストブロックでの装飾いろいろ/

12リストブロックでの装飾いろいろあああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああhttps://youtu.be/8o-unzWkpyY

13見出しブロックでの装飾いろいろ

Webサイト・紹介動画等、一緒に創りあげていく［Sugi-Studio］

動画で説明：WordPress・ブロックエディタ13、見出しブロックでの装飾いろいろ | W...

https://sugi-studio.sugiha-style.com/動画で説明wordpress13見出しブロックでの装飾いろいろ/

13見出しブロックでの装飾いろいろ見出し３見出し４見出し５ああああああああああああああああああhttps://youtu.be/5nd5PlbUJH0

14LIQUIDブロックス（パターン）でいろいろなブロックの組み合わせを使って記事を書く

Webサイト・紹介動画等、一緒に創りあげていく［Sugi-Studio］

動画で説明：WordPress・ブロックエディタ14、LIQUIDブロック（パターン）でいろい...

https://sugi-studio.sugiha-style.com/動画で説明wordpress14liquidブロックスパターンを使う/

14LIQUIDブロック（パターン）でいろいろなブロックの組み合わせを使って記事を書く準備するプラグインLIQUID BLOCKS GALLERY 37+ 無料デザインhttps://youtu.be/TPKr64Ty31c

15スペーサーブロックで行間を空ける

Webサイト・紹介動画等、一緒に創りあげていく［Sugi-Studio］

動画で説明：WordPress・ブロックエディタ15、スペーサーブロックで行間を開ける |...

https://sugi-studio.sugiha-style.com/動画で説明wordpress15スペーサーブロックで行間を開ける/

15スペーサーブロックで行間を開けるクラシック版の段落で行間を空けるときは、Enterキーを押すことで改行できます。また行間を少し近づけたいときは、Shiftキーを押しながらEnterキーを押してください。例：Enterキーのみ▽ああああああああああああああああああああああああああああああああああ 例：Shiftキーを押しながらEnterキーあああああああああああああああああああああああああああああああああああ