画像にリンクを追加する

この記事は最終更新日から5日経過しています。

前回のレッスン画像のサイズを調整する

画像にリンクを付けて記事へ挿入したり、そのリンクを編集することができます。

画像にリンクを貼ることで、サムネイルのような小さな画像をクリックで実寸大のサイズで表示できたり、サイト内の別のページや外部のサイトへクリックで飛ぶことができます。

画像に追加できるリンクには3つの種類があります

この記事では、リンクの3種類についての説明と、画像にリンクを付けて挿入する方法やリンクを編集する方法についてご紹介します。

image

はじめに画像に挿入できるリンクの3種類について簡単に説明しています。説明が不要な方はリンクを付けて画像を挿入するからご覧ください。

スポンサーリンク




画像に追加できるリンクの3種類

記事内へ画像を挿入する時に追加できるリンクには、次の3つの種類があります。

画像に挿入できるリンクの3種類

  1. メディアファイル
  2. 添付ファイルのページ
  3. カスタムURL

① メディアファイル

メディアファイルを選択すると、直接その画像のURLへリンクが貼られます。

たとえば次のような、URLの最後がpngやjpgなどの画像ファイルで終わるURLです。

https://wp-1.club/wp-content/uploads/image.png

リンク先は次のように画像のみが表示されます。

② 添付ファイルのページ

添付ファイルのページを選択すると、画像をWordPressへアップロードした時に自動で作成される、その画像専用のページにリンクが貼られます。

添付ファイルのページは、次のような形式のパーマリンクで表示されます。

https://wp-1.club/?attachment_id=123

このパーマリンクは、投稿や固定ページと同じように、設定したパーマリンク形式に沿って自由に変更することができます。

パーマリンク形式の設定方法については次の記事もご参考ください。

リンク先に添付ファイルのページを選択した場合には、次のように画像専用のページが表示されます。

③ カスタムURL

カスタムURLでは、リンク先を自由に設定することができます。

同じサイト内の別のページへリンクしたり、外部サイトへリンクを貼ります。

たとえば、カスタムURLで同じサイト内の別のページへリンクを貼った場合には、表示は次のようになります。

image

リンクの種類は画像の用途によって使い分けましょう。

記事にリンク追加して画像を挿入します。

画像を挿入したい位置にカーソルを合わせます。

メディアを追加ボタンをクリックします。

メディアを追加 画面が表示されます。

メディアライブラリをクリックします。

記事に挿入したい画像を選択します。

添付ファイルの表示設定リンク先で、リンク先を設定します。

画像が挿入されたことを確認します。

image

ビジュアルエディタに挿入された画像をクリックしてもリンク先が表示されません。次の手順で、記事の画像をクリックしてリンク先を確認しましょう。

サイト内の記事で画像をクリックして、リンクが正しく機能していることを確認しておきましょう。

編集ツールから画像のリンクを変更する

記事に挿入した画像のリンクは画像の編集ツールから変更することができます。

リンク先を変更したい画像をクリックします。

画像の上に編集ツールが表示されます。

編集ツールの(編集)をクリックします。

画像詳細 画面が表示されます。

設定を表示リンク先を変更します。

更新ボタンをクリックします。

サイトの記事内にある画像をクリックして、リンク先が変更されていることを確認しましょう。

ビジュアルエディタのツールバーから画像のリンクを編集する

記事に挿入した画像は、ビジュアルエディタのツールバーの(リンクを挿入/編集)で、文字と同じようにリンクの編集ができます。

リンクの編集方法については、次の記事をご参考ください。

画像のリンクを削除する

画像のリンクを削除します。

リンクを削除したい画像をクリックします。

画像の上に編集ツールが表示されます。

編集ツールの(編集)をクリックします。

設定を表示リンク先なしを選択します。

更新ボタンをクリックします。

ビジュアルエディタで画像をクリックして、リンクが削除されていることを確認しましょう。

次のレッスン画像を置き換える

WordPressの基礎を体系的に学びたい方のために

WordPressの基礎を体系的に学習したい方向けの著書が発売になります。

本書の手順に沿ってサイトを作成していただくだけで、WordPressの操作方法やサイト作成の基礎を学べる構成になっています。

これからWordPressでサイト作成を始めようと考えているけど、何から始めれば良いか迷っている。

本書はそんな方のための一冊です。

ぜひお手にとってご覧いただければ嬉しく思います。

スポンサーリンク




シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク