WordPress5.0~ 新エディタ Gutenberg(グーテンベルク)でテキストリンクを貼る方法

WordPress5.0から実装された 新エディタ Gutenbergで、リンクを設定する方法についてご質問を頂きました。


WordpressのSEO対策ならRoot-013 Root-013ではWordPress・SEO対策・アフィリエイトなどサイト運営に関するご質問に無料でお答えしております。
WordPress 無料相談 アフィリエイト SEO 無料相談 無料!WPインストール代行・集客サポート

リンクの設定

まずは「段落」ブロックを追加し、テキストを入力しましょう。
段落ブロックのアイコン

次にマウスでドラッグするなどして、リンクにしたいテキストをハイライトし、鎖(リンク)のマークをクリックします。
リンク文字を選択

すると、URLをペーストする箇所が現れます。右の「・・・」マークはリンク設定で、新しいタブで開かせたい場合はこのスイッチをONにしましょう。
 リンク設定

URLのペーストや記事の検索

「検索」というのは、自サイトの記事などのタイトルを検索し、URLを設定できる機能です。たとえば「Hello World」で検索すれば、デフォルトで作成されている記事が表示され、記事タイトルをクリックすればURLを取得できます。(記事が存在していれば)
記事URLを検索可能

Enterのアイコンをクリックすればリンクの設定が完了します。
Enterアイコンで適用

リンクの変更や解除

リンクを変更したい場合は、鉛筆のアイコンをクリックすればURLの入力画面に戻ります。
編集は鉛筆アイコンから

リンクを解除したい場合はリンク部分をクリックし、もう一度鎖マークをクリックします。(リンク設定済みになるとアイコンの表示が変わります)
リンク解除ボタン

これまでのエディタとはかなり違ったUIなので最初は戸惑いますが、今後スタンダードになっていくGutenberg。使いながら慣れていきたいですね。

おすすめコンテンツ

コメントを残す

メールアドレスが公開されることはありません。

コメントの前にご確認ください。

  • コメントは承認制のため、反映・表示までお時間を頂きます。
  • メールアドレス等の入力も必須ではありませんので入力の必要はありません。お気軽にどうぞ。(冷やかしは止めてね!)
  • コメントや返信があっても通知は届きませんのでご注意下さい。
  • 忙しい時はレスが遅れることもあります。
  • 当ページによる一切の不利益および損害に関し、責任を取ることはできません。