リンクが許されるのは小学生までだよね?

dfghreer5y.png

最近リンクの表現を、2種類使っている事に気付いている方はいるでしょうか。

使い分けとしては、内部リンクと外部へのリンクの表現を変えています。

内部リンク

http://musiatui.blog111.fc2.com/

外部リンク

lik.pnghttps://twitter.com/musiatui

使い分けたらといってアクセス数に何ら影響を及ばさない表現だと思うんですけど、実は結構どうするかを悩んでいたりしました。

外部リンクの方はアイコンを最後尾に持ってくるパターンもやってます。

外部リンク*最後尾ver

https://twitter.com/musiatuilik.png

これの面倒なところは、通常のリンク作成にプラスして一手間かかっています。

分かりやすいようにリンクがどの様なタグになっているかを見せます。

通常リンク作成

<a href="https://twitter.com/musiatui" target="_blank" title="https://twitter.com/musiatui">https://twitter.com/musiatui</a>

これが先のアイコン付きだとこうなります。

<a href="https://twitter.com/musiatui" target="_blank" title="https://twitter.com/musiatui"><img src="https://blog-imgs-121.fc2.com/m/u/s/musiatui/lik.png" alt="lik.png" style="border:none" border="0" width="12" height="11" />https://twitter.com/musiatui</a>

赤字の部分を毎回手動で貼り付けています。これは内部リンクの方も同じく。

コピペでやっているので、そこまでの手間ではないがリンクが、数が多いと面倒っちゃ面倒。

これを解決すべく、CSSで指定する方法もあるみたいです。以下参考サイト様。

lik.pngCSSを使ってアイコンを表示させる小技いろいろ。 / Edit Life


手間を考えると上記をやった方が楽。しかし問題がこれをやると全記事入れ替わってします。そうなると手動でやっている所でリンクアイコンが被る。

更に無駄にブログ歴は永いので記事数はそこそこあって、それを修正するのが一番面倒。

もう一つ付け加えるなら、切り替えて、そして個別記事の修正を行なった後に、別の方法が気に入ってしまったらまた面倒な事になる可能性が高い。

何を隠そう、過去からリンクの表現は結構変化してます。

そして根本的にアイコン付けなくても文字色で分かるようになっているので、リンクアイコンているの?とも思ってしまっています。

だから最近は冒頭の2つで内部と外部リンクを分けていますが、どうしようかなぁという新たな悩みが出てきてます。

このリンクの付け方は他サイトを見ると、個々で違っていて面白い。

結局は閲覧してくれる方に分かりやすく、表現出来てればいいんですけどね。取り敢えずリンクの表現は二転三転するかも。

最後に今回の話のネタが、リンク だったので、アイキャッチ画像を リンク を選択してみました。

スポンサードリンク


Category:ブログ
Tags:ブログFC2ブログリンクCSSカスタマイズ

amazon タブレット

Audible