【ここを変えるだけ】はてなブログでリンクのURLの名前を変える方法
こんばんは!
ふじです。
はてなブログ初心者のみなさん、色んな人のブログを見ていると
「ここをクリック!」や「リンクはこちら」などいろんなリンクの名前の表示方法があって、「こんなリンク作りたいなー」「どうやったらできるんやろ?」そう思ったことはありませんか?
大丈夫です!
あるところを変えるだけで簡単にこのようなリンクが作れます。
今日はこのように、はてなブログでリンクのURLの名前を変える方法について、できるだけわかりやすく図解していきます。
それでは早速いってみます!
リンクのURLの名前を変える方法
ここを変えるだけ!
記事編集画面にリンクをすでに貼った状態で、HTML編集内のリンクの箇所の
赤線部分(この場合、黒文字の「YouTube」)を好きな文字や言葉に変えるだけ!
そうすれば、赤線部分の言葉がリンク先に飛べる形で表示され、どんな単語や文章でも緑で書かれたURLに正しく飛びます。
この説明で何を言っているかわかった方は、これ以降は読まなくて結構です。
しかし、「何いってんの?」そう思われた方も多いと思います。
そこで今度はより具体的に、リンクのURLの名前を変える方法を説明していきます。
具体例
今回は記事内にYouTubeのリンクを貼り、そのリンクの名前を「YouTubeはこちら」というふうに変えたいと思います。
ステップ①:はてなブログの記事編集画面を開く(今回はあらかじめ適当に文章を作っております。)
ステップ②:記事編集ページの「リンク」をクリック
ステップ③:YouTubeのURLをURL欄に貼り付け、「プレビュー」をクリック
ステップ④:今回は「タイトル」を選択、「選択した形式でリンクを挿入」をクリック
ステップ⑤:記事編集ページで、リンクが正しく貼れているか確認
ステップ⑥:記事編集ページ上の「HTML編集」をクリック
ステップ⑦:リンクを貼った箇所に該当するところを探し(今回であれば6行目)、赤線の「YouTube」を「YouTubeはこちら」に変える
ステップ⑧:「プレビュー」でリンクの表示が「YouTubeはこちら」になっていることを確認
今回はリンクを貼るところから説明させていただいたため手順が増えてしまいましたが、
結局はHTML編集の
この赤線部分を好きなように変えていただければ、赤線部分の言葉がリンク先に飛べる形で表示され、どんな単語や文章でも緑で書かれたURLに正しく飛びます。
最後に
今日は、はてなブログでリンクのURLの名前を変える方法をご紹介しました。
いやー、ブログ始めたばっかりの頃はこれができるようになりたかったんですよね(笑)
同じことで悩んでいる方がおられるだろうなと思い、この記事を書きました。
ブログ書き始めの頃の僕のようにHTMLをいじったことのない方に、ちょろっといじるだけでカスタマイズ可能なんですよ!ってことが伝われば幸いです。
また、僕がはてなブログを始めた頃のはてなブログに関する3つの誤解のリンクを載せてます。
はてなブログ初心者のみなさん、もしかしたら僕と同じ誤解をしているかもしれません。ぜひ合わせてお読みください。
今日も最後まで読んでいただきありがとうございました。
ノートパソコン