WordPress5.0から新しく実装されたビジュアルエディタ「Gutenberg(グーテンベルグ)」の使い方を説明していくシリーズです。
今回は、文章にリンクを貼る手順を2パターン説明します。
リンクの貼り方
文章にリンクを貼るには、段落ブロック中のツールバーにあるリンクを利用します。
STEP1
![](https://komatoki.com/wp-content/uploads/2020/01/888e69360bcd6949f4c47442940d3399-1024x744.jpg)
段落ブロック中のツールバーにある「リンク」を選択します。
STEP2
2つのパターンを紹介します。
<その1>
文章の直後に貼り付けたい場合
![](https://komatoki.com/wp-content/uploads/2020/01/256c03a16636062acc6bb19c1d888812-1024x744.jpg)
文章の直後にカーソルを合わせます。
![](https://komatoki.com/wp-content/uploads/2020/01/0a223be8a3d6feb44f34d055d07cdd5c-1024x732.jpg)
「リンク」をクリックし、関連ホームページ先のURLを貼り付けます。
![](https://komatoki.com/wp-content/uploads/2020/01/e1bd45c1e5119295566cef50d3b72a5e-1024x740.jpg)
「適用」をクリックすると文直後にリンクが設定されます。
![](https://komatoki.com/wp-content/uploads/2020/01/02848b377128dc15b540381811199470-1024x725.jpg)
「リンクの設定」をクリックし「新しいタブで開く」をON(青)にします。
こちらは、設定したリンクの中央部付近をクリックすると表示されます。
リンク先のホームページが新しいタブ画面で開く設定です。
その1 プレビュー画面
![](https://komatoki.com/wp-content/uploads/2020/01/c18f11befce9d38529c69e9a4983ae9b-1024x662.jpg)
実際の表示が確認できます。
(プレビューで表示される画面)
<その2>
文章それ自体に貼り付けたい場合
![](https://komatoki.com/wp-content/uploads/2020/01/e694a03776beefc9c61a28e224b93cc7-1024x695.jpg)
該当の文字をマウスで選択します。
「リンク」をクリックし、関連ホームページ先のURLを貼り付けます。
![](https://komatoki.com/wp-content/uploads/2020/01/441681ffa25b28cb7e8ec77b43c77c95-1024x704.jpg)
「適用」をクリックすると文全体にリンクが設定されます。
![](https://komatoki.com/wp-content/uploads/2020/01/ee6ac77cf7df9f150b907cb721b08c33-1024x704.jpg)
続けて「リンクの設定」をクリックし「新しいタブで開く」をON(青)にします。
リンク先のホームページが新しいタブ画面で開く設定です。
リンクの文字(文章)は青の帯で表示されます。
その2 プレビュー画面
![](https://komatoki.com/wp-content/uploads/2020/01/c8e7e612d7ecdb5741c549a13fbf96ae.jpg)
実際の表示が確認できます。
(プレビューで表示される画面)