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

スマートフォンサイトの基本文字サイズ、カラー、背景色、背景画像を変更できます。

スマートフォン版

通常文字(サイズ、カラー)、背景色、背景画像の変更

［スマートフォン］→［スタイルシート編集］から下記の箇所を編集してください。

※背景画像が背景色指定がないテンプレートがございます。その場合は、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