写真にリンクを追加する4つの方法

ページ名:写真にリンクを追加する4つの方法

コードで画像にリンクしたい、あるいは画像をクリックしてウェブサイトを見てもらいたい?HTMLコードを1行書くか、いくつかの設定をするだけで、ほとんどどこにでもクリック可能な画像を追加することができます!画像はテキストよりも大きいことが多いので、クリック可能な領域が広くなります(誰かがリンクをたどってくれる可能性が高まります!)。このWikiHowでは、パソコン、携帯電話、タブレットのいずれでも使える方法で、画像にリンクを追加する方法をご紹介します。

知っておくべきこと

  • <a href="https://www.wikihow.com"><img src="full-path-to-image.jpg"></a>というHTMLコードを使います。
  • WordPressやWixのようなウェブエディタ、GmailやCanvaのようなメールプログラムや画像プラットフォームには、画像を選択したときにリンクを追加する機能が組み込まれています。
  • Wordでは、画像を右クリックし、"リンク "を選択します。最後にURLを追加し、"Ok "をクリックする。

HTMLを使う

  1. 画像をクリックできるようにするには、以下のコードを入力します。以下のHTMLコードを選択してコピーし、開いているindex.htmlファイルに貼り付けます。
    <a href="DESTINATION URL"><img src="full-path-to-image.jpg"></a>。
      この場合、"full-path-to-image "はあなたの "DESTINATION URL "にリダイレクトされます。
      ページのHTMLにアクセスできれば、どこでもこれを使うことができる!

ウェブエディターで画像にリンクを追加する

  1. WordPress、Wix、Canvaのようなサービスや、GmailやOutlookのようなメールソフトにも、ほとんど同じ画像機能があります。画像をアップロードする際に、リンクにするためのボタンがあります(通常、チェーンリンクのアイコンのように見えます)。
    • リンクアイコンがすぐに表示されない場合は、クリックして画像を選択すると、テキスト編集ツールの近くに表示されるはずです。

Wordで画像にハイパーリンクを追加する

  1. Word文書に画像を挿入します。挿入] > [写真]に進みます。
  2. 画像を右クリックし、リンクを選択します。さらに、画像をウェブサイト、コンピュータ上のファイル、文書内の別の場所、新しいWord文書、または電子メールアドレスにリンクするかどうかを決定します。
    • このWord文書を共有し、この画像をあなたのコンピュータ上のファイルにリンクさせた場合、他のユーザーは他のファイルも見ることができないかもしれません。
    • この記事はウェブサイトと画像のリンクについてなので、"既存のファイルまたはウェブページ "のままにしておきましょう。
  3. リンク先のURLを入力します。アドレス」欄の横にURLを入力します。
    • OKをクリックすると、画像にリンクが追加されます。
    • そのWord文書をクリックすると、その画像をクリックした人はそのリンクにリダイレクトされます!
    • また、Google DocsやSlidesにもリンクできます。

ソーシャルメディアと画像ホスティングサイトの利用

  1. ほとんどのオンライン・プラットフォームでは、画像にリンクが割り当てられ、クリックすると拡大表示されます。例えば、あなたが写真をアップロードした場合、それをクリックするとその写真へのURLが表示されます。そのアドレスをどこかに貼り付けて、Facebookの写真にリンクさせましょう(不特定多数の人があなたの写真を見るのを防ぐことができるかもしれません)。
    • この方法は、Flickr、Imgur、Facebook、Instagram、Google Drive、Apple iCloudなどで使えます。
    • これらのサイトであなたの写真にリダイレクトするリンクを挿入したい場合のみ、この方法を使用してください。写真にリンクを追加する方法ではありません。
この記事は、CC BY-NC-SAの下で公開された " 4 Ways to Add a Link to a Picture " を改変して作成しました。特に断りのない限り、CC BY-NC-SAの下で利用可能です。

シェアボタン: このページをSNSに投稿するのに便利です。

コメント

返信元返信をやめる

※ 悪質なユーザーの書き込みは制限します。

最新を表示する

NG表示方式

NGID一覧