トップ > ガイド > 区切り線を引いて見やすいサイトにしよう

ガイド

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

6.携帯サイトのHTML編集にチャレンジしよう
 区切り線を引いて見やすいサイトにしよう

携帯サイトは縦に長い構造をしています。
その縦長のサイトの中に、たくさんの情報を詰め込んでしまうとグチャグチャになってしまい、お客様が見た時にどこに何があるのかわからない状態になってしまうことがあります。

そういった事態を避けるために携帯サイト内に区切り線を設置して、しっかりと情報の区分けをしましょう!


しっかりと情報が区切られていて、見やすい状態になっていると、お客様もあなたのサイトの様々なページを見てくれるでしょう。


それでは区切り線の設置方法を解説していきます。

1.管理画面にログインした状態で、HTML本文で区切り線を入れたい場所を探しましょう
━━━━━━━━━━━━━━━━━━━━━

今回は下の画像のように、
<A>と<B>の間に青色の区切り線を入れてみます。

携帯サイト作成 ライン


2.入れたい場所が見つかったら携帯サイト作成 ラインボタン押してください
━━━━━━━━━━━━━━━━━━━━━

下段中央の携帯サイト作成 ラインボタンを押すと、線を引くウィンドウが出てきます。

携帯サイト作成 ライン

それぞれの項目をプレビューを見ながら各々の項目を選択してください。


3.挿入ボタンを押して完了です
━━━━━━━━━━━━━━━━━━━━━

携帯サイト作成 ライン

<A>と<B>の間に青色の区切り線が入りました。


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

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


区切り線を使って見やすい携帯サイトを作りましょう!


やじるし 前へ やじるし 次へ 「モバイル検索エンジンに強い携帯サイト作成テクニック」