リンクを貼る方法を初心者にわかりやすく解説 | infoもち

 

 

 

 

 

 

 

 

 

丹精こめて書いた記事に

 

URLをそのまま載せるのはなんかかっこ悪い。

 

丸見えのURLを工夫をしたい。

 

なので、

 

文章にリンクを貼る方法&画像にリンクを貼る方法を紹介します。

 

 

文章にリンクを貼る方法

 

使用するタグはこちら↓

<a href="URL">テキスト</a>

 

URL表示したいページのURLを入力するよ。

 

テキスト文を入力するよ。

 

例えば、

<a href="http://yuusya.info/">詳細はこちら</a>

URLhttp://yuusya.info/     テキスト詳細はこちら

 

すると↓

 

詳細はこちら

 

画像にリンクをつける | Wordpress

 

では、画像にリンクをつけたい場合はどうでしょうか?

 

<a href="URL">詳細はこちら</a>

 

「詳細はこちら」の部分に<img src="画像のURL"/>を入力します。

 

 

 

ws000001

 

この画像のURLは

 

http://yuusya.info/wp-content/uploads/2016/11/WS000001-5.jpg

 

なので、「詳細はこちら」の部分に

 

 

<img src="

http://yuusya.info/wp-content/uploads/2016/11/WS000001-5.jpg

"/>

 

と入力します。

 

 

 

そして、URLの部分にはリンク先のURLを入力します。

<a href="http://yuusya.info/">

<img src="

http://yuusya.info/wp-content/uploads/2016/11/WS000001-5.jpg

"/></a>

 

すると↓

 

 

 

画像の大きさを調節するタグ | Wordpress

ただ、サイドバーと画像のサイズが合わない場合があると思います。

 

それを回避するために

 

widthタグとheightタグを使いましょう!

 

widthタグは幅、heightタグは高さを表します。

 

width="○○"   ○○に横幅のピクセルを入力します

 

height="○○"    ○○に高さのピクセルを入力します

 

<img src=""/>の中に入れて使います。

 

例えば、

 

<img src="画像のURL"width="300"height="300"/>

 

こんな風に使います。

 

これに、先ほど説明した<a href="URL">詳細はこちら</a>を組み合わせると、

 

<a href="http://yuusya.info/">

<img src="

http://yuusya.info/wp-content/uploads/2016/11/WS000001-5.jpg"

width=300"height="300"

/></a>

 

すると↓

 

 

画像をサイドバーの中央に移動させる | Wordpress

サイドバーに載せた画像が片側によってしまう。

 

それを解消するために、

 

<class="aligncenter"/>を使いましょう。

 

これも<img src=""/>に入れます。

 

<a href="http://yuusya.info/">

<img src="

http://yuusya.info/wp-content/uploads/2016/11/WS000001-5.jpg"

width="300"height="300"

class="aligncenter"

/> </a>

 

すると↓

 

 

 

 

 

 

 

この記事に関連する記事一覧

コメントフォーム

名前

メールアドレス

URL

コメント

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

トラックバックURL: 
そもそもアフィリエイトって?
挫折をしない方法
初心者アフィリエイターへ①
1位アンリミテッドアフィリエイト アンリミテッドアフィリエイト

6カ月で月収100万円を達成したアフィリエイトノウハウの結晶

詳細レビューはこちら♪
初心者アフィリエイターへ②
2位賢威  賢威

企業のコンサルティングに使われる株式会社webライダーのSEO教材

詳細レビューはこちら♪
初心者アフィリエイターへ③
3位本質のコピーライティング大全 本質のコピーライティング大全

本質のビジネスSEO術で有名な戸田丈勝さんによるコピーライティング

詳細レビューはこちら♪
infoもちのプロフィール

情報商材アナライザー
会社を辞め、どう生きていくか悩んでいた中、アフィリエイトに出会いブログ運営を着々と続けている毎日です。

詳細はこちら
検索はこちらからどうぞ!
カテゴリー
無料レポート紹介!
infoもちのつぶやき

ページの先頭へ