WordPressで外部サイトにリンクを貼る方法を3つ紹介します。
リンクの貼り方
テキストエディターの解説になりますが、ビジュアルエディターでもやることは同じです。
テキストリンク
編集画面で「link」ボタンをクリックします（リンクにしたいテキスト文字を反転させてから「link」ボタンをクリックする方法もあります）。
編集画面で「link」ボタンをクリック
各項目を入力して「リンク追加」をクリックします。
リンクの挿入・編集
| URL | リンク先のURLを入力 |
|---|---|
| リンク文字列 | リンクにしたいテキスト文字を入力 |
| リンクを新しいタブで開く | リンクを新しいタブで開く時はチェックを入れる |
これでテキスト文字に外部サイトへのリンクが貼られます
WordPressでは、外部リンクに自動で「rel="noopener"」が付加されます（外部リンクは新しいタブで開くのが一般的）。セキュリティー対策によるものなので削除しないで下さい。
画像リンク
編集画面で「メディアを追加」ボタンをクリックします。
編集画面で「メディアを追加」ボタンをクリック
画像ファイルをアップロードしたら、添付ファイルの表示設定「リンク先」から「カスタムURL」を選択し、リンク先のURLを入力してから「投稿に挿入」をクリックします。
添付ファイルの表示設定
これで画像に外部サイトへのリンクが貼られます。
リンクカード
oEmbed対応サイトであれば、リンクカードで表示することができます（内部リンクも可）。
- リンク先のサイトが「oEmbed」に対応していなければ使えない
- URLは独立した行に書くこと
参考：oEmbed – WordPress Codex 日本語版
記事編集画面で「リンク先のURLをそのまま入力」します（必ず独立した行に入力）。
編集画面で「リンク先のURL」を入力する
oEmbed対応サイトであれば、下記のリンクカードが表示されます。
リンクカードで表示される内容
アイキャッチ画像は記事編集画面で設定できます。
サイトタイトルには、ダッシュボードの設定「一般」の「サイトのタイトル」が表示されます。
サイトロゴには、ダッシュボードの外観「カスタマイズ」のサイト基本情報「サイトアイコン」で設定したロゴが表示されます。未設定の場合はWordPressロゴが表示されます。
リンクカードはリンク先の設定に依存します。自分のサイトがリンクされた時のことを考えて、「アイキャッチ画像」「サイトロゴ」「サイトタイトル」はしっかり入力しておきましょう。
最後に
テキストリンクを使うことが多いと思いますが、WordPress等oEmbed対応サイトであれば、リンク先のURLを入力するだけでもリンクを貼ることができるので、状況に応じて使い分けて下さい。
最近のコメント