Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressでクラシックブロックをGutenbergに一括変換する方法

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressで、クラシックブロックを使った古いコンテンツをGutenberg(ブロック)形式に一括変換したいですか?

WordPress 5.0以上のバージョンに更新した場合、過去の投稿やページのコンテンツは新しいWordPressコンテンツエディターでクラシックブロック内に表示されます。何十、何百もの投稿がある場合、クラシックブロックのコンテンツを個々のブロックに変換するには多くの時間がかかります。ありがたいことに、一括変換オプションがあります。

この投稿では、WordPressサイトでクラシックブロックをGutenbergブロックに簡単に一括変換する方法を紹介します。

How to bulk convert classic blocks to Gutenberg in WordPress

WordPressでクラシックブロックを個別ブロックに変換する理由

WordPressブログを長い間お持ちの場合、過去の投稿がクラシックエディターを使って書かれている可能性があります。

この過去のコンテンツは、投稿エディターのクラシックブロック内に表示されるようになります。

Classic block preview

クラシックブロックを個別のGutenbergブロックに変換することで、コンテンツのコントロールと柔軟性が向上します。

個々のブロックを使って簡単に投稿を編集することができます。また、右側のサイドバーで各ブロックのカスタマイズ設定も利用できます。

Block editor features

これにより、投稿やページの美しいコンテンツレイアウトを作成しながら、ブロックエディター内でコンテンツを簡単に編集することができます。

注: ほとんどの場合、クラシックエディターからブロックエディターに切り替えても、フロントエンドでの投稿に影響はありません。

ということで、WordPressでクラシックブロックをGutenbergに簡単に一括変換する方法を見ていきましょう。ここでは2つの方法を取り上げますので、以下のクイックリンクから使いたい方法にジャンプしてください:

動画チュートリアル

Subscribe to WPBeginner

もし、文章での説明がお望みなら、このまま読み進めてほしい。

方法1:初期設定でクラシックブロックをGutenbergに変換する

クラシックブロックの個別投稿や個別ページを個別ブロックに変換したい場合は、この方法が適している。

まず、ブロックを変換したい投稿とページを編集する必要があります。WordPressダッシュボードの投稿 ” すべての投稿 ページに行き、投稿の下にある「編集(ブロックエディター)」リンクをクリックすることでこれを行うことができます。

これで投稿がGutenbergエディターで開きます。ここから、クラシックブロックの上部にあるツールバーの「ブロックに変換」ボタンをクリックするだけです。

Click the Convert to block button

クラシックブロックは個々のGutenbergブロックに変換されます。

また、右カラムから個々のブロックのすべてのブロック設定にアクセスできるようになりました。このパネルが表示されない場合は、エディター右上の歯車アイコンをクリックしてください。

Access block settings

完了したら、忘れずに「更新」ボタンをクリックして変更を保存してください。

方法2:クラシックブロックをGutenbergブロックに一括変換する

クラシックブロックをGutenbergブロックに簡単に変換して、すべての古い投稿やページをすぐに使いたい場合は、この方法をご利用ください。

重要:ブロック変換が完了すると元に戻せなくなるため、この方法を使用する前に必ずサイトのWordPressバックアップを作成してください。

まず、Convert to Blocksプラグインをインストールして有効化する必要があります。詳しくはWordPressプラグインのインストール方法をご覧ください。

このプラグインは、有効化した後、すぐに動作し、自動的にクラシックブロックをGutenbergブロックに一括変換します。

必要なのは、クラシックエディターを使って書かれた投稿やページを編集するだけだ。

クラシック・ブロックが個々のブロックに変換されたことがわかるだろう。

Use a plugin to convert classic blocks to gutenberg

一括変換はフロントエンドでの投稿のレイアウトに影響を与えないため、WordPressサイトでの投稿は同じように見えることを覚えておいてください。

同じ投稿をクラシックから個別のブロックに変換した後のデモサイトの様子です。

Preiveiw of a post

ブロックエディターを使うためのボーナスのヒントとコツ

WordPressサイトでブロックエディターを使用することで、クラシックエディターでは利用できない素晴らしい機能にアクセスできるようになります。

例えば、グループブロックやカラムブロックを使って、画像や見出し、段落などの異なる要素をグループ化することができます。

これを使えば、ページや投稿に視覚的に訴えるレイアウトを作ることができます。詳しくは、WordPressでブロックの幅と高さを変更する方法のチュートリアルをご覧ください。

Configure the block settings of the Group block

同様に、「埋め込み」ブロックを使って、YouTube、Discord、Twitter、Facebookなどのサードパーティ・ソースからコンテンツを挿入することができます。

カバーブロックを使って、テキストとメディアコンテンツを個別ブロック内にシームレスに統合することもできます。

Change the Cover block height

その他にも、テーブル、ボタン、区切り、ネストされたブロックなどの機能をコンテンツに追加することができる。

詳しくは、WordPressブロックエディターの使い方のステップバイステップガイドをご覧ください。

WordPressでクラシックブロックをGutenbergブロックに一括変換する方法について、この投稿がお役に立てれば幸いです。WordPressのSEOに関する初心者向けガイドや、ベストなお問い合わせフォームプラグインのトップピックもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

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

Reader Interactions

11件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Susan Taunton says

    I understand shortcodes, which you covered in this article, will need special attention. But other than shortcodes – after conversion to Blocks, will old posts, which had been created using a lot of html and css, appear exactly as they had appeared prior to conversion to Blocks?

  3. Lauren Cantoni says

    The convert to blocks button isn’t working – I click on it and nothing happens. Any ideas for troubleshooting this? Thanks!

    • WPBeginner Support says

      If you’re using the plugin, we would recommend reaching out to the plugin’s support. If you are manually doing this, you would want to try disabling your plugins in case it is due to a plugin conflict.

      管理者

  4. Aryane says

    Thank you SO MUCH for this! I was converting posts one by one and it was driving me crazy. Luckily I thought of googling how to do it by batches. This is life saving! :)

返信を残す

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