【はてなブログ】プロフィール欄に自己紹介ページへのリンクを貼る方法

f:id:taninote:20181113074622j:plain

こんにちは。

今日は、はてなブログのプロフィール欄にリンクを貼る方法を紹介します。下記で紹介する文章を貼り付けるだけなので、とっても簡単です。

せっかくブログを訪問してくれた方には、自己紹介ページも読んでもらえると嬉しいですよね。プロフィール欄にリンクを貼って目立たせてみましょう!

 

この文章を貼り付ければOK

<a href="自己紹介ページのURL">好きな文章</a>

この文章を丸々コピーして、プロフィール欄に加えればOKです。ただし赤字と青字の部分は各自変更してくださいね。

<a href="https://www.taninote.com/about">自己紹介ページはこちら</a>

 例えばこのような文章を作成します♪

編集方法

プロフィール欄に追加する

先ほど作成した文章をプロフィール欄に追加しましょう。

デザイン編集画面から→「サイドバー」→「プロフィール」と移動します。

「ブログの説明」欄に先ほど作った文章を貼り付けます。

以上で完成!プロフィール欄に自己紹介ページへのリンクが作成されました。

改行したい人は<p></p>を挿入する

右画像のように改行したければ、<p></p>を文章前後に付ければOKです。

<p><a href="自己紹介ページのURL">好きな文章</a></p>

<p>の後に矢印を入れるのもおすすめ

f:id:taninote:20190212205232j:plain

<p><a href="自己紹介ページのURL">好きな文章</a></p>

青字の部分を好きに変更してみてください。

上手くできましたか?分かりにくい部分があればコメントもお待ちしています♪

 

自己紹介にはaboutページを活用しよう

aboutページとは、はてなIDやアイコンをクリックすると見れるページのこと。aboutページを活用して自己紹介するのもおすすめですよ。

簡単に編集できるので是非やってみてください♪

【参考】「a」「href」って何?

まるで暗号のように見える「a」「href」ですが、これが俗に言うHTMLです。

ということを、私も勉強したばかりです。ど初心者です。笑

HTMLは、Hyper Text Markup Languageの略で、WEBページを作成するときに使われる言語のこと。実はWEB上では、HTMLを使ってリンク先を指示したり、画像を表示させているのです。HTMLってすごいですねえ。

<a>は、正式名称が「アンカータグ」通称「リンクタグ」と呼びます。
<href>は「エイチレフ」と呼びます。

詳しく学びたい方はこちらの記事が分かりやすいと思いますよ。

 

それでは、また更新します。