ワードプレスでブログを書くときに、文字列や画像にリンクを貼りたいときってありますよね。

その方法について、ご質問を頂いたので記事にしてみようかなと^^

記事の中に、【●●はこちら】みたいな色の違う文字列があって、

そこをクリックすると今見ているのと違うページにジャンプするという、あれですね。
↓↓↓

2016-09-25_19h05_36

 

あとは、【画像】をクリックすると、違うページにジャンプする、というパターンもあります。

どちらも、やり方はほぼ同じなので、今回の記事の中で解説していきたいと思います。

ワードプレス投稿で文字列にリンクを貼る方法

 

リンクには、【内部リンク】と【外部リンク】があります。

【内部リンク】は、同じブログの中の、別のページへのリンクの事を指し、

【外部リンク】は、別のブログやサイトへのリンクを指します。

どちらもよく似た流れなのですが、ちょっとだけ違うので、別々に解説していきますね。

 

同じブログ内の別のページにリンクしたい場合

①まず、リンクを貼りたい文字列をドラッグして選択し、

②【リンクの挿入/編集】ボタンをクリックします。

2016-09-25_19h17_14

 

すると、下のような表示が出てくるので、【リンク設定】のボタンをクリックします。

2016-09-25_19h18_10

 

すると、下のような画面が開きます。

①同じブログ内で過去に更新した記事の一覧が表示されますのでその中から
 リンクを貼りたい記事を選んでクリックします。

②記事が沢山あって見つけにくいときは、タイトルの一部などを入力して検索することができます。

③目的の記事を見つけたら、クリックします。

④記事タイトルをクリックすると、自動的にURLが表示されます。

⑤【リンクを新しいタブで開く】にチェックを入れると、文字列をクリックしたときに、リンク先のページが新しいタブで開くようになります。

※チェックを入れていない場合は、見ているページがそのままリンク先のページに入れ替わります。新しいタブで開くようにすると、読みかけのページを開いたまま、新しいタブでリンク先を確認できる便利さがあります。場面によって使い分けましょう。

⑥最後に、【リンク追加】をクリックします。

2016-09-25_19h20_16

 

画面が切り替わります。

リンクを貼った文字列の上に、リンク先のURLが表示されます。

このURLをクリックすると、リンク先を確認する事ができます。

2016-09-25_19h20_38

 

記事をプレビューすると、こんな感じ。冒頭の画像と同じですね。

※この画像では、文字列を太字に設定しています。

2016-09-25_19h05_36

 

 

別のブログやサイトにリンクしたい場合

次は、内部リンクではなく、外部リンク、つまり、

別のブログやサイトへのリンクを貼りたい場合です。

基本的なやり方は同じです。

ここでは、Googleのトップページへのリンクを貼ってみましょう♪

 

①リンクを貼りたい文字列をドラッグして選択し、

②【リンクの挿入/編集】ボタンをクリックします。

2016-09-25_20h00_09

 

リンク設定のボタンをクリックします。

2016-09-25_20h00_48

 

ここで、新しいタブを開いて、リンクを貼りたいサイトを表示しておきます。
(ここではGoogleのトップページです)

【アドレスバー】をクリックすると、URLが青く反転するので

この状態でキーボードの【Ctrlキー】を押しながら【C】を押して、URLをパソコンに記憶させます。(コピー)

2016-09-25_20h02_59

 

WordPressの投稿画面に戻ります。

①【リンクの挿入/編集】画面のURL欄をクリックし、
 【Ctrlキー】を押しながら【V】キーを押して先程コピーしたURLを貼り付けます。

②必要に応じて【リンクを新しいタブで開く】にチェックを入れて

③【リンク追加】をクリックします。

2016-09-25_20h03_57

 

無事にリンクが貼れました^^

2016-09-25_20h04_36

 

プレビューするとこんな感じ。文字列が青くなっています。

この文字列をクリックすると、先ほどのGoogleのトップページが

新しいタブで開きます。

2016-09-25_20h14_36

 

ワードプレス投稿で画像にリンクを貼る方法

次は、画像にリンクを貼る、つまり、

画像をクリックすると別のページやサイトにジャンプするように設定します。

やり方はほぼ同じ。

 

①挿入した画像をクリックして選択します。

②【リンクの挿入/編集】ボタンをクリック。

2016-09-25_20h26_25

 

【リンク設定】ボタンをクリック。

2016-09-25_20h27_10

 

【リンクの挿入/編集】画面が表示されます。

ここでの操作は、内部リンクも、外部リンクも、文字列にリンクを貼るときの操作と全く同じなので省略します。

2016-09-25_20h27_34

 

リンクが正しく貼れているかどうかを確認するには、

赤枠の鉛筆のマークをクリックします。

2016-09-25_20h28_16

 

【画像詳細】画面が表示され、赤枠の部分にリンク先のURLが表示されます。

2016-09-25_20h29_02

いかがでしたでしょうか?

文字列も、画像も、リンクの貼り方はほぼ同じでしたね。

 

内部リンクや外部リンクを上手に使って、ブログを訪れてくれた読者さんが

より見やすいブログを作っていきましょう♪♪

ではでは、今回は、このへんで(@^^)/~~~

 

PS.
いかがでしたでしょうか?

もし、【ここが分かりにくい!】とか
【こんな記事も書いて欲しい!】とか
【こんな事も教えて!】とかいう事がありましたら

どうぞ、遠慮なくマルコにメッセージをくださいませ♪
 ↓↓↓
マルコにメールしてみる(#^.^#)

 

PPS.
マルコは、パソコン1台でインターネットで収入を得て暮らしています。

自宅で家事をこなしながら、毎月自動でも20万円、
頑張った時には月収100万円以上を達成して
家庭を犠牲にして働きづめだった生活から、救われました。
そんなマルコのゼロからの道のりをメルマガでお話しています。

メルマガ内でマニュアル等のプレゼントも行っていますので
良ければ詳細をご確認くださいませ^^
(強引な勧誘などはおこなっていませんのでご安心くださいね)
 ↓↓↓
マルコのメルマガを読んでみる(#^.^#)