livedoor ナレッジ

リンクの張り方を教えてください

リンクの張り方が分かりません。どこでどんな作業をすれば良いのか教えてください。

サイドバーにバナー貼られたいのですか？
もし違ったらすみません。
私も初心者ですが、この方法でできています。

※事前にバナーを「画像を名前をつけて保存」します。次にバナー画像を、「ファイルのアップロード」しておいてください。それが終わったら下記を実行します。

（１）「カスタマイズ/管理」画面を開く
（２）「プラグインの設定 / 新規追加 」の「新規追加」のほうををクリック
（３）上級者向けのプラグインをクリック
（４）フリーエリアを追加するをクリック
（５）フリーエリアのスペースに下記のタグを貼り付ける。
<a href="リンク先のアドレス" target=_blank><img src="画像のアドレス" width="画像の幅" height="画像の高さ" border="枠線無し" alt="マウスカーソルを載せたときの説明文"></a>

（タグをすべてドラッグして右クリックでコピーし、フリースペースに右クリックで貼り付ける）

（６）上のタグの日本語の部分にアドレスや数字を入れる。
・リンク先のアドレスは相手先のＵＲＬです
・画像のアドレスは、バナー画像アドレスの事です。画像の上で右クリックして、プロパティを見たときに記載されている画像ＵＲＬをコピーする
・"画像の幅"とheight="画像の高さ" はプロパティを見て入力します。一般のバナーは「88ｘ31ピクセル」が多いです。その場合がwidth="88"で
height="31" となります。
・border="枠線無し" はborder="0" と入力してください
（７）「この内容で設定する」をクリック
（８）「ブログに設定を反映（再構築）」をクリックして
　　　再構築を行えば完了です！

記事の中の文章にリンクを付ける（クリックすると指定したURLへジャンプするようにする）方法の説明です。

「ブログの設定」のページの中ごろに、

投稿フォームの形式  	 ○　シンプルエディタ　   ●　WYSIWYGエディタ

という、エディタを選択できるところがあります。
シンプルエディタを選択した場合は、後で説明する、HTMLタグを自分で記入することになります。
（Macの場合は、ブラウザをFirefoxにしないと、WYSIWYGエディタを選択できません。）

○ WYSIWYGエディタで、便利ボタンを使う方法

●　文章を書いた後に、リンクを付ける方法

記事を書いたら、リンクをつけたいところ（URLである必要はありません）を、マウスをクリックしたまま、なぞって、白黒反転させます。

入力欄の上に並んでいる「便利ボタン」の中から、左から6番目、下に「LINK」と付いているクサリの絵のボタンをクリックしてください。
「リンクの設定」という小さなウィンドウが開きます。

「リンク先URL」に「URL」を記入して
ブログを表示したまま、リンク先のウィンドウを開きたい場合は、「リンクの表示形式」で「別ウィンドウ」を選択します。
後は、「リンク作成」をクリックすれば、できあがり。

●　リンクを付ける文章も一緒に入力する方法

リンクを付けたいところの前まで文章を書いたら、先に「LINK」ボタンを押して、「リンクの設定」のウィンドウを表示させます。

「リンクするテキスト」にリンクを付けたい文章を記入します。
後は、文章を書いた後に処理する場合と同じです。
「リンク作成」をクリックすれば、記事の文章の続きに、「リンクするテキスト」で入力した文章が続きます。


○　HTMLタグを直接入力する方法

シンプルエディタの場合は、この方法しかありません。

WYSIWYGエディタの場合は、入力欄の下の「HTMLを確認」をチェックし、HTMLを表示するモードにしておきます。

リンクを付けたい文章を、

<a href=""></a>

HTMLタグで囲みます。

<a href="リンク先のURL">ここ</a>をクリック。

この場合、「ここ」という文字にリンクがついています。

ブログを表示したまま、別のウィンドウでリンク先のページを開きたい場合は、

<a href="リンク先のURL" target="_blank">ここ</a>もクリック。

という書き方になります。