WordPressでテキストリンクと画像リンクを作成する方法

 

WordPressでは、外部のサイトやブログ、または自分のブログの他の記事へのリンクを設定することができます。

  • テキストリンク
  • 画像リンク

 

サクラチカサクラチカ

やり方について説明していきます。とてもカンタンにできて、サイト作りが楽しくなりますよ。

 

テキストリンクを設定する

ワードプレスのサイトの記事で文字リンクを貼る方法を初心者にもわかりやすく説明します

 

テキストリンクとは、文字通りに文字にリンクが貼ってある状態を言います。

 

ワードプレスのビジュアルエディタでリンクを編集する方法

 

ビジュアルエディターの編集画面です。

リンクの編集は、この赤い四角で囲ってある鎖マークのアイコンを使います。

 

※WordPressのテーマは賢威8です。

(テーマによってエディターの様子は多少違いますが、基本の部分は同じです)

 

ワードプレスビジュアルエディタのリンクの挿入編集ボタン

 

リンクを設定したいテキストを選択し、

リンクの挿入/編集」(鎖のマークのアイコン)をクリックしてください。

 

WordPressサイトでテキストリンクを貼るやり方

 

リンクを貼りたいURLを入力する枠が出てくるので、

正確にコピペしてください。

 

その後で右側にある「適用」(青地に白い矢印)のアイコンをクリックします。

 

WordPressのブログにテキストリンクを貼る方法をビジュアルエディタで説明します

 

テキストリンクが貼れました。

 

テキストエディタで見るとこのようになっています。

↓    ↓    ↓    ↓

テキストエディタでリンクを貼る

 

サクラチカサクラチカ

「リンクの部分はこうなってるんだな」という風に確認してみてください。そのうち、少しずつ「テキストエディタの成り立ち」がわかるようになります。

 

テキストリンクをプレビューで確かめる

 

ちゃんとリンク先に行けるかどうか」プレビューでクリックして確認してくださいね。

 

画像リンクを設定する

ワードプレスのブログで写真やイラストにURLを貼る方法

 

文字と同じように、画像にもリンクを貼ることができます。

 

サクラチカサクラチカ

テキストリンクと組み合わせたり、使い分けたりして
訪問者に親切な見やすいサイトを目指しましょう。

 

メディアを追加→リンクの挿入、編集でURLを貼ることができます

 

メディアを追加」から画像を挿入します。

 

ビジュアルエディタで画像リンクの編集する方法

 

画像をクリックすると吹き出しが出てくるので、

編集」(鉛筆マークのアイコン)をクリックしましょう。

 

リンクの挿入、編集→画像詳細→リンク先→カスタムURL

 

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

真ん中あたりにある、「リンク先」をクリックします。

 

ワードプレスでメディアにURLを貼る方法→カスタムURLを選択

 

カスタムURL」を選びます。

 

画像詳細→設定を表示→カスタムURLにコピペ

 

「http://」が元から入力されている場合は消してください。

 

画像詳細→設定を表示→リンク先→カスタムURL

 

目的のリンクを貼りましょう。

 

メディアにURLを挿入する方法

 

右下にある青色の「変更」ボタンをクリックします。

 

「同じタブ」と「新しいタブ」でリンクを開く違いは?

カフェオーナーさんカフェオーナーさん

タブって何ですか?

サクラチカサクラチカ

リンクをクリックした時に、「今見ている画面と同じ画面に新しいページが開かれる」か「新しい窓(タブ)が開いてそこに新しいページが開かれる」かどうか、ということです。

 

ワードプレスで同じリンクを同じタブで開くようにする方法

 

インターネットのブラウザで同じタブで開かられた別のサイトのページ。

 

ワードプレスでリンクを新しいタブで開くように設定する方法

 

新しいタブで開かれた状態。

サクラチカサクラチカ

元のページが消えてしまうか残っているか」という捉え方をする方がわかりやすいと思います。

 

元のページに戻りやすくするか、

戻りにくくするかを使い分ける、ということです。

 

サイトに訪れている人のほとんどは、

消えてしまった元のページに…履歴をたどるという手間をかけてまでは…戻ってきません。

サクラチカサクラチカ

このサイトはサイト内の記事へのリンクが多いので、基本的に新しいタブを開く設定にしています。元のページとリンク先のページと両方見てもらえたらと思っています。

 

テキストリンクを新しいタブで開くように設定する方法

テキストリンクを新しいタブで開くようにする方法

 

テキストリンクをクリックし、

リンク設定」(右端の歯車の形のアイコン)のクリックします。

 

リンクの挿入/編集で「リンクを新しいタブで開く」にチェックを入れる

 

リンクの挿入/編集」の画面が出ます。

 

リンクを新しいタブで開くにチェックを入れると別タブでURLを開けるようになる

 

「リンクを新しいタブで開く」にチェックを入れて「更新」をクリックします。

サクラチカサクラチカ

これでリンクをクリックすると、新しいタブが開くようになります。

画像リンクを新しいタブで開くように設定する方法

WordPressで画像リンクを新しいタブで開くように設定するやり方を解説します

 

画像をクリック→「編集」(鉛筆のアイコン)をクリック。

 

画像詳細→上級者向け設定をクリック

 

上級者向け設定」をクリックします。

 

画像詳細→上級者向け設定→リンクを新しいタブで開く、で画像リンクを新しいタブで開ける

 

リンクを新しいタブで開く」にチェックを入れて「更新」をクリックします。

サクラチカサクラチカ

これで画像に貼ったリンクを新しいタブで開くことができます。

 

この記事が役に立ったらソーシャルメディアで共有してくださいね