スマートフォンテンプレートのリンクの色を変えてみよう

ウェブサイト・ブログ作成

2013.03.12

この記事は約2分で読めます。

　スマートフォンテンプレートのリンクの色の変え方をひとつ。

　テンプレートによっては、多少違うかも知れないが。

　このサイトのテンプレートは、standardblack01_spというテンプレート。

スマートフォンテンプレートのリンクの色を変える

1、設定→テンプレートの設定→テンプレートの管理→スマートフォン用の『テンプレート管理』をクリック。

2、スタイルシートのbody {
margin: 0;
padding: 0;
background: #000000;
font-family: Helvetica, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
font-size: 16px;
color: #DDD;
}
a:link, a:visited { color: #DDD; text-decoration: underline;}
a:focus, a:hover, a:active { color: #DDD; text-decoration: underline;}

　をさがす。

3、a:link, a:visited { color: #DDD; text-decoration: underline;}
a:focus, a:hover, a:active { color: #DDD; text-decoration: underline;}

　の＃英数字の部分を任意のカラーコードに変更。

4、更新ボタンをクリック。