枠の使い方
ページ内テキストに枠をつける
枠の使い方
QHMでは、ページ内のテキストに枠の装飾をつけるのがとても簡単です。

編集用ツールボックスの下段にある
をクリックすれば、以下のようなタグが自動生成されます。
#style(class=bluebox2){{
(ここに内容を書く)
}}
編集の仕方
(ここに内容を書く) の部分に枠内に入れたいテキストを入力すれば、枠の中に文字が自動的に入ります。
QHMは簡単ホームページ作成システムです。
#style(class=bluebox2){{
QHMは簡単ホームページ作成システムです。
}}
※タグを一行にまとめることはできませんので、改行されてる状態のまま、 (ここに内容を書く) だけを書き換えてください。
(悪い記述例)
#style(class=bluebox2){{(ここに内容を書く)}}
テキストに装飾(おまじない)を加える
通常編集と同じように、おまじないによる装飾も枠内に反映します。
QHMは簡単ホームページ作成システムです。
#style(class=bluebox2){{
&color(purple){''QHMは簡単ホームページ作成システムです。''};
}}
複数行で書く
改行したい場合も、普通に改行するだけで大丈夫です。
QHMユーザーの為のリファレンスにようこそ!
QHMは簡単ホームページ作成システムです。
#style(class=bluebox2){{
QHMユーザーの為のリファレンスにようこそ!
QHMは簡単ホームページ作成システムです。
}}
テキスト横位置を調節する
左寄せ(LEFT:)・中央寄せ(CENTER:)・右寄せ(RIGHT:)も反映します。
※QHMのバージョンやブラウザによって縦の余白が小さくなって表示される事があります。
QHMは簡単ホームページ作成システムです。
#style(class=bluebox2){{
CENTER:QHMは簡単ホームページ作成システムです。
}}
リンクを貼る
枠内テキストにリンクを張ることも出来ます。
#style(class=bluebox2){{
[[QHMユーザーの為のリファレンス>http://www.freeqhm.com/]]
}}
これ以外に、好きな枠線・色で枠を作る方法もあります。
詳しくは boxプラグイン をご覧ください。
枠の種類と見本
のボタンで使える枠は15種類です。
bluebox1~5 redbox1~5 graybox1~5 の15種類です。
生成された編集タグの bluebox2 を他の枠名に変更入力すれば、別の色・形式の枠を使う事が出来ます。
(例)bluebox2 → redbox1
#style(class=redbox1){{
(例)bluebox2 → redbox1
}}
15種類の枠の見本を以下に掲載しましたので、サイトの雰囲気や用途に合わせて利用してください。
bluebox
bluebox1
bluebox2
bluebox3
bluebox4
bluebox5
redbox
redbox1
redbox2
redbox3
redbox4
redbox5
graybox
graybox1
graybox2
graybox3
graybox4
graybox5
便利な使い方
この機能を使って、バナー背景風タイトルを作成する事ができます。
QHMユーザーの為のリファレンス
#style(class=bluebox5){{
CENTER:&size(20){&color(green){''QHMユーザーの為のリファレンス''};};
}}
一般に、バナーには、サイト内の重要キーワードを記述することが多いと思います。
QHMでは、見出しテキストには<h2>~<h4>タグが自動挿入されます。
しかし、この方法だとテキストタグは通常になってしまいますので、SEO対策を考えると、あまりよくありません。
ページの雰囲気を変えたい時に適度な利用や、それほど重要な記述でない時に利用されるのが、いいと思います。

