• Home
• How to use
• Contact

枠の使い方

HOME > 編集方法 > 枠の使い方

ページ内テキストに枠をつける

枠の使い方

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

編集用ツールボックスの下段にあるをクリックすれば、以下のようなタグが自動生成されます。

#style(class=bluebox2){{
(ここに内容を書く)
}}

編集の仕方

(ここに内容を書く) の部分に枠内に入れたいテキストを入力すれば、枠の中に文字が自動的に入ります。

#style(class=bluebox2){{
QHMは簡単ホームページ作成システムです。
}}

※タグを一行にまとめることはできませんので、改行されてる状態のまま、 (ここに内容を書く) だけを書き換えてください。

（悪い記述例）
#style(class=bluebox2){{(ここに内容を書く)}}

テキストに装飾（おまじない）を加える

通常編集と同じように、おまじないによる装飾も枠内に反映します。

#style(class=bluebox2){{
&color(purple){''QHMは簡単ホームページ作成システムです。''};
}}

複数行で書く

改行したい場合も、普通に改行するだけで大丈夫です。

#style(class=bluebox2){{
QHMユーザーの為のリファレンスにようこそ！
QHMは簡単ホームページ作成システムです。
}}

テキスト横位置を調節する

左寄せ(LEFT:)・中央寄せ(CENTER:)・右寄せ(RIGHT:)も反映します。

　※ＱＨＭのバージョンやブラウザによって縦の余白が小さくなって表示される事があります。

#style(class=bluebox2){{
CENTER:QHMは簡単ホームページ作成システムです。
}}

リンクを貼る

枠内テキストにリンクを張ることも出来ます。

#style(class=bluebox2){{
[[ＱＨＭユーザーの為のリファレンス>http://www.freeqhm.com/]]
}}

枠の種類と見本

のボタンで使える枠は15種類です。

bluebox1～5　redbox1～5　graybox1～5　の15種類です。

生成された編集タグの bluebox2 を他の枠名に変更入力すれば、別の色・形式の枠を使う事が出来ます。

#style(class=redbox1){{
（例）bluebox2 → redbox1
}} 

15種類の枠の見本を以下に掲載しましたので、サイトの雰囲気や用途に合わせて利用してください。

bluebox

redbox

graybox

便利な使い方

この機能を使って、バナー背景風タイトルを作成する事ができます。

#style(class=bluebox5){{
CENTER:&size(20){&color(green){''QHMユーザーの為のリファレンス''};};
}}

一般に、バナーには、サイト内の重要キーワードを記述することが多いと思います。
QHMでは、見出しテキストには<h2>～<h4>タグが自動挿入されます。
しかし、この方法だとテキストタグは通常になってしまいますので、ＳＥＯ対策を考えると、あまりよくありません。
ページの雰囲気を変えたい時に適度な利用や、それほど重要な記述でない時に利用されるのが、いいと思います。

powered by Quick Homepage Maker 4.53