ユーザのためのTips集。Ver2.04のことです。有償版QHMモバイルは利用したことがないので、無償版と有償版の違いはわかりません。たいした違いはないと思っています。デザインが1種類しかないなど。)QHMを使いこなしている人は、無償版QHMモバイルはすぐに簡単に利用できると思っていました。実際に使って見るとわからないことなどがいろいろと出てきて、少し悩みました。そこで、QHMモバイルについて少しまとめてみようと思いました。QHMモバイルとは、QHMをベースにモバイル用(携帯電話)のサイトを作成することを目的に作成されたツールです。基本操作は、QHMと同じなのでQHMを利用している人は、使い方を覚えなくても利用できます。無償版なのでマニュアル等やサポートがなく自己責任で利用することになります。そこで、無償版QHMモバイルを使っていろいろと疑問に思ったことや、QHMユーザフォーラムでのQHMモバイルについての質問などについて回答できるところは、このサイトで実験などをして回答してみたいと思います。基本的には、QHMと同じですが一番の違いは、主要3キャリアの大部分の人のケータイで見れることを前提としているので細かい画面デザインができないところです。やろうと思えばできると思いますが、世の中に出ている無数のケータイのどの機種までをサポート範囲にするのかは非常に難しいところです。そこで、割り切って考えて最低限の機能でそれなりのサイトを作ってしまいましょう。いう考え方なのであまり細かい事には触れないでいきたいと思います。プラグインも多数用意されていますが、ケータイでどこまで利用できるかはわかりません。スマートフォンについては、ケータイの扱いではなく、PCの扱いになるのでここでは触れません。ケータイの実機で動作確認するのがいちばんですが、私の手元にはケータイは一機種しかありません。そこでFirefoxのプラグインを利用して、ケータイをシミュレートして確認します。Softbank)のケータイをFirefox上で簡単にシミュレートできます。無償版QHMモバイルのフォルダ構成は以下の通りです。(rootはQHMモバイルをインストールしたフォルダを意味しています。実際にrootフォルダがあるわけではありません。QHMモバイルのスタイル構成は、QHMと比較して非常にシンプルな構成になっています。フッター編集」メニューで入力したものが入る。「フッタ編集」で入力したものではない。利用できるプラグインは、QHMよりも少ないですが、多数揃っています。基本的にはQHMと同じですが、以下の点が異なります。自分で組込ができる人は組み込んでください。同じように利用できます。PCで表示されてもケータイでも同じように表示されるとは限らないので、なるべく多くの友人、知人に協力してもらって実機で確認することをお奨めします。変更してPCで見ると正常に表示されますが、ケータイで見るとまったく反映されません。【考えられる原因】QHMモバイルが外部スタイルシートに対応していない。main.cssは外部CSSファイルなので、main.cssの内容を取り込むようになっていない。外部スタイルシートをサポートしているケータイが少ないようです。【対策】HTML内でスタイルをまとめて定義する。タグ毎にスタイルを定義する。具体的には、main.cssは変更しないで、以下の画面にCSSを定義する。以下のように記述します。小さい画面になるべく多くの情報が載るように、マージンをゼロまたは小さくします。特定の文字サイズを変更できますか?sizeプラグインが使用できます。Mapが表示できないケータイがまだまだ沢山あります。利用しないほうが良いと思います。半角カタカナは使用した方がよいですか?通常、半角カタカナはインターネットでは文字化けがおきる原因となるので、使用禁止です。ケータイサイトは基本的には限られた日本の環境でしか見られないため、文字化けは発生しません。小さい画面に多くの情報を載せるために半角カタカナは使用したほうが良いみたいです。QHMでサイトを作成して運用中の方で、無償版QHMモバイルを利用したい人は、以下の方法で簡単にQHMモバイルを利用できます。北研のQHMモバイルのサイトは以下を参照してください。無償版QHMモバイルのサイトはこちらQHMモバイルをダウンロードします。QHMのインストールしてあるサイトの下に、新しくフォルダを作成します。新しくドメインを取得した人は、そこにインストールします。配下にアップロードします。パーミッションの変更を行います。ブラウザからアクセスできるか確認します。http://www.○○○.jp/mobile/表示されたら、ログインしてIDとパスワード変更してから編集開始です。以下は編集方法について説明です。ヘッダ用のロゴを作成して添付メニューからアップロードします。ロゴは以下のフォルダに入るので、初期表示のQHMモバイルのロゴと入れ替えます。新規作成でメニュー専用の画面(menu)を作成します。これは、全ての画面の一番下にメニューを表示させるために作成します。この画面には、横一列に並んだメニューだけを入力します。[[お問合せ]]FrontPage画面を編集して、各画面に共通の形を作成します。FrontPage画面の一番下で、#includeプラグインによりメニューを取り込み保存します。これが雛形になります。#include(menu,notitle)新しいページを作成するときは、「雛形とするページ」からFrontPageを選択して、「読込」を実行します。新しいページを編集して保存します。同様に各ページを作成します。CSSを変更して、体裁を整えます。設定画面」にCSSを指定します。スマホ編で画面の固定位置に電話番号を表示する方法を書きましたが、文字の代わりに画像を使用する方法を説明します。基本的には方法は同じです。SWFUでアップしてください。以下のコードを入れてください。height:を画像の高さに設定してください。この記事はスマホ編に書くべきですが、すでに文字で電話番号を固定位置に表示しているので、確認のためにQHMモバイルのページを借りてそこに書いています。皆様のご意見をお待ちします。無償版ユーザーにとって、本当にわかりやすいサイトです。モバイルサイトを作りたくて奮闘しているのですが、「QHMのインストールしてあるサイトの下に、新しくフォルダを作成します。新しくドメインを取得した人は、そこにインストールします。サイトとはサーバーのことを言っています。サーバーはOSやWebサーバの種類などによりフォルダの指定方法が異なります。QHMがインストールしてあるフォルダの下に、モバイル用のフォルダを作成すると言ったつもりでした。23:27:33ナビやメニューが無いのでメニューを毎ページ記述するしかないと思っていたので、menuページの作り方が大変参考になりました。「サイト情報の設定」→「その他のタグ」にCSSを記述する方法で、h2の文字色(color)がどの色を指定してもグレーにしか表示しません。h3では指定した色で表示します。Reserved.川崎市宮前区,。