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

Gutenbergブロックエディターで古いWordPress投稿を更新する方法

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

WordPressの初期設定ブロックエディターであるGutenbergで、古いブログ投稿を更新する方法に疑問をお持ちですか?

読者の中には、古いClassic Editorの使用を止めたがらない人もいます。良いニュースは、古い投稿を傷つけることなく、簡単にブロックエディターに移行できることです。

この投稿では、WordPressブロックエディターとしても知られるGutenbergで古い記事を更新する方法を紹介します。

update-your-old-articles-with-gutenberg

注: WordPressのGutenbergエディターは、WordPressでコンテンツを作成する簡単で柔軟な方法を提供します。しかし、まだ使用する準備ができていない場合は、Gutenbergを無効化してClassicエディタープラグインを使用することができます。

あるいは、まずGutenbergに更新するためのサイトの互換性をテストすることもできます。

クラシックエディターとGutenbergエディターの違いは?

始める前に、まず旧クラシックエディターとGutenbergブロックエディターの主な違いについて説明しよう。

クラシックエディターは、Microsoft Wordによく似たテキストエディターだった。個別編集フィールドがあり、上部に設定オプションがあった。

クラシックエディターはこんな感じ:

Old WordPress editor

一方、Gutenbergエディターは完全にブロックベースのエディターで、WordPress 5.0から利用できる。すべてのコンテンツをブロックの形で追加することになる。

Gutenbergブロックエディターはこんな感じ:

Editing the 'Home' Page With the Block Editor

ブロックは、独自の設定オプションを持つ、互いに区切られたコンテンツ要素です。各コンテンツには、以下のような個別のブロックがあります:

  • 通常のテキストまたは段落
  • Imagely
  • ボタン
  • ギャラリー
  • リスト
  • テーブル
  • エンベッド、その他。

さらに、WordPressプラグインやテーマが提供するコンテンツブロックオプションを見つけることができます。

例えば、WPFormsはサイトにフォームを埋め込めるブロックを追加します。

Adding the WPForms block to a WordPress page or post

Gutenbergエディターで投稿を作成または編集するには、ブロックを使用する必要があります。ここでは、Gutenbergブロックエディターで古いブログ投稿やページを更新する方法を紹介します。

クラシックWordPressの投稿をGutenbergに変換する方法(ステップバイステップ)

WordPressのブログを最新バージョンに更新した場合、初期設定エディターとしてGutenbergブロックエディターが利用できるようになります。

Gutenbergの良い点は、古いコンテンツに影響を与えず、簡単に古い投稿を編集できることだ。

過去の投稿やページを編集するには、WordPressで通常行うように編集するだけです。

コンテンツエディターでは、コンテンツ全体が1つのClassicブロックに包まれているのが見えます。

Classic block in Gutenberg Block Editor

同じ投稿は、古いクラシックエディターでは下のスクリーンショットのようになります。

お気づきのように、既存のコンテンツは同じである。しかし、その構成方法は若干異なっているようだ。

Classic editor post example

新しいWordPressブロックエディターは、コンテンツに変更を加えることはなく、WordPressサイト上での見た目は変わりません。

これで、古いブログ投稿やページを編集するための2つのオプションができました:

  1. クラシックブロック内で編集を続ける。
  2. 古いコンテンツを新しいGutenbergブロックに変換しましょう。

最初のオプションは、クラシックブロック内で古い投稿の編集を続けることです。

クラシック・ブロックは、上部に設定オプションがあるクラシック・エディターと同じインターフェースを提供します。これはかなり簡単です。

2つ目の設定は、古いコンテンツを新しいGutenbergブロックに変換することです。

コンテンツ上部をクリックし、「ブロックに変換」ボタンを選択することで可能です。

Convert classic post to blocks

それだけだ!

古いコンテンツは自動的に一致ブロックに変換されます。クラシックブロック内のコンテンツは、いくつかの異なるブロックに分割されます。

これで、新しいGutenbergエディターブロックを使って古い投稿を編集することができます。各ブロックは、独自の設定オプション、スタイル、デザインオプションを持つ独立したエンティティです。

画像の外観を変更したい場合は、画像をクリックしてブロックを選択するだけで、編集オプションが上部に表示されます。

画面右の「ブロック」タブにもオプションが表示されます。

Example of Gutenberg blocks

例えば、段落ブロックでは、ツールバーを使ってテキストや背景色の変更、タイポグラフィの選択、リンクの追加カスタムCSSの追加などができます。

同じプロセスで、すべてのブロックを編集し、投稿を視覚的に印象的に見せることができる。

必要な編集をすべて終えたら、画面右上の「更新」ボタンをクリックして変更を保存します。

さらに詳しく Gutenbergエディターのヒントとコツ

ブロックエディターを最大限に活用する準備はできましたか?WordPressのチュートリアルをご紹介します:

この投稿が、Gutenbergブロックエディターで古い記事を更新する方法を学ぶのにお役に立てば幸いです。また、ブロックエディターでよくある問題のリストとその解決方法、WordPressブロックパターンの使い方ガイドもご覧ください。

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

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

  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. Steve says

    In the classic editor, there was a way to update the date on an existing post and schedule it for a new date/time. I don’t see that option in Gutenberg. I only see a way to change the date and then update the post. Does this accomplish the same thing?

  3. Deborah says

    When I click Convert to blocks my page turns to what looks like code. So, I guess it is not converting correctly. I have other pages that converted fine a while back and I’m able to create new pages using blocks. Does that mean I will need to retype it all by hand?

    • WPBeginner Support says

      If it is a specific page then there may be an issue with that page, you likely would need to manually recreate that specific page.

      管理者

  4. Bettye says

    I don’t have the 3 dots to the right of the editing toolbar. Does that mean my theme does not support the Gutenberg editor? I’ve been using it since 2016 but I’m on WordPress version 5.3.2.

    Bettye

    • WPBeginner Support says

      You may not be using a classic block for your content if the editor looks different than what we’re showing as one common reason for that

      管理者

  5. RoseMary says

    I am on the current version of WordPress, but do not have any option to switch from the classic editor to Gutenberg. Now that’s a puzzle! I do not have any plugins installed that would inhibit Gutenberg or keep me with the classic editor.

    Any ideas?

    • WPBeginner Support says

      You may want to go to your profile to see if you have disable visual editor checked as a possible reason.

      管理者

  6. Karen says

    I guess pages would done the same way? Can you add meta description for each page with code block? Thank you.

    • WPBeginner Support says

      Yes, pages would be done the same way and if you wanted you could add the HTML using the code block if you wanted

      管理者

  7. Van says

    Oh my goodness, I’ve been doing the conversion laboriously by hand. At least I haven’t done all of my prior posts by hand. Thank you for this great post. The info will definitely be a time saver for me.

  8. Deb says

    Very difficult getting a PayPal Button into a page now. Even with the PayPal Plugin installed and I tried to us the new button block. Hours later, I am still stuck.

    • WPBeginner Support says

      If you are using their html to embed the button you may want to try the custom html block

      管理者

  9. Janet says

    I believe the article is correct when you have something simple like an image and some text. What about videos, links, embeds, anchors, documents, woocommerce, plugins that are images or text etc.? How much after the fact fixing is needed for hundreds of pages created in the old editor. Creating from scratch looks easy, fixing created pages scares me for the amount of additional work needed.

    • WPBeginner Support says

      Hi Janet,

      Your content would work just fine even if you don’t edit your old articles. However, if you feel you need to create them from scratch, then you can do that as well.

      管理者

返信を残す

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