ページに追加したブロックはページの別の場所に移動することもできます。以下にその方法を説明します。
このガイド内
ブロックを移動する前に、適切なブロックを選択していることを確認する必要があります。ほとんどのブロックは1回クリックして選択できますが、一部のブロックは他のブロックの中にある場合があります。そのため、移動する適切なブロックを選択する方法をいくつかご紹介します。
リスト表示にアクセスするには、画面の左上にある、3本の水平線が上下に並んだアイコンをクリックします。
![リスト表示を表す、ずれて重なった3本の線。](https://en-support.files.wordpress.com/2021/01/wordpress-editor-outline.png?w=86)
その固定ページまたは投稿に挿入したすべてのブロックのリストが表示され、操作するブロックを選択できます。
右の画像では1つのカラムの中に複数のブロックがあり、これらが1つのカラムブロックの中にあることがわかります。そこで、両方のカラムとその内部のすべてのコンテンツを移動する場合は、すべてを含むカラムブロックをクリックします。
![ページ上のすべてのブロックを示すリスト表示。](https://en-support.files.wordpress.com/2022/02/image-1.png?w=526)
以下の画像でオレンジで示されている、画面下部のパンくずリストを確認して目的にブロックを選択することもできます。
![複数のブロックが表示されており、画面下部でパンくずリストがオレンジでハイライト表示されている。「Columns」ブロックの中に「Column」があり、そのなかに「Heading」がある。](https://en-support.files.wordpress.com/2022/02/breadcrumbs.png?w=1024)
選択したブロックはパンくずリストの最後のブロックになります。別のブロックを選択する場合は、そのブロック名をクリックして選択します。誰かについてきてもらうためのパンくずを残すようなものであるため、パンくずリストと呼ばれています。
ブロックの中には、ほかのブロック (親ブロックといいます) の内部にネストされている場合があり、その親ブロックを簡単に選択する方法が必要です。
一部のブロックのブロックツールバーに表示される親ブロックセレクタを使用する方法もあります。
![ブロック設定ツールバーの左側に切り離して表示されている、ハイライト表示された親セレクタボタン。](https://en-support.files.wordpress.com/2021/03/gutenberg-select-parent-block.png?w=560)
親ブロックがあるブロックをクリックすると、上の画像でオレンジでハイライト表示されているボタンがブロックツールバーの左側に切り離して表示されます。このボタンをクリックすると、親ブロックが選択されます (この場合はカラムブロック)。
テキストを中に含むカラムブロックがあり、そのブロックを選択する必要がある場合や、複数のボタンを中に含むボタンブロックがあり、そのボタンブロック全体を選択する必要がある場合など、多くの場面で親ブロックセレクターが威力を発揮します。
移動するブロックを選択すると、その真上にツールバーが表示されます。上矢印と下矢印をクリックしてブロックを上下に移動させることができます。ツールバーの6つのドットのアイコンを使用して、ブロックを別の位置にドラッグできます。以下のアニメーションは両方の方法を示したものです。
![ドラッグアイコンをクリックして保持する様子と、6つのドットが2列に分かれたアイコンが表示されている GIF。その後、ブロックがハンドルで上にドラッグされている。](https://en-support.files.wordpress.com/2020/09/moving-blocks.gif)
別の方法として、リスト表示を使用してページ上のすべてのブロックのリストを表示し、ブロックをクリックして新しい位置にドラッグすることもできます。
![リスト表示、およびブロックをクリックして新しい位置にドラッグする操作を示したアニメーション GIF。](https://en-support.files.wordpress.com/2021/08/list-view-move-blocks.gif)
ネストされたブロックは、カラムや行、スタックなどのレイアウトブロック内でネストされています。親ブロックの矢印をクリックすることで、ネストされたブロックをまとめて移動できます。
![ネストされたブロックを選択して移動する方法を示した GIF。](https://en-support.files.wordpress.com/2023/01/move-nested-blocks.gif?w=800)
複数のブロックをまとめて移動するには、以下に示すとおり、先にマウスを使って削除するブロックをすべてハイライト表示します。
![2つのブロックを選択し、表示されたツールバーで矢印アイコンをクリックしてまとめて移動するプロセスを示したアニメーション GIF。](https://en-support.files.wordpress.com/2022/02/move-multiple-blocks.gif)
多数のブロックを移動する場合は、以下の手順に従ってブロックをあらかじめグループにまとめておくことをおすすめします。
- すべてのブロックをマウスでハイライト表示します。
- 表示されたツールバーで「グループ」を選択します。すべてのブロックがグループブロックに追加されます。
- 3つのドットをクリックして「コピー」を選択します。
- ブロックの移動先となる新しい行の先頭にカーソルを置きます。
- 右クリック (またはキーボードで CMD/CTRL + V を押す) して新しい行にブロックのグループを貼り付けます。
- 結果に問題がなければ、元のブロックグループを削除します。
以下の動画はこのプロセスを説明しています。
上下ではなく、左右にブロックを並べて配置するには、最初にカラムブロックを挿入します。次に、各カラム内に任意のブロックを挿入します。
カラム内に既存のコンテンツを配置する場合は、カラムブロックを挿入してから、リスト表示を使用してブロックをクリックし、カラムにブロックをドラッグします。
コメントを投稿するにはログインしてください。