QHM Quick Start Guide

Quick Homepage Makerの特徴

• ホームページ上で、ホームページを編集
• 更新内容はすぐにきれいに反映されて
• 簡単マークで装飾、文章をさらに読みやすく
• 自動リンク機能で、楽らくページの追加
• 貼り付ける画像はまとめて管理
• ちょっと頑張ると、高度な機能をいくつも搭載！！

クイックスタートガイドについて

以下の流れに沿って、素早くホームページを立ち上げることができます

• QHMの仕組み
• 初期のユーザー認証
• ホームページの設定
• ユーザー認証の設定
• ロゴの設定
• フッターの設定
• メニュー管理
• ナビの編集
• ページ作成とリンクについて
• ナビ２の編集
• メニューの編集
• コンテンツの編集　〜「５つの書き方」
• ログアウト

QHMの仕組み

QHMでつくるホームページには６つのパートと役割があります。
各パートの仕組み／役割を理解すると、まとまりのよいホームページ作成ができます。

一番頻繁に更新するのはコンテンツです
ロゴ、フッターは一度設定するとほとんど変更する必要はありません
ナビ、ナビ２、メニューはコンテンツは 今回は特別にクイックにスタートしていきましょう。

ユーザー認証

編集のためのユーザー認証

１、まずはご自身のホームページを表示

２、ユーザー認証画面を表示
　　　　→　　　　

QHMプロをインストールしたばかりでは初期値です
ユーザー名：homepage
パスワード：makeit

編集状態になったら、まずユーザー認証の設定をしましょう

設定【その１】ユーザー名／パスワードの設定

初めにユーザー名とパスワードの変更をするために、ユーザー認証の設定をします。

• 「設定」をクリック
• 「ユーザー名、パスワードの変更」をクリック
• 新しいユーザー名とパスワードを入力
• 「設定を確認する」をクリック
• 「設定する」をクリック
• 再度、ログインを行う

設定が完了したら、新しいユーザー名とパスワードでユーザー認証(ログイン)して下さい

次はホームページのタイトルを書きましょう

設定【その２】ロゴの設定

ホームページのタイトルを決める

いよいよホームページ作りの始まりです。

手順

• 「設定」をクリック
• 「デザインの変更」をクリック
• 「ロゴ部分のデザイン」の「テキストを使う」をクリック
• ご自身のホームページタイトルに書き換える
• 「設定を確認する」＝＞「設定する」

ホームページのタイトルが変更されました

続いて、ホームページ情報を設定します

設定【その３】フッターの設定

ホームページの情報を記す

手順

• 「設定」をクリック
• 「サイト情報の設定」をクリック
• 各項目を入力します
• タイトル文字
• 所在地
• 連絡先
• ヘッドコピー
• サイト管理者
• 管理者ページ
• 「設定を確認する」＝＞「設定する」

※「キーワード」と「説明」は検索エンジンが読み込むための重要な情報です。後ほど必ず設定して下さい

これでフッター、サイトの情報は完成です。　　　次は、メニューを作ります

メニュー管理【その１】ナビの編集

ナビはホームページの大見出し

ナビにリンクを作成します。

手順

• 「メニュー管理」＞「ナビ編集」をクリック
• QHMのナビに表示したい項目を -[[ページ名]] と入力
• 「ページの更新」をクリック

ナビの作成が完了しました

作った項目（リンク）の後ろの？マークは、
「リンク先のページがありません」という意味です。
ページを作成することで？マークはなくなります。

すぐに「ページの作成」を行いましょう。

--->> ページ作成とリンクについて <<---

自動リンクで簡単ページ追加

手順

• ？マークのついたリンクをクリックします
• ページの編集画面が表示されます
• *ページ１　(*ページ名)と書きます
• 「ページの更新」をクリック

全てのリンクで同じように新規ページを作成します。

以上で、リンク先のページが作成できました。

内容は後ほど書きます

次はナビ２を作りましょう

メニュー管理【その２】ナビ２の編集

ナビ２はナビの補助

シンプルに分かりやすくする

手順

• 「メニュー管理」＝＞「ナビ２編集」をクリック
• ナビで書いた項目と同じ名前を [[ページ名]] と書く
• /（半角スラッシュ）で区切ると分かりやすい
• 全て書けたら「ページの更新」をクリック

ナビ２に書いた項目は、先ほど作成したページに自動的にリンクされています
QHMのルールでは [[ と ]] で囲んだ文字はリンクとなります

続いてメニューを作成します

メニュー管理【その３】メニューの編集

メニューは見出しを階層構造で表した一覧

手順

• 「メニュー管理」＝＞「メニュー編集」をクリック
• ナビの項目を見出しで書く
• ホームページの内容に合わせて、見出し２を追加する
• 必要があれば見出し３を追加
• 「ページの更新」をクリック

トップページのリンクをクリックしてください

• メニューの項目が表示されます







おつかれさまです
これでホームページの大枠が完成しました

次は、内容＝コンテンツです

コンテンツ　【基本の編集】

まずはコンテンツの基本的な編集方法です

• 編集したいページを表示する
• 編集ボタンをクリック
• 内容を入力する
• 「ページの更新」をクリック

以上が、基本的な編集方法です

最後にコンテンツの書き方についてをご覧下さい

コンテンツ 【５つの書き方】

ホームページを作る上で、最も大切な部分は内容です

ホームページの内容はシンプルに分かりやすく書くことがポイントです

上手に内容を書くために「ホームページの５つの書き方」について説明します

• ポイント１：見出し　　　*　**　***
• ポイント２：箇条書　　　-　+
• ポイント３：改行、空白行　　　「改行」　&br;
• ポイント４：強調　　　''''　''''''
• ポイント５：画像貼り付け　　　&ref2(画像名,nolink,画像の説明);

適切に使うことで、閲覧者に安心感、信頼感をあたえることもできます

文章を書く時はツールボタンを利用します

コンテンツ 【５つの書き方】　見出し

その１　見出しを活用する

コンテンツ 【５つの書き方】　箇条書

その２　箇条書でまとめる

コンテンツ 【５つの書き方】　改行、空白行

その３　段落を分ける

上手に改行と空白行を使いましょう

コンテンツ 【５つの書き方】　装飾

その４　装飾で目立たせる

コンテンツ 【５つの書き方】　画像

その５　適度に画像を入れる

画像貼り付け【swfu】簡単アップローダー

画像の管理もできる簡単アップローダーの使い方

• 貼り付けたいページを編集状態にしておく
• swfuをクリック
• swfuを起動する
• アップロードボタンをクリック
• clickをクリック
• アップロードしたい画像を選択
• アップロードの完了
• 画像の詳細ページを表示し、貼り付けボタンをクリック
  ※または、コピー＆ペースト
• ページに貼り付けのおまじないが表示されている
• ページの更新をクリック

以上です。

ログアウト

編集が終わるとログアウトします

ログアウトをクリックして下さい

クイックスタートガイドは以上です

各項目について、更に詳しい情報は会員サイトに掲載しています。