ワードプレス(WordPress)のグーテンベルグ(Gutenberg)が使いにくいとお嘆きの方へ超簡単に説明するよ!

成功
こんにちは!西ちゃん(プロフィールはコチラ)です。

グーテンベルグは、「難しい」「使いにくい」「意味が分からん」という評判聞いたことありませんか

ネットの声を聞き、難しいなら使わない!という選択をした私。

クラシックエディタ (Classic Editor)があればブロックエディタ使わなくても済むし敬遠していたのです。

でもZoomで教えてもらったら意外と簡単で難しく考え過ぎていたようです。

数時間後には、クラシックエディタから卒業できると思いプラグインを削除し今はグーテンベルク一辺倒です。

ワードプレス(WordPress)のグーテンベルグ(Gutenberg)は使いにくい

一生クラシックエディタ (Classic Editor)で良い!とずっと使いい続ける気でいましたからね。

西ちゃん

難しく考えなくても大丈夫。覚えておくポイントさえ覚えておけば案外と簡単。

それでは、ダッシュボードの下書きから始めてみましょう!上手く行かなかったら、何度でも削除できますし!

カテゴリーを選ぶ

旧エディタと同じように最初にカテゴリーを選択しなければいけません。右上のところに文書と書いてあります。

カテゴリーを選択するときは、【文書】を選択します。

続いてパーマリンクの部分を変えます。

URLスラッグ(パーマリンクの変更方法)

URLスラッグっていうんですか??パーマリンクの部分

コレも【文書】を選択すると表示されます。

文書

URLスラッグは、テキトーに書き換えましょう。

西ちゃん

最初につまづきやすいたURLスラッグ(パーマリンク)です。

何故かパーマリンクが変えれなくて焦っていたら、AddQuicktagというプラグインが影響しているからと判明しました。長年使ってきたプラグインAddQuicktag、過去に付けた文字色がプラグインを削除することで消えてしまうんじゃないかとヒヤヒヤしましたが、大丈夫でしたよ。

アイキャッチ画像の設定

アイキャッチ画像の設定も【文書】を選択。

文書

パーマリンクや、カテゴリーを選んだ下あたりにあるのでそこで設置します。

習うより慣れるべし!グーテンベルグ(Gutenberg)ブロックエディタ

ワードプレスのグーテンベルクエディタの細かい説明は、いたしません。そんなのを覚えても仕方ないからです。

西ちゃん

なんじゃこれ~っ!使えね~っ!

クラシックエディタのシンプルさに慣れていると最初は「なんじゃこれ?」となりますが、見慣れぬ光景に戸惑っているだけ♪安心してください!2日もあれば慣れあすから。

ブロック
ブロック

西ちゃん

さあ、これであなたも大人の階段がのぼれますよ。笑

なんだかよく分からなくなったら【文書】か【ブロック】を押してみて下さい。そして表示がデンと大画面になったら歯車マークを押せば元に戻ります

覚えておくと良いブロックは6つだけ♪

マークを押すとブロックの追加と出てきます。

ブロックの追加

ブロックの追加を押すと、色々なブロックが出てきますが、記事を書く上では最低限5つか6つだけです。

西ちゃん

私がよく使うのは、段落、見出し、画像、吹き出し、カスタムHTML、リストの6つ。

  1. 段落・・改行したいときに使う
  2. 見出し・・見出し(h2)(h3)など・・
  3. 画像・・画像を挿入したいときに使う
  4. 吹き出し・・吹き出しを入れたいときに使う
  5. カスタムHTML・・アフィリエイトリンクを貼るときに使う
  6. リスト・・番号リスト、点のリストがある
  7. カスタムHTML・・
  8. リスト・・数字や丸点のリストマーク。
西ちゃん

慣れてきたら、他のブロックも使えば良いので最初は必要最低限6つだけ覚えておけばなんとかなります

ストーク19専用ボックスが便利

すべて表示を押すとストーク19を使っているとストーク19専用ブロックが表示されます。

水色のマークが付いているのがストーク19専用ブロックです。

吹き出しの色も簡単に変更できる
吹き出しの色も簡単に変更できる
西ちゃん

吹き出しの色も簡単に変えれますよ。アイコン(吹き出し)を右側にも左側にもできますし。

簡単に色が変わる

ボックスや補足説明も使いやすい

ストーク19専用ブロックの【ボックス】や【補足説明】も簡単に表示されます。

西ちゃん

ボックスや補足説明も使いやすいよ

補足説明なんか滅多に使わないけど、これもあると便利よね。(ストーク19専用ブロックです)

グーテンベルグなら記事の移動が楽々

私がよく使ってるのは、上に移動下に移動

画像でも記事でも見出しでも・・もっと上で表示させたい、下で表示させたいときまとめて移動することができるんですね。

記事や画像の移動も簡単
記事や画像の移動も簡単
西ちゃん

この機能は、むっちゃ便利!教えてもらったときは痺れましたよ!笑

グーテンベルグで画像をアップロードする方法(簡単)

パソコン内の画像をアップロードするときは、普通にアップロードを押して画像ファイルを選択します。すでにアップロードしてある画像を使うときはメディアライブラリを押します。

過去の画像を使い回すときはメディアライブラリね。
西ちゃん

グーテンベルク難しくないよ!!さあ新しい扉をひらいて!!(謎の誘い)

画像の角丸加工も簡単

画像を角丸にしたり影を入れたりすると、ちょっとオシャレな感じになりますが、そういうのも簡単です。

西ちゃん

私は、滅多に使いません(っていうか一度も使ったこと無いですが)便利な機能ですよね。

画像サイズも簡単に変更できる

画像サイズも簡単に変更できます。っていうか大きい画像なのにサイズが小さくなった場合は、スクロールバーで下がっていったところで調整できます。

西ちゃん

勝手にサイズが小さくなっててビビりました。

余裕があれば覚えておいて損は無いブロックマネージャー

まっ、余裕があれば覚えておいて損は無いけど得にもならない?テストには出ないので、そこんとこよろしく

右端の点々のところを押すとブロックマネージャーが表示されるんですね。

スクロールバーを下のほうに下がるとブロックマネージャーがあります。

何に使うかというとブロックで使わないものがあったらチェックを外せば非表示になるっていうやつね。まっあまり覚えても損にも得にもならないのでデフォルトのまま使っていれば大丈夫です。

グーテンベルグ(Gutenberg)ブロックエディタは、意外と簡単

最初は、敷居が高いと思っていたグーテンベルグ(Gutenberg)のブロックエディタ。使い始めると意外と簡単。ただ1つ難点があるとしたら過去記事はクラシックエディタで更新しているので、一塊、ひとくくりでまとまっていることぐらいですね。

4 件のコメント

  • 西ちゃんさん、こんにちは!

    わぁ~丁寧な記事、私専用の教科書になりますよぉ~
    前の記事のコメントでも、グーテンベルグの記事を教えてくれてありがとうございます。

    この西ちゃんさんの記事があれば大丈夫!ただ・・理解力がない私なので、分からない事やトラブったときは質問させて下さい。

    ・・って、早速質問ですが
    記事の最後で

    >ただ1つ難点があるとしたら過去記事はクラシックエディタで更新しているので、一塊、ひとくくりでまとまっていることぐらいですね。

    グーテンベルグに変更したら過去記事は修正するということですか?

    • ブラウザで見ると、まったく変わりません。ただ昔クラシックエディタで作った記事(ほとんどだと思いますが・・)は、ひとくくりになっています。

      昔の仕様のままでもリライトできます!!例えば過去記事で誤字を見つけたとかだったら、クラシックエディタのままでも修正はできます。別に直すとこなければそのままでもOKですし!

      大きく修正したいとき→見出しや段落ごと、アッチに移動させたりコッチに移動させたい!というときは、グーテンベルグのほうが楽に移動できるというかんじですね。

      ・・グーテンベルグは1つ1つブロックで分けられていてクラシックエディタは、1つの塊みたいなイメージですね。最初は、これがイマイチ理解できなかったけど。

      今後は、クラシックエディタからグーテンベルグ仕様になっていくので、今から慣れておいて損はないと思います。

      クラシックエディタの場合、一塊のイメージは、こんなかんじです。

      グーテンべルグの場合、1つ1つのブロックに分かれています。

      ちなみに私の過去記事950記事は、クラシックエディタで更新しています。グーテンベルグを使いはじめてからの記事(50記事)が、グーテンベルグで記事を書いたものです。

      過去記事はリライトするタイミングで、グーテンベルグに直しています。何しろ昔の記事は見出しすら無いので・・。

  • 西ちゃんさん、ありがとうございます。

    画像と西ちゃんさんの説明!!
    おかげで一塊のイメージがつかめました。

    過去記事を見直すのは・・今のところないから大丈夫かな・・しないといけないのですが??

    グーテンベルグ インストールして新規投稿をしてみると・・・
    まだクラシックエディタのままで「えっ」と驚きましたが、クラシックエディタを「無効化」にしたら
    なりました??

    グーテンベルグ 不思議な光景です
    西ちゃんさんの説明を見ながら記事を書いて見ます(^_^)v

    それと、ストーク19も西ちゃんさんのとこから購入させてもらいました。
    ありがとうございます。
    ちゃんと、反映されてるといいのですが・・

    今、インストールしてやっていますが・・調べながらやっています(^^;)
    用事を済ませて今日中には、できるかなぁ(調べたら1時間でカスタマイズできるとあって・・)
    ワクワクです(*^-^*)

    • きらりさん、こんにちは。返事が遅くなってごめんなさい。今夜は剣道の会合が長引きまして・・早く終わってくれ!と思いながら、10時に帰宅しましたよ。購入していただいたみたいで!!ありがとうございます。反映されていました!!

      説明することで、私も「ああ!こんなのがこんなところにあるのね」と理解できました。クラシックエディタ、無効化にしなくちゃいけなかったんですね。

  • コメントを残す

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

    CAPTCHA