【初心者向け】テキストにリンクをはる方法【新エディタ対応】 | アメブロデザイン制作サービス@シンクマックス

アメブロデザイン制作サービス@シンクマックス

オリジナルデザインで印象に残るビジネスブログを作りましょう!

他の記事に誘導したい、他のサイトへのリンクをはりたい時は、リンクを設定します。

書いてあるテキストにリンクをはる方法、テキストとリンクを同時に設定する方法、両方について解説していきます。

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

1.リンクをはりたいテキストを書きます

記事の編集画面で、リンクを設定したいテキストを書きます。
長さに特別の制限はなく、絵文字などが含まれていても大丈夫です。

7-1テキストリンク

2.テキストを選択して、リンクをはります

リンクをはりたいテキストを選択した状態で、枠の上に並んでいるリンクのボタンをクリックします。

「URL」の欄に、リンク先のアドレスを入力します。通常は同じウィンドウでリンク先が開きますが、下にある「リンク先を新しいウィンドウで開く」にチェックを入れると、別ウィンドウでリンク先が開かれる設定になります。

7-2テキストリンク

3.テキストがないところからリンクをはりたい場合

編集画面の何もない場所を指定(クリック)してからリンクボタンをクリックすると、リンク用のウィンドウが表示されます。
ここに、テキストとリンク先の URL を両方入力して、「決定」ボタンをクリックします。

7-3テキストリンク

4.リンクが設定できたか確認してみましょう

編集画面上では、リンクを設定したテキストはアンダーラインが引かれます。リンク自体は機能していないので、公開した状態で確認してみましょう。

7-4テキストリンク

- * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - * - - * - * - * - * - * -

これでリンクがはれました。別ウィンドウで開く設定は、外部サイト(アメブロ以外)などに飛ばす時に設定するのがおすすめです。