WordPressの外部リンク「テキスト」「画像」「リンクカード」の使い方

WordPressで外部サイトにリンクを貼る方法を3つ紹介します。

リンクの貼り方

テキストエディターの解説になりますが、ビジュアルエディターでもやることは同じです。

テキストリンク

編集画面で「link」ボタンをクリックします（リンクにしたいテキスト文字を反転させてから「link」ボタンをクリックする方法もあります）。

編集画面で「link」ボタンをクリック

各項目を入力して「リンク追加」をクリックします。

リンクの挿入・編集

これでテキスト文字に外部サイトへのリンクが貼られます

WordPressでは、外部リンクに自動で「rel="noopener"」が付加されます（外部リンクは新しいタブで開くのが一般的）。セキュリティー対策によるものなので削除しないで下さい。

画像リンク

編集画面で「メディアを追加」ボタンをクリックします。

編集画面で「メディアを追加」ボタンをクリック

画像ファイルをアップロードしたら、添付ファイルの表示設定「リンク先」から「カスタムURL」を選択し、リンク先のURLを入力してから「投稿に挿入」をクリックします。

添付ファイルの表示設定

これで画像に外部サイトへのリンクが貼られます。

WordPressの画像「タイトル・キャプション・代替テキスト・説明」の設定

2017.12.15

リンクカード

oEmbed対応サイトであれば、リンクカードで表示することができます（内部リンクも可）。

参考：oEmbed – WordPress Codex 日本語版

記事編集画面で「リンク先のURLをそのまま入力」します（必ず独立した行に入力）。

編集画面で「リンク先のURL」を入力する

oEmbed対応サイトであれば、下記のリンクカードが表示されます。

リンクカードで表示される内容

アイキャッチ画像は記事編集画面で設定できます。

サイトタイトルには、ダッシュボードの設定「一般」の「サイトのタイトル」が表示されます。

サイトロゴには、ダッシュボードの外観「カスタマイズ」のサイト基本情報「サイトアイコン」で設定したロゴが表示されます。未設定の場合はWordPressロゴが表示されます。

リンクカードはリンク先の設定に依存します。自分のサイトがリンクされた時のことを考えて、「アイキャッチ画像」「サイトロゴ」「サイトタイトル」はしっかり入力しておきましょう。

最後に

テキストリンクを使うことが多いと思いますが、WordPress等oEmbed対応サイトであれば、リンク先のURLを入力するだけでもリンクを貼ることができるので、状況に応じて使い分けて下さい。