WordPressでブロックを削除する方法(簡単な4つの方法)

コンテンツエディターで不要なブロックを削除または非表示にすると、ブロックメニューを整理できます。また、必要なブロックをすばやく見つけやすくすることで、集中力を維持するのに役立ちます。

私たちのライターの何人かは、インターフェースをクリーンで分かりやすく保つために、Gutenbergエディターで不要なブロックを無効にしました。

この変更を行って以来、執筆中の生産性と集中力の両方が大幅に向上したと報告されています。

この記事では、WordPressでブロックを削除する手順をステップバイステップで説明します。

WordPressでブロックを削除する

WordPressでブロックを削除、非表示、または削除する理由

WordPressブログをお持ちの場合、Gutenbergエディターを使用してウェブサイトのブログ投稿やページを作成していることでしょう。ここで、サイトではおそらく使用しないであろうブロックがメニューにいくつか表示されていることに気づくでしょう。

例えば、コンテンツエディターには詩や歌詞を挿入するために使用できる「詩ブロック」があります。しかし、あなたが食品やファッションブログを運営している場合、このコアブロックはあなたのコンテンツには全く関係ありません。

ブロックメニューからVerseブロックを追加する

その場合、投稿エディターからこれらのブロックを削除するだけで、よりクリーンで集中しやすいインターフェースを作成できます。

ただし、ブロックとその機能を削除したくない場合は、WordPress のデフォルトのブロック表示機能を使用して非表示にすることができます。このようにすると、ブロックは完全に削除されず、必要に応じて簡単にアクセスできます。

一方、投稿に間違いがあった場合や、一部のコンテンツを削除したい場合は、ブロックを削除または非表示にする必要はありません。投稿内でその特定のブロックを削除するだけで済みます。

これにより、ブロックをWordPressから完全に削除することなく、そのブロックを使用して追加したコンテンツが削除されます。たとえば、複数の見出しブロックを追加した場合、コンテンツをより読みやすくするためにそのうちの1つを削除できます。

ブロックを削除する

それを踏まえて、WordPressでブロックを簡単に削除する方法を見てみましょう。このチュートリアルでは4つの方法を追加しました。以下のリンクを使用して、選択した方法にジャンプできます。

方法1:WordPressエディターでブロックを削除する

コンテンツ内のブロックを削除したい場合は、この方法が適しています。これらのブロックはブロックメニューから削除されませんが、WordPressブログ投稿からは削除されます。

まず、削除するブロックをクリックするだけで選択する必要があります。

その後、ブロックツールバーのブロックにある3点アイコンをクリックしてプロンプトを開きます。ここから「削除」オプションを選択して、ブログ投稿からブロックを削除します。

WordPressブロックを削除する

一方で、コンテンツ内の複数のブロックを削除することもできます。まず、削除したいすべてのブロックをマウスでドラッグして選択する必要があります。

その後、ブロックツールバーの3点アイコンをクリックし、プロンプトで「削除」オプションをクリックします。

WordPress で複数のブロックを削除する

ショートカットを探している場合は、WindowsおよびLinuxの場合はShift + Alt + Zボタン、macOSの場合は⌃ + ⌥ + Zボタンをクリックして、コンテンツエディターでブロックを削除することもできます。

方法2:WordPressでブロックを非表示にする

ブロックを完全に削除したくない場合は、この方法を使用してください。

WordPressのブロック表示機能を使用して、メニューからブロックを非表示にし、必要なときにいつでも簡単に元に戻すことができます。

これを行うには、ブロックエディターを開き、画面右上隅にある3点アイコンをクリックする必要があります。これによりドロップダウンメニューが開かれ、そこから「設定」オプションを選択する必要があります。

3つの点のアイコンをクリックし、「設定」オプションを選択します

これにより、画面にポップアップが表示されます。ここで、「ブロック」タブに切り替え、投稿エディターで非表示にしたいブロックの横にあるチェックボックスをオフにします。

ここから、WPFormsブロックやSoliloquyブロックなどのプラグインブロックを無効にすることもできます。

ブロックを非表示にするには、チェックボックスをオフにします

完了したら、「X」アイコンをクリックしてプロンプトを終了します。これでWordPressでブロックを正常に非表示にできました。

結果を表示するには、左上の「+」ボタンをクリックしてブロックメニューを開きます。ここで、選択したブロックが表示されなくなっていることに気づくでしょう。

非表示ブロックのプレビュー

これらのブロックを元に戻したい場合は、再度3点アイコンをクリックして「設定」オプションを選択します。

ポップアップが開いたら、「ブロック」タブに切り替えて「リセット」リンクをクリックすると、ブロックが再び表示されます。

リセットリンクをクリック

ただし、この方法の唯一の欠点は、個々のブロックを非表示にできないことです。これは、非表示にしたブロックの1つを表示したい場合でも、「リセット」リンクをクリックすると、選択したすべてのブロックが非表示になることを意味します。

これが問題になる場合は、次の方法を使用してください。

方法3:WordPressのコアブロックを削除する

この方法は、WordPressエディターからデフォルトのブロックを完全に削除するために「許可リスト」アプローチを使用します。

これは、どのブロック(画像、段落、見出しブロックなど)が許可されるかを正確に定義し、それ以外はすべて削除されるため、非常に制限的な編集環境を作成するのに理想的です。

コア WordPress ブロックを削除するには、PHP コードスニペットを追加する必要があります。このコードをテーマのfunctions.php ファイルに追加することもできますが、強くお勧めしません。

コードの小さな間違いはサイトを壊す可能性があり、テーマを次に更新したときに変更は失われます。

そのため、代わりにWPCodeの使用をお勧めします。これは市場で最高のWordPressコードスニペットプラグインであり、カスタムコードをウェブサイトに追加する最も安全な方法です。

私たちは自身のサイトでコードスニペットを管理するためにこれを使用しており、一度も失敗したことはありません。詳細については、WPCodeの完全なレビューをご覧ください。

注: このチュートリアルでは、WPCode の無料版を使用できます。ただし、プロプランにアップグレードすると、より多くの機能が利用できるようになります。

まず、WPCode プラグインをインストールして有効化する必要があります。詳細については、WordPress プラグインのインストール方法に関する初心者向けガイドを参照してください。

有効化したら、WordPressダッシュボードからCode Snippets » + Add Snippetページにアクセスし、「Add Your Custom Code (New Snippet)」オプションの下にある「Use Snippet」ボタンをクリックします。

addnewsnippet

これにより、「カスタムスニペットの作成」ページに移動します。ここで、作成中のコードスニペットに名前を追加する必要があります。

次に、右側のドロップダウンメニューからコードタイプとして「PHPスニペット」を選択します。

コアWordPressブロックを削除するために、コードタイプとしてPHPスニペットを選択

その後、「コードプレビュー」ボックスに以下のカスタムコードを追加する必要があります。

add_filter( 'allowed_block_types_all', function( $allowed_blocks, $editor_context ): array {
    $allowed_blocks = [
        'core/paragraph',
        'core/heading',
        'core/list',
        'core/list-item',
        'core/quote',
        'core/preformatted',
        'core/pullquote',
        'core/table',
        'core/gallery',
        'core/image',
        'core/video',
        'core/spacer',
        'core/separator',
        'core/shortcode',
        'core/embed',
    ];
    return $allowed_blocks;
}, 100, 2 );

このコードは、allowed_block_types_all というWordPressフィルターを使用しています。このフィルターは、エディターで許可されるブロックをWordPressに正確に伝えます。

このコードは、サイトで許可されるコアブロックの特定のリストを提供します。このリストに記載されていないブロック(例:「Verse」ブロック)は、ブロックエディターから自動的に削除されます。

ただし、「セパレーター」ブロックのようにコードで言及されているブロックのいずれかを削除したい場合は、コードスニペットから削除するだけです。

コードスニペットのリストから区切りブロックの名前を削除する

同様に、コードスニペットにブロックの名前が記載されておらず、削除したくない場合は、その名前をブロックのリストに追加できます。

これは、「core/」と入力し、その後にブロックの名前を次のように追加することで簡単に行えます。

‘コア/ブロック’ 、

コードスニペットのリストに、セクションブロックの名前を追加します

次に、「挿入」セクションまでスクロールし、「自動挿入」モードを選択します。

これを行うと、カスタムコードはアクティベート時にサイトで自動的に実行されます。

挿入方法を選択

次に、一番上までスクロールし、「非アクティブ」スイッチを「アクティブ」に切り替えます。

最後に、「スニペットを保存」ボタンをクリックして設定を保存します。

コードスニペットを保存して、WordPressのコアブロックを削除します

これで、ブロックエディターにアクセスして、変更が実際に適用されていることを確認できます。

ここでは、クラシック、カバー、セパレーター、ファイルなど、多くのブロックがコードスニペットリストの一部ではなかったため、ブロックメニューから削除されていることに気づくでしょう。

コアブロック削除後のブロックエディタープレビュー

方法4:WordPressでプラグインブロックを削除する

この方法は、プラグインによって導入されたブロックを削除したい場合に使用できます。

多くのWordPress プラグインは、コンテンツエディターにブロックを追加します。これらのブロックにより、プラグインの機能をブログ投稿やページに簡単に追加できます。

例えば、All in One SEO for WordPressは、FAQ、パンくずリスト、目次、HTMLサイトマップブロックをコンテンツエディターに追加します。

AIOSEOブロック

ただし、プラグインが提供するブロックの1つがコンテンツに関連性がないと感じ、使用したくない場合があります。その場合、カスタムコードを使用してプラグインのブロックを削除できます。

これを行うには、WPCode が必要です。これは最高のコードスニペットプラグインであり、カスタムコードをウェブサイトに追加する最も安全な方法です。

まず、無料のWPCodeプラグインをインストールして有効化する必要があります。詳細は、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

有効化後、WordPressダッシュボードからCode Snippets » + Add Snippetページにアクセスします。ここで、「Add Your Custom Code (New Snippet)」オプションの下にある「Use Snippet」ボタンをクリックします。

addnewsnippet

「カスタムスニペットの作成」ページに移動したら、識別目的でコードスニペットの名前を追加することから始めることができます。

次に、右側のドロップダウンメニューからコードタイプとして「PHPスニペット」を選択します。

プラグインブロックを削除するためにPHPスニペットを選択

その後、次のコードスニペットをコードプレビューボックスに入力します。

削除したいブロックにプラグインブロックの名前を置き換えることを忘れないでください。

add_action( 'init', function() {
    unregister_block_type( 'aioseo/breadcrumbs' );
}, PHP_INT_MAX );

この名前を取得するには、Gutenbergエディターを開き、ページ/投稿にプラグインブロックを追加する必要があります。

次に、画面右上隅にある3点アイコンをクリックしてドロップダウンメニューを開きます。ここからコードエディターに切り替えます。

プラグインブロックの名前のためにコードエディターに切り替える

切り替えたら、<!– wp:で始まるHTMLコメントを探します。

ブロックの完全名(例:aioseo/breadcrumbs)は、その開始タグのすぐ後に表示されます。

この名前をコピーして、「カスタムスニペットの作成」ページに戻り、貼り付けます。

プラグインブロックの名前をコピーする

次に、「挿入」セクションまでスクロールし、「自動挿入」モードを選択します。

このオプションは、有効化時にカスタムコードスニペットを自動的に実行します。

挿入方法を選択

その後、「非アクティブ」スイッチを「アクティブ」に切り替えます。

次に、上部にある「スニペットを保存」ボタンをクリックして設定を保存します。

プラグインブロックを削除するためのスニペットを保存

次に、WordPressウェブサイトでブロックエディターを開き、削除したブロックを検索します。

ここでは、削除したブロックがメニューに引き続き表示されますが、ページや投稿に追加すると、無効なブロックエラーが表示されるだけです。

削除されたプラグインブロックのプレビュー

ボーナス:WordPressで同期パターンを作成する

ブロックを非表示にするだけでなく、以前のバージョンのWordPressで「再利用可能なブロック」と呼ばれていた同期パターンを作成することで時間を節約することもできます。

この機能を使用すると、他の投稿やページで使用できるブロックまたはブロックのグループを保存できます。同期されたパターンを1か所で更新すると、使用したすべての場所で自動的に更新されます。

例えば、CTA、フィードバックフォーム、アフィリエイト製品などのための同期パターンを作成できます。これを行うには、ブロックエディターを開き、再利用可能なブロックに変換したいコンテンツを入力する必要があります。

その後、ブロックツールバーの3点アイコンをクリックしてドロップダウンメニューを開きます。ここから「パターンを作成」オプションを選択します。

パターンを作成オプションを選択

次に、ブロックに名前を追加し、「作成」ボタンをクリックして設定を保存します。

これで、再利用可能なブロックはWordPressデータベースに保存され、ブロックメニューを使用して簡単にページや投稿に追加できます。

再利用可能なブロックに名前を追加する

詳細については、WordPressで再利用可能なブロックを作成する方法に関するチュートリアルをご覧ください。

よくある質問

WordPressでブロックを削除することについて、読者が頻繁に尋ねる質問をいくつか紹介します。

ブロックを削除、非表示、または除去する違いは何ですか?

ブロックを削除すると、単一の投稿またはページから削除されますが、ブロックタイプはエディターで引き続き利用できます。ブロックを非表示にすると、ブロックメニューから削除されますが、設定パネルから簡単に元に戻すことができます。

コードブロックを完全に削除すると、サイト全体で無効になり、誰も使用できなくなります。

ブロックの削除を取り消すことは可能ですか?

はい、変更を元に戻すことは可能です。ブロックを非表示にした場合は、「設定」メニューから再表示できます。

WPCodeでコードを使用してブロックを削除した場合、その特定のコードスニペットを非アクティブ化または削除するだけでブロックを復元できます。

ブロックを非表示にしたり削除したりすると、ウェブサイトは高速化されますか?

ブロックの非表示または削除は、主にコンテンツを作成するバックエンドエディターに影響します。訪問者が体験するウェブサイトのフロントエンドの速度には、ほとんど、あるいは全く影響しません。

主な利点は、ワークフローの改善です。よりクリーンなインターフェースを作成することで、必要なブロックをより迅速に見つけ、より効率的に記述できます。

この記事が、WordPressでブロックを簡単に削除する方法を学ぶのに役立ったことを願っています。また、WordPressブロックエディターの使用方法に関する初心者向けガイドや、一般的なブロックエディターの問題とその解決方法に関するリストもご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

4 CommentsLeave a Reply

  1. ブログ記事の作成や編集を行う際、私はコード操作を一切必要としないユーザーインターフェースに存在するため、ブロックを削除するには常に最初の方法のみを使用しています。これは非常に簡単です。

    でもブロックを非表示にできることは知りませんでした!ありがとうございます。

  2. Gutenberg は強力なツールになり得ますが、利用可能なブロックが多すぎて圧倒されることがあります。私もすべてを使っているわけではなく、エディターが散らかっていると混乱することがあります。

    不要なブロックを削除するこのコードスニペットは素晴らしいです。テストサイトで試したところ、完璧に機能しました!これで、Gutenbergエディターがはるかにクリーンでナビゲートしやすくなりました。ヒントをありがとうございます!

  3. 時々、学習のためにGutenbergを使っています。個人的にはすべてのブロックを使うわけではないので、時々非常に混乱しました。テストサイトの1つでスニペットを試したところ、うまく機能しました。ありがとうございます。Gutebergはすぐに明確になりました。

    • 全く同感です! Gutenbergは素晴らしいこともありますが、新しいブロックが多すぎると、確かに散らかって集中しにくく感じることがあります。コードスニペットを使用してそれらを削除するというアイデアは素晴らしいです。

返信する

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。