トップ > ガイド > 文字の色を変えよう

ガイド

携帯サイト作成サービスkaty(ケイティ)の説明書です。
携帯サイト作成時に参考にしてみてください。
わからないことがある場合はkaty(ケイティ)サポートまでお問合せください。

6.携帯サイトのHTML編集にチャレンジしよう
 文字の色を変えよう

携帯サイトの中でも、特にここはお客様に見てもらいたいという箇所がある場合、 その部分の文字の色を変えましょう!

文字の色をフォントカラーと言いますが、フォントカラーの変更はお客様の注意をひく際には効果的な方法です。


それでは文字の色の変え方を解説していきます。

1.管理画面にログインした状態で、HTML本文の文字の色を変更したい箇所を探しましょう
━━━━━━━━━━━━━━━━━━━━━

携帯サイト作成 フォントカラー

今回は「ここの文字の色を変えます。」の部分を赤色に変えてみます。


2.色を変えたい文字を選択し、携帯サイト作成 フォントカラーボタンをおしましょう
━━━━━━━━━━━━━━━━━━━━━

携帯サイト作成 フォントカラー

マウスなどで文字をなぞった状態で、携帯サイト作成 フォントカラーボタンを押してください。


3.カラー選択ウィンドウから色を選んでください
━━━━━━━━━━━━━━━━━━━━━

携帯サイト作成 フォントカラーボタンを押すと、カラー選択ウィンドウが表示されます。

携帯サイト作成 フォントカラー

好きな色を選んでください。
下に表示されているのが選択された色になります。


4.色が決まったら「OK」ボタンを押してください
━━━━━━━━━━━━━━━━━━━━━

そうすると、下の画像のように文字の色が赤色に変わりました。

携帯サイト作成 フォントカラー


今回は携帯サイト作成 フォントカラーボタンをを使用しましたが、
HTMLタグを直接入力しても、文字の色を変えることができます。


<font color="#000000">(表示したい文字列)</font>


上記タグをコピー&ペーストして、
color="#000000"の""内の#以降を変更することで
文字の色を変えることができます。

色のサンプル
  • 黒(#000000)
  • 白(#FFFFFF)
  • 赤(#FF0000)
  • 黄(#FFFF00)
  • 青(#0000FF)
  • 緑(#008000)

細かい色の設定については下記サイトを参考にして下さい。

http://www.tohoho-web.com/wwwcolor.htm


文字の色を変更して、あなたのお店オリジナルのカッコいい携帯サイトを作りましょう!


やじるし 前へ やじるし 次へ 「区切り線を引いて見やすいサイトにしよう」