ワードプレス5.0が公開され、アップデートをするとビジュアルエディタ(ページやブログ記事を書く時に使う管理画面)が変わった!

まだ使い慣れないままに、忘備録として。

ちなみに新エディタは「Gutenberg(グーテンベルグ)」というおしゃんてぃな名前のようです。

また、旧エディタの時に作った投稿は「クラシック」ブロックとして表示されます。

もっと基礎的な使い方はここでは省いちゃいますが。
簡単にいうと、ブロックを配置しまくって(笑)ひとつの記事を作る感じです。

「見出し」「普通の文章」「画像」などなどなんでもブロックのひとつです。

こちらの記事では、飾り枠の作り方をまずご紹介。
その後、それを登録しておいて簡単に呼び出せるようにする方法をご紹介しています。

飾り枠の作り方

+ の「ブロックを追加」をクリック。下にスクロールすると「整形」がでてきますので、そちらをクリックして「カスタムHTML」をクリック。

HTMLタブになっていると思うので、この中にHTMLコードを貼り付けます。
【決定版】<HTML+CSS>ブログやWPにコピペで使える!おしゃれな飾り囲み枠(ボックス)デザイン

HTMLコードは上記からお好きなものをお選びください。

この場合は、上記のリンク先のページの場合でしたら、「アメブロ用HTMLコード」をコピーしてください。

無事貼り付けられましたか?そうしたら

プレビュータブをクリックすると、ほら。デザインが反映されているのが確認できます。ただ、ここからは文字の変更ができないので文字を修正する場合はまたHTMLタブに戻ってね。

そして、このブロックをテンプレートとして保存しておくことができます。保存しておけば、また上記の作業を繰り返さなくても呼び出して使うことが可能となります。

再利用ブロックに追加(テンプレートとして保存)

プレビュータブの右側にある、縦に3つ点が並んだマークをクリックすると、「再利用ブロックに追加」が出てくるのでそちらをクリック。

名前欄にご自身がわかりやすいような名前を入力。そして保存。
これで登録(再利用ブロックに追加)されました。

登録した再利用ブロックの呼び出し方

+ のブロックを追加をクリック。下にスクロールするとおそらく一番下に「再利用可能」が現れます。そちらをクリックするといままでに追加した「再利用ブロック」が現れます。先ほどつけた名前が表示されるので使うものをクリック。

ほら。これで差し込みたいものを簡単に呼び出せます。

新エディタ、私もまだ手探りです。説明不足や認識間違いなどあるかもしれません。ご参考までに。

お困りの際は個人カウンセリングで

自分でできない、新エディタの使い方を教えてほしい、などお困りの方へ。直接の対応は個人カウンセリングで行なっております。


SNSアカウントを使ってもコメントができますので、ぜひぜひ。