画像や写真をリンクにして記事に飛ばす

画像や写真をリンクにして記事に飛ばすといった

必要が出てくる方がいらっしゃるかもしれません。


例えば、

私の顔のイラストに当サイトのトップページをリンクしてみます。

プロフィール画像

私の顔をクリックすると、

トップページhttp://8kk2.net/へ飛びますよね?

WordPressなら簡単に出来ます。


画像や写真をリンクにして記事に飛ばす手順

  • 画像や写真を用意する
  • WordPressに画像や写真ををアップロードする
  • 記事に画像や写真をを挿入すると同時にURLをリンクさせる

以上の3つの工程で、

画像や写真をリンクにして記事に飛ばせます。


チェックマーク画像や写真を用意する

まず画像や写真を用意して、

デスクトップに保存※1しておき、

必要ならペイント※2などで縮小しておきます。


 fotolia(フォトリア)で写真やイラストを探す


 ※1 画像や写真をデスクトップに保存するには、

 画像の上にマウスポインターを乗せて、

 右クリック→「名前を付けて画像を保存」をクリック、

 ⇒表示される画面で、デスクトップを選択し

「開く」をクリックします。


 ※2 ペイントとは、windowsで標準装備されてる機能です。
 パソコン画面の左下ウインドウズのアイコンこのマークから、

「すべてのプログラム」⇒「アクセサリ」で開く事が出来ます。

 画像や写真を縮小する

 SDカードの写真を縮小する



チェックマークWordPressに画像や写真をアップロードする

次にデスクトップに保存した画像や写真を

WordPressにアップロードします。


WordPress管理画面から

メディアから新規追加をクリック

「メディア」⇒「新規追加」をクリックします。

次の画面で、

ファイルを選択をクリック

「ファイルを選択」をクリックします。

次の画像で、

デスクトップから写真や画像を選択する

デスクトップから画像を選択します。

自動でファイル名が入りますので、OKなら「開く」をクリックして、

WordPressに画像や写真をアップロードしましょう。


チェックマーク記事に画像や写真を挿入すると同時にURLをリンクさせる

WordPressに画像や写真をアップロードしたら、

記事の中に画像を挿入しますが、

同時に画像に、希望のサイトのトップページや

希望の記事URLをリンクさせて挿入します。


WordPress管理画面の「投稿」から「記事一覧」、

該当する記事をクリックして、

URLをリンクした画像を記事の中に挿入する

記事作成画面の画像を入れたい箇所にカーソルを合わせます。

カーソルを合わせたら、

「メディアを追加」をクリックします。

メディアライブラリでアップロードした画像を選択する

記事に挿入したい画像を選択して、

次の画面の右側をご覧ください。

画像にURLをリンクさせる

「添付ファイルの表示設定」という箇所があります。

そこで画像にURLをリンクさせ、

画像をクリックすると希望のURLへ飛ぶように設定します。


配置 なし

リンク先 「カスタムURL」

リンクさせるURL 「(例)http://8kk2.net/」

画像にリンクさせたいURLを記入します。

表示する画像のサイズ 「フルサイズ」

表示する画像のサイズは、中、フルサイズ、サムネイルなど

お好みに合わせて選択して下さい。

アップしたサイズのままなら、「フルサイズ」となります。


最後に「投稿に挿入」をクリックすると、

記事作成画面に戻りますが、画像も挿入されてると思います。


右上の「プレビュー」をクリックしてサイトを確認し、

大丈夫なら「更新」(保存)ボタンをクリックして保存しましょう。


プロフィール

こんな感じで、

私のプロフィール画像が当サイトのトップページ

http://8kk2.net/へリンクされました。


以上で、

画像や写真をリンクにして記事に飛ばす方法の説明を終えます。





サブコンテンツ

当サイトの記事一覧

アーカイブ

このページの先頭へ