![](https://www.active-note.jp/wp-content/uploads/2024/03/b7fdf57f8097c26a26cc106d6311b4f2.png)
WordPress|これで解決!編集中のブロックを移動/削除する方法を解説。
![](https://www.active-note.jp/wp-content/uploads/2023/09/8cc23e885a50249d7ce1a13019f815b7.png)
こんなお悩みありませんか?
WordPressで編集中のブロックを移動したい…。
ブロックをまるごと移動させられたらいいのにな…。
WordPressで編集中のブロックを消したいのに消せないよ~💦
そんなあなたに、Wordpressのブロックを削除したり移動したりする方法を解説するよ。この記事を読んでWordpressの記事をサクッと仕上げちゃおう!
ブロックツールバーってなんだ?
これがブロックツールバーだよ。
ブロックを選ぶと出てくるんだ。
![](https://www.active-note.jp/wp-content/uploads/2023/09/a9022d9c89539365fdd12aa3f34a13d3.png)
このブロックツールバーにあるアイコンを選んで、ブロックの内容にいろんなアレンジをすることができるよ。字を太くしたり、コピーしたり、文字の下に線を引いたりできるんだ。
どのブロックを選んでいるかは、先頭にある記号でわかるよ。上のツールバーは「段落」のブロックのものだね。
選んだブロックによって表示されるアイコンは違うよ。なぜかというと、そのブロックごとにできる機能が変わってくるからだよ。必要なアイコンだけが表示されているんだ。
![](https://www.active-note.jp/wp-content/uploads/2023/04/iconcolonepk-150x150.jpg)
それはとっても親切だね!
![](https://www.active-note.jp/wp-content/uploads/2023/09/10801080-1-150x150.webp)
![](https://www.active-note.jp/wp-content/uploads/2023/09/10801080-1-150x150.webp)
![](https://www.active-note.jp/wp-content/uploads/2023/09/10801080-1-150x150.webp)
それじゃあ「ブロックの移動」と「ブロックの削除」について解説していくね!
ブロックを移動させよう
選択したブロックを移動するには2つのやり方があるよ。
- ドラッグボタンを使った移動
- 「上へ移動・下へ移動」ボタンを使った移動
- ブロックをリストビューで移動
1.ドラッグボタンを使った移動
ツールバーの点が6つ並んでいるアイコンがあるよね。
この上にカーソルを合わせると手の形に変わるので、そのままカーソルをドラッグするとブロックが移動するよ!
![](https://www.active-note.jp/wp-content/uploads/2023/09/d00c7bd506a02368c9837a8bd381c983.png)
![](https://www.active-note.jp/wp-content/uploads/2023/09/d00c7bd506a02368c9837a8bd381c983.png)
![](https://www.active-note.jp/wp-content/uploads/2023/04/iconcolonepk-150x150.jpg)
![](https://www.active-note.jp/wp-content/uploads/2023/04/iconcolonepk-150x150.jpg)
![](https://www.active-note.jp/wp-content/uploads/2023/04/iconcolonepk-150x150.jpg)
簡単だね!
2.「上へ移動・下へ移動」ボタンを使った移動
今度は上下のやじるしにカーソルを合わせてみよう。「上に移動」「下に移動」と出るので、そのままクリックすると選択したブロックごと上下に移動してくれるよ。
![](https://www.active-note.jp/wp-content/uploads/2023/09/878cc9049c7d9a7a4b5d0708ac43b261.png)
![](https://www.active-note.jp/wp-content/uploads/2023/09/878cc9049c7d9a7a4b5d0708ac43b261.png)
3.ブロックをリストビューで移動
![](https://www.active-note.jp/wp-content/uploads/2023/04/iconcolonepk-150x150.jpg)
![](https://www.active-note.jp/wp-content/uploads/2023/04/iconcolonepk-150x150.jpg)
![](https://www.active-note.jp/wp-content/uploads/2023/04/iconcolonepk-150x150.jpg)
移動の方法は思ったより簡単だったな~。
でも、大きなブロックを移動させるのは大変だぞ…。
![](https://www.active-note.jp/wp-content/uploads/2023/09/10801080-1-150x150.webp)
![](https://www.active-note.jp/wp-content/uploads/2023/09/10801080-1-150x150.webp)
![](https://www.active-note.jp/wp-content/uploads/2023/09/10801080-1-150x150.webp)
大きなブロックを動かすのはけっこう大変だよね。
そんな時はまるごと移動させる便利な方法があるよ!
記事の構成を大幅に変更するとき、大きなブロックを上へ、下へと「カチカチカチカチ」クリックして移動するのは大変だよね…。そんな時はブロックごと、まるっと移動させちゃうよ。
WordPressの画面左上にある「3本の線」をクリックしよう。
![](https://www.active-note.jp/wp-content/uploads/2023/09/181adab6e35c75ee08f084f712603ca0.png)
![](https://www.active-note.jp/wp-content/uploads/2023/09/181adab6e35c75ee08f084f712603ca0.png)
「リストビュー」が表示されるので、移動したいブロックにカーソルを合わせてそのままドラッグ。
移動したい場所へ持っていこう。
![](https://www.active-note.jp/wp-content/uploads/2023/09/a68b7a123e191e0eaa67f0e1519b2c25.png)
![](https://www.active-note.jp/wp-content/uploads/2023/09/a68b7a123e191e0eaa67f0e1519b2c25.png)
![](https://www.active-note.jp/wp-content/uploads/2023/04/iconcolonepk-150x150.jpg)
![](https://www.active-note.jp/wp-content/uploads/2023/04/iconcolonepk-150x150.jpg)
![](https://www.active-note.jp/wp-content/uploads/2023/04/iconcolonepk-150x150.jpg)
わあ‼瞬間移動だね!
![](https://www.active-note.jp/wp-content/uploads/2023/09/10801080-1-150x150.webp)
![](https://www.active-note.jp/wp-content/uploads/2023/09/10801080-1-150x150.webp)
![](https://www.active-note.jp/wp-content/uploads/2023/09/10801080-1-150x150.webp)
移動の途中のミスも減るからすごく便利!
ブロックを削除しよう
選択したブロックを削除してみよう。選択したブロックを削除するには次のようにのやり方があるよ。
- ブロックツールバーの「…」を使った削除
- キーボードの「ショートカットキー」を使った削除
1.ブロックツールバーの「…」を使って削除
ブロックを削除したい場所にカーソルを合わせると、ブロックツールバーが出てくるよ。
![](https://www.active-note.jp/wp-content/uploads/2023/09/8fde8afdf3f882ed73a4ad98dd9c1b53.png)
![](https://www.active-note.jp/wp-content/uploads/2023/09/8fde8afdf3f882ed73a4ad98dd9c1b53.png)
ブロックツールバーの「…」にカーソルを合わせてクリック。
![](https://www.active-note.jp/wp-content/uploads/2023/09/e493679ae97a4a1ea5e75ba87c788bcc.png)
![](https://www.active-note.jp/wp-content/uploads/2023/09/e493679ae97a4a1ea5e75ba87c788bcc.png)
クリックすると右の一覧が出てくるので、1番下の削除ボタンを押そう。
![](https://www.active-note.jp/wp-content/uploads/2023/09/c3b8954a647f2b51f59a383f0855dcf8.png)
![](https://www.active-note.jp/wp-content/uploads/2023/09/c3b8954a647f2b51f59a383f0855dcf8.png)
「削除」をクリックするとブロックが消えたよ!
![](https://www.active-note.jp/wp-content/uploads/2023/09/2423435a7b1fa6ab28ecaa81f4cdb108.png)
![](https://www.active-note.jp/wp-content/uploads/2023/09/2423435a7b1fa6ab28ecaa81f4cdb108.png)
![](https://www.active-note.jp/wp-content/uploads/2023/09/10801080-1-150x150.webp)
![](https://www.active-note.jp/wp-content/uploads/2023/09/10801080-1-150x150.webp)
![](https://www.active-note.jp/wp-content/uploads/2023/09/10801080-1-150x150.webp)
ショートカットキーも使えるよ。
「Shift +Alt+Z」で削除しよう。
2.キーボードの「Delete」を使った削除
削除したいブロックをクリックしよう。選んだブロックは水色の線で囲まれてるね。そのまま「Delete」で削除できるよ!
![](https://www.active-note.jp/wp-content/uploads/2023/10/5455bd575a17526f7726529d98f8a29b-1.png)
![](https://www.active-note.jp/wp-content/uploads/2023/10/5455bd575a17526f7726529d98f8a29b-1.png)
空白のブロックはどうやって削除するの?
![](https://www.active-note.jp/wp-content/uploads/2023/04/iconcolonepk-150x150.jpg)
![](https://www.active-note.jp/wp-content/uploads/2023/04/iconcolonepk-150x150.jpg)
![](https://www.active-note.jp/wp-content/uploads/2023/04/iconcolonepk-150x150.jpg)
あれっ?ブロックを消そうと思ったのに「削除」の表示が出ないぞ…⁉
![](https://www.active-note.jp/wp-content/uploads/2023/09/10801080-1-150x150.webp)
![](https://www.active-note.jp/wp-content/uploads/2023/09/10801080-1-150x150.webp)
![](https://www.active-note.jp/wp-content/uploads/2023/09/10801080-1-150x150.webp)
あー、そんな時があるよね。私も困ったことがあるよ。
これはブロックに何も入力されていない時に起こるんだよ。
空白のブロックを削除するときはこんな風にしてみてね。
1. 何か文字を入れてみよう。すると空白だった部分が「ブロック」と認識されて「…」を押すと削除が表示される
2. 空白のブロックの先頭にカーソルを合わせてデリートキーを押す。
空っぽのブロックはこんな風に表示されるよ。
![](https://www.active-note.jp/wp-content/uploads/2023/09/eb7c76ab8b4ce3ecf78316e3e9618e63.png)
![](https://www.active-note.jp/wp-content/uploads/2023/09/eb7c76ab8b4ce3ecf78316e3e9618e63.png)
ブロックが空っぽの時は、カーソルを合わせてクリックしてもツールバーが表示されないんだ。そんな時はカーソルを上の赤い→に合わせて「Back Space」を押す。
ブロックが削除されるよ。
![](https://www.active-note.jp/wp-content/uploads/2023/04/iconcolonepk-150x150.jpg)
![](https://www.active-note.jp/wp-content/uploads/2023/04/iconcolonepk-150x150.jpg)
![](https://www.active-note.jp/wp-content/uploads/2023/04/iconcolonepk-150x150.jpg)
何かてきとうな文字を入れて、ブロックにしちゃってもいいんだね。
「まるお」っていれたらツールバーが出てきたぞ。
「削除」をクリックして消せるね!
![](https://www.active-note.jp/wp-content/uploads/2023/09/67f190e9ca20d0c96bda91df4c7c41bd.png)
![](https://www.active-note.jp/wp-content/uploads/2023/09/67f190e9ca20d0c96bda91df4c7c41bd.png)
カラムブロックを削除したい!
カラムブロックというのは「文章や画像を横に並べて表示されているブロック」ことだよ。
このカラムブロックすべてを1回で削除する方法を説明するね。
まず削除したいカラムブロックを選んでクリックすると「カラム」のツールバーが出てくるよ。
![](https://www.active-note.jp/wp-content/uploads/2023/09/fa5f5c819bb6e159694195acec514f25.png)
![](https://www.active-note.jp/wp-content/uploads/2023/09/fa5f5c819bb6e159694195acec514f25.png)
出てきたツールバーの「…」をクリックすると一覧が出てくる。「削除」をクリックするとカラム全体が消えるよ。
![](https://www.active-note.jp/wp-content/uploads/2023/09/5031eb6341e4d36b3975949a6569ae25.png)
![](https://www.active-note.jp/wp-content/uploads/2023/09/5031eb6341e4d36b3975949a6569ae25.png)
まとめ
WordPressで編集中のブロックを移動・削除の方法を解説したよ!移動や削除がスムーズにできると、構成案が大幅に変更になったときにも作業しやすいね。
いろんな方法があるけど、やってみて自分の使いやすい方法を見つけるのがおすすめだよ。