ホーム > スマートフォン > スタイルシート編集 > サイトの基本文字サイズ、文字色、背景色、背景画像を変更する

Q.サイトの基本文字サイズ、文字色、背景色、背景画像を変更する

閲覧数:5,416
スマートフォンサイトの基本文字サイズ、カラー、背景色、背景画像を変更できます。
スマートフォン版
通常文字(サイズ、カラー)、背景色、背景画像の変更
[スマートフォン]→[スタイルシート編集]から下記の箇所を編集してください。
※背景画像が背景色指定がないテンプレートがございます。その場合は、background-image、background-colorの1行をコピーして貼り付け後、背景画像、背景色を指定してください。
※文字(色/サイズ)については、個別指定がある場合、body指定よりも優先される場合があります。 その場合、個別箇所での編集が必要です。
body {
background-image: url(【背景画像…背景に使用したい画像のURLを記入します】);
background-color: 【背景色…任意のカラーコードを指定します】;
color: 【文字色…任意のカラーコードを指定します】;
font-size: 【文字サイズ…任意の文字サイズを指定します】;
}
リンク文字(サイズ、カラー)
[スマートフォン]→[スタイルシート編集]から下記の箇所を編集してください。
※A:hover指定はスマートフォンでは、マウスオーバーがありませんので、PCでスマートフォン版を閲覧した場合の指定となります。
/* リンク */
A {
font-weight: ****;
text-decoration: ****;
color: 【文字色…任意のカラーコードを指定します】;
font-size: 【文字サイズ…任意の文字サイズを指定します】;
}

A:hover {
color: 【文字色…任意のカラーコードを指定します】;
font-size: 【文字サイズ…任意の文字サイズを指定します】;
}
元画像について
背景画像で指定されている場合の元画像は、下記のURLで確認することができます。
アカウントID部分をご自身のサイトのアカウントIDに変更してご利用ください。

アカウント:demosite1 共用ドメイン:ocnk.me の場合
※ご利用アカウントと共用ドメインを変更してご利用ください。
https://demosite1.ocnk.me/phone/data/ocnk.me/demosite1/img/btn_main_b.gif
画像を利用する場合
[デザイン管理]→[画像管理画面]→[コンテンツフォルダ]に画像ファイルをアップロードしてください。 背景画像を利用する場合でも、背景色は、初期表示の際に画像を読み込むまでの間に表示されますので、指定してください。
画像URLを記載いただく際には、必ずimage/〜の相対パスにて記載してください。
http://〜の絶対パスにて記載された場合、SSL保護下のページでセキュリティ警告が表示されます。
記載例)
background-image: url(image/file.gif);
最終更新日:2019年05月23日 16:40