こんにちは。
『やさしいブログの作り方』の松田です。
スマートフォンを使っている人なら分かると思うのですが、スマートフォン版のリンクが非常にわかりにくいんですね。
![やさしいブログの作り方](https://stat.ameba.jp/user_images/20120724/14/amecafe2011/1a/4e/p/o0346046112096082609.png?caw=800)
このようにリンクの色が薄い青で、下線も引かれていません。
スマートフォンは指を上に払って画面がスクロールされるので、この状態だとリンクだと気づかれずに通り過ぎられてしまう可能性があります。
なのでパソコン版と同じように、濃い青・太字・下線付きにするとリンクであることがよりわかりやすくなります。
以前アメンバー記事でこのやり方を記事にしたのですが、今回スマートフォン版のHTMLやCSSの構造が少しわかったので、もっと簡略化したものができました。
<style type="text/css">#mainContents article a{color:#0000ff; font-weight:bold; text-decoration:underline;}</style>
上記の記述を記事本文の上または下に貼りつけておけば、スマートフォンでアクセスされた場合にのみリンクの色が濃い青・太字・下線付きで表示されます。
![やさしいブログの作り方](https://stat.ameba.jp/user_images/20120724/14/amecafe2011/af/e7/p/o0346046112096082610.png?caw=800)
ただし注意点が1つ。
この作業をインターネットエクスプローラでやると、タブを切り替えた時に必要な記述が自動消去されてしまいます。
それ以外のブラウザを使われることをオススメします。