ブロックは「テキスト・メディア・デザイン」と「Cocoonブロック・汎用ブロック・レイアウト」のグループがあります。ここでは前者のテーマに付随するものではなく、WPに共通して用意されたブロックエディターを紹介します。
最初に編集のコツを・・・リスト表示を使う
![](https://shinyuri-ourplace.net/wp-content/uploads/2022/12/block-list.png)
#ffe8e8→見出しは少し濃いめ#FFCECE
![](https://shinyuri-ourplace.net/wp-content/uploads/2023/01/haedline.png)
ベスト01 見出し H2
見出し H3
見出し H4
見出しH5
見出し H6
![](https://shinyuri-ourplace.net/wp-content/uploads/2023/01/parh.png)
ベスト02 段落(通常の文章)
それまでのブロックの編集が終わったら、Enterキーを押せば新しい段落ブロックが作られます。また「+」のアイコンをクリックし「段落」を選択しても段落ブロックが作成されます。
なお、新しい段落ブロックを作るのではなく「ただ改行したい」という場合は、Shiftキーを押しながらEnterキーを押してください。
![](https://shinyuri-ourplace.net/wp-content/uploads/2023/02/image.png)
ベスト03 画像
![](http://web-k.jp/mmbr3/wp-content/uploads/2022/12/stcoblockjim-b.png)
![](https://shinyuri-ourplace.net/wp-content/uploads/2023/01/columns.png)
ベスト04 カラム
25%
50%
25%
![](https://shinyuri-ourplace.net/wp-content/uploads/2023/01/list.png)
ベスト05 リスト
![](https://shinyuri-ourplace.net/wp-content/uploads/2023/01/spacer.png)
ベスト06 スペーサー
余白を入れたい場合は「空の段落」ではなく「スペーサー」で・・・マウスでつまんでサイズを指定できますが、パネルメニューで「高さ px」と数字で指定することも可能です。
↓ ここに100pxの余白あり
![](https://shinyuri-ourplace.net/wp-content/uploads/2023/01/classic.png)
ベスト07 クラシック・クラシック版の段落
「クラシックエディタの方が色んな操作ボタンがまとまっていて使いやすかった」という人には、クラシックエディタ同様のメニューバーが表示される「クラシック」というブロックが便利です。引用や箇条書きのボタンも揃っているので、それぞれにブロックを作らなくてもページ作成が進められます。
以下は画像
![](https://web-k.jp/mmbr3/wp-content/uploads/2022/12/sta-cla.png)
![](https://shinyuri-ourplace.net/wp-content/uploads/2023/01/html.png)
ベスト08 「HTMLとして編集」のメニュー
すべてのブロックのタテ3点メニューにあります。Googleマップの埋め込みに使ったり・・・
![](https://shinyuri-ourplace.net/wp-content/uploads/2023/01/mediaAndText.png)
ベスト09 メディアとテキスト
![](https://web-k.jp/mmbr3/wp-content/uploads/2022/12/stcoblockjim-b-300x169.png)
メディアが左
背景色を指定したり
パディングを指定したり
メディアが右
メニューで右や左に変更できたり
モバイルでも横に並べる指定もできます。
![](http://web-k.jp/mmbr3/wp-content/uploads/2022/12/stcoblockjim-b.png)
![](https://shinyuri-ourplace.net/wp-content/uploads/2023/01/cover.png)
ベスト10 カバー
動画を背景にテキストを入れることも可能
https://pixabay.com/ja/videos/から
これはどちらかというとフロントページを飾るときに・・・
![](http://web-k.jp/mmbr3/wp-content/uploads/2022/12/umi.jpg)
固定背景指定
繰り返し背景指定
固定+繰り返し背景指定