基本的な使い方
#1 認証
ホームページを編集するには、管理者モードになります。
管理者モードになると、上下に「編集メニュー」が現れます。
管理者モードになるには、以下の３つの方法があります。
- 1. ページのフッター部分にある「edit this page」リンクをクリック
- 2. ページの末尾の右側にあるライセンス表記の最後にあるQHMをクリック
- 3. 以下のURLを直接開く
http://あなたのURL/index.php?QHMAdmin
管理者モード用のID、パスワードを入力し、認証を通します。
認証が通ると、編集できるページに移動すると「編集メニュー」が現れます。
#2 編集、プレビュー、更新
ページを編集する方法は、以下の通りです
- 1. 編集したいページを開く
- 2. 編集メニューから、「編集」をクリックする
- 3. 適宜変更、編集して、プレビューで確認
- 4. 良ければ、更新を実行
編集したいページを開いて、更新するので、直感的な操作でページを更新できます。
#3 基本装飾（これだけ覚えればＯＫ！）
QHMで文章を書いていくときは、なるべくシンプルに書いて下さい。
色をつけすぎると、素人臭くなりますし、せっかくの統一デザインが崩れます。
以下では、基本的な装飾方法を解説します。
改行、空白行
改行すると、ページ上でも改行されます。
1行以上の空白行をあけると、段落が分けられます（空白行が入る）。ただし、1行以上あけても、1行の空白行しか挿入されません。
任意に空白行を入れたい場合は、
&br;
を入力します（または、ツールボックスで改行ボタンを押す）。
見出しと、目次
見だしは、3レベルあります。
適度に入れると文章が読みやすくなります。
見だしを使うには、先頭に * を使います
* 大見出し [#f2b61604]
** 中見だし [#ad3cc353]
*** 小見出し [#e5389137]
見だしを設定した上で、
#contents
を任意の場所に書くことで、自動的に見だしを使った目次が作られます。
箇条書き
箇条書きは、通常、番号の2種類使えます。
箇条書きの深さは、3段階までです
- 箇条書き普通 -- 箇条書き2段階目 --- 箇条書き3段階目 + 番号付き1 ++ 番号付き2 +++ 番号付き3
番号付き箇条書きなどで、連続した箇条書きだが、間を開けたい場合は、改行を挿入すると便利です
+ 基本編集方法 &br; + 応用編集方法
番号が連続させた上で、空間を空けることが可能です。
強調
太文字は、strongタグを設定します。strongタグは、重要なキーワードを表します。
検索エンジン対策では、hタグの次に重要視されます。
しかしあまりに多様しすぎるとスパム扱いになってしまいますので、
あくまで重要なキーワードに使うようにしましょう。
書き方は、以下の通りです。
''太文字にしたい文字列''
''で囲います。
なお、文字列を選択して、ツールボックスの[B]をクリックすることで、太文字にできます。
リンクと、ページ作成
QHMのリンクは、少しだけ特殊です。リンクの種類は２つあります。
- 1. 自動リンク
- 2. 通常リンク
QHMでは、日本語のページ名を付けることができます。ページ名と同じキーワードが文章中に表れると、自動的にリンクを設定します。
これにより、自動で内部リンクが作成され、訪問者にもわかりやすく、検索エンジン対策にもなるページができます。
作り方は、以下の通りです
[[リンク先]]
例えば、
[[ロゴ作成]]
と書くと、ロゴ作成ページへのリンクが作られます。
もし、ロゴ作成ページが存在しない場合、？マークが現れます。
この？マークをクリックすると、ロゴ作成というページを編集する画面に移行します。ここでページを編集、更新すると新規ページが作られます。ロゴ作成というリンクも自動で設定されます。
このことから分かるように、QHMで、新しいページを作る手順は、以下の通りになります。
- 1. リンクを作る
- 2. リンク先がなければ、？が現れる
- 3. ？をクリックして、ページを作る
- 4. 自動でリンクも設定される
次に、リンク名を変更する方法を解説します。
ロゴ作成というページへのリンクを「ロゴ作成ならば こちら」という文字にするには、
[[ロゴ作成ならば こちら>ロゴ作成]]
と書きます。
[[リンク名>リンク先]]
リンク名の部分を画像のおまじないを使うと画像リンクが行えます。
※ツールボックスのリンクをクリックし、入力するのも簡単な方法です
動画で編集方法を見てみよう！
QHMの基本カテゴリ 関連項目
- 基本的な使い方
- QHMの基本編集方法
- 画像の様々な貼り付けかた
- 編集ツールボックスの説明
- 編集ボックスの解説
- セールスレター型デザイン
- ロゴ作成
