WordPressでテキストリンクを設定する方法
![](https://imagewave.jp/cms/wp-content/uploads/2020/06/wp-hyperlink-1200x675.jpg)
投稿ページや固定ページの本文にリンクを設定する方法について説明します。
テキストリンクを設定する
![](https://imagewave.jp/cms/wp-content/uploads/2020/06/wp-hyperlink-img1.png)
リンクを設定したいテキストがある「ブロック」をクリックすると編集画面を表示されます。
![](https://imagewave.jp/cms/wp-content/uploads/2020/06/wp-hyperlink-img2.png)
リンクを設定したいテキストを選択します。
![](https://imagewave.jp/cms/wp-content/uploads/2020/06/wp-hyperlink-img3.png)
コンテンツブロックにある「リンク」 (チェーンの形) をクリックすると、リンク先を設定できるボックスが表示されます。
![](https://imagewave.jp/cms/wp-content/uploads/2020/06/wp-hyperlink-img4.png)
設定ボックスにURLを入力して「適用」をクリックすると、リンクの設定が反映されます。
![](https://imagewave.jp/cms/wp-content/uploads/2020/06/wp-hyperlink-img5.png)
実際のページ上では、リンクを設定したテキストの色が変わり、下線が付いています。
テキストリンクを修正する
![](https://imagewave.jp/cms/wp-content/uploads/2020/06/wp-hyperlink-img6.png)
テキストリンクを修正したいテキストがあるブロックをクリックし、リンクが設定されている箇所をドラッグします。現在設定されているアドレスが表示されるので「編集」 (鉛筆の形) をクリックします。
![](https://imagewave.jp/cms/wp-content/uploads/2020/06/wp-hyperlink-img7.png)
設定ボックスでアドレスを編集できる状態になるので、修正したいアドレスを入力します。
![](https://imagewave.jp/cms/wp-content/uploads/2020/06/wp-hyperlink-img8.png)
入力を終えたら「適用」をクリックします。修正したアドレスは即座に反映されます。
テキストリンクを解除する
![](https://imagewave.jp/cms/wp-content/uploads/2020/06/wp-hyperlink-img9.png)
テキストリンクを解除したテキストがあるブロックをクリックします。
![](https://imagewave.jp/cms/wp-content/uploads/2020/06/wp-hyperlink-img10.png)
解除したいテキストをドラッグし、「リンク解除」(チェーンの形)をクリックしてリンクを解除します。リンクが解除されるとリンクのマークが下の破線枠のように変化します。
リンクを新しいタブで開く
リンク先を別の新しいタブに表示する場合は、以下の方法で設定を行います。
![](https://imagewave.jp/cms/wp-content/uploads/2020/06/wp-hyperlink-img11.png)
リンクの設定ボックスにある「下向きの矢印」(赤枠線)をクリックします。
![](https://imagewave.jp/cms/wp-content/uploads/2020/06/wp-hyperlink-img12.png)
[新しいタブで開く]ボタンをクリックしてオンにします。設定を戻したい場合は、再度「新しいタブで開く」ボタンをクリックしてオフにします。
以上でテキストリンクの設定は終了です。
![](https://imagewave.jp/cms/wp-content/uploads/2020/05/profile-coffee-300x300.jpg)
元・IT会社のサポート担当。日々ウェブについて勉強中。最近はpythonに興味を持ち、情報処理系の資格取得を計画中。普段はコーヒーを飲みながら海外ドラマを見るのが好きな元演劇部部長。