Open Quick Homepage Maker(Open-QHM)で始める簡単楽々ホームページ作成

とーちゃんの早わかり一口編集情報 　

Quick Homepage Makerのオリジナル情報を手に入れよう 　

　何をするにしても、オリジナル情報は大切です。
　私は、オリジナルをないがしろにして、もっと安易にこのページにすがろうとする人を相手にする気はないので、北摂情報学研究所が提供している情報にすぐに書いてあることをここでもう一度説明する気はありません。
　オリジナル情報を見ても、疑問に思いやすい点、分かりにくい点などについてこのホームページで解説していこうと思います。
　まずは北摂情報学研究所が提供している情報は、きちんと見ておいてくださいね。
　特に、無料のOpen Quick Homepage Maker（Open QHM）を使いたい人は、情報が限られていますから、手に入れることができるものは、片っ端から手に入れましょう。
　では、次から、「とーちゃん」の一口編集情報です。

編集画面の簡易入力ボタン 　

　編集画面には、下に簡易入力ボタンがあります。


これの上にカーソルを置くと、そのボタンがどの機能を実現するためのものかの表示が出てきます。（上の画面ではなく、編集画面でやってみてくださいね。）それを確認した上で、これらのボタンをすべて確かめてみましょう。よく使う機能がここに要領よくまとめられているので、このボタンの使い方を覚えると入力がずいぶん楽になります。
　なお、このボタンを押したときどのようなタグが挿入されるかは、/lib/html.phpに定義してあります。必要ならそこをいじると自分の使いたいタグの内容に変更できます。

文字サイズの変更 　

　　「数値」のところにピクセル単位の数字だけ入れます
　　「縮小したい文字列」の所に文字列を入れます
　編集ボタンの「AA」というのがこのタグの簡易入力でした。

半角指定の囲みとの併用はうまく動作しませんでした。

この囲みはstyleを使ったものです。

マークの表示 　

　チェックマークは

とします。
　編集ボタンの が簡易入力です。

New!マーク 　

インストールNew!

　このように入力しています。

　「nolink」をつけると、リンク先が表示されないで、New!マークだけになるようですね。最新の更新から5日以上たつと、このタグを挿入しても何も表示されなくなります。
　使い方の説明は、AKKOのSiteDEV、PukiWiki/プラグイン/1.4

特殊な文字の入力 　

「~」（チルダ）を使う 　

　OpenQHMの制御に使われるような文字を画面上に出したい場合、たとえば

の様に書いてしまうと、制御記号（タグ）と解釈されてしまうのでうまくいきません。そういう場合は

というように、制御記号と認識される字の前に「~」（チルダ）を入れます。

必要に応じてUnicodeコードを使おう 　

　同じことをするのに、

というように、最初の一文字だけUnicodeコードを使って書くこともできます。
　整形ルールの数値参照文字の入力を参考にしてくださいね。
　どの数値になるかは、コード表を検索して調べましょう。

　単に、Quick Homepage Makerの制御に使われる記号（亀田さんが言うところの「おまじない」）、をきちんと画面に表示するだけなら、「~」（チルダ）を使う方がはるかに簡単です。
　ですが、この便利な方法も今実験してみると、「~// 」「~<」「~#」はうまくいきましたが、「&」は、どうもうまくいきません。
　たとえば、「~&check;」と書くと、

のような表示になってしまいます。
　このような場合は上のUnicodeコードを使って書くしかないようですね。
　またこの、Unicodeコードを使って書く方法は、キーボードから直接入力できない文字やJIS第3水準・第4水準の文字などの表示にも使用できます。

半角スペースを挿入する枠を使っても 　

#html{{
}}

のようにそのまま書いても、半角スペースを使って表示する枠では、書いたままの形で出力できるようです。
　しかし、逆に言うと、これは半角スペースを使った枠内では、Open-QHMのタグはタグとしては一切解釈されないということですから、表記の統一性を考えれば、半角スペースを使った枠は使いにくいでしょう。

classを指定した枠の入力 　

　半角スペースを使った枠の中では、Quick Homepage Makerのタグがそのまま表示されてしまい、タグとして機能しないので、自然とclassを指定したタグをよく使うことになります。これの簡易入力ボタンが、「枠」です。
　一通りの枠を色々試してみて、自分が一番よく使う枠の設定にタグの内容を書き換えてしまうのが使いやすいと思います。
　書き換え方は、リンク先を見てください。

別ページの特定部分への移動 　

　ホームページ内別ページのある特定部分に移動するには、たとえば他ページの「Google Adsenceの導入」に移動するような場合は、

とします。
　これは、「早わかり操作法/アフィリエイトリンクの貼り方」のページの、「#cc9b14ce」というアンカーの位置にリンクするということです。
　ページのタイトルを入力した際、下の[#cc9b14ce]

の様なものが勝手についてきて、私は何が加えられているのか訳が分からず、消していたのですが、これがこのページのこの位置に飛んでくるときのアンカーになっていたのですねえ。かしこい！

他人のホームページの特定部分に飛んでいくリンク 　

　これを応用すると、他の人が作ったホームページの特定部分にもきちんと飛んでいくリンクを指定できますね。
　たとえば私のホームページなら、それをブラウザで開いて、ブラウザの「表示」プルダウンメニューから「ソース（の表示）」を選択します。
　これでそのページのソースが表示されますから、飛ばせたい記事のあたりを探して、アンカーが有ればそれを指定すればよいわけです。
　Quick Homepage Makerなら、見出しごとにアンカーが自動挿入されますし、他のものでも、ページ内にそこに飛んでいくリンクが貼ってある場合は、必ずそこにアンカーがあるはずです。

自分でアンカーを設定する 　

　Quick Homepage Makerの場合、アンカーは見出しごとに自動挿入されるので、自分で設定する必要はほとんど無いはずです。
　それでも、自分で設定したい場合は、リンクを参考にしてください。

改行 　

　入力画面で改行すれば、ホームページの改行に反映するようになっています。
　しかし、編集画面で何行も改行を入た場合には、表示されるときに、所定の改行数に縮められてしまうので、表示に反映されません。
　このようなときに強制的に改行させるには、簡易編集ボタンの改行マークを押して、

を明示的に入れます。



　２回入れると、このように間隔をあけることができます。
　また次の「表の中での改行」のような場合も、「&br;」で改行を指示してやる必要があります。

表の中での改行 　

　たとえば

表の改行幅を広くする 　

　標準の設定では、Internet Explorerで表示すると、表中の改行幅が1.0emになり、フォントの大きさも本文の他の部分の設定通りにはならないようです。(Opelaは、表だけこのように表示が変わるということはありません。）
　ちょっとした記述ならこれでもよいでしょうが、長い記述を表中に入れようとすると、これではちょっと行と行との間が詰まりすぎて感じられます。（あなたの標準のQHMで作った表と、すぐ上の表とを見比べてみてくださいね。）
　この改行幅とフォントの大きさを変えるには、layout.cssの下の記述部分に

の２文を加えます。「1.3em」の数字を変えることで、改行幅を自由に調節できます。
　私の経験上、表の中は、普通の文中よりちょっと改行幅を少なめにしておいた方が見やすいように思います。
　Quick Homepage Makerは、本文の改行幅が1.5emで初期設定されています。

なお、layout.cssの変更方法は、「デザインの変更」を参考にしてください。

画像の回り込みの解除 　

　画像などの回り込みは、普通画像が終わればそこから元の位置に文章が戻るので特別な指定は必要ありません。
　しかし、この例のように、画像が長く、次の見出しが画像にはみ出してしまうような場合には、何も指定をしないと、次の見出しに、画像がはみ出して表示されます。
　このような時に、見出しにはみ出して画像を表示しないようにするためには、回り込みを解除したいところで、

と、明示的に指定します。

　

再認証で内容が保存されなかった場合 　

　長いこと編集していていざ保存しようとすると、時間切れで再認証を要求されることがあります。それで再認証されて元の編集画面の保存ができていればいいのですが、そのページに行ってみても編集前の内容のまんま。本当に脱力感に襲われます。
　これって、プログラムの不具合というか、うまくできていない点なのでしょうが、こういうときはあわてず騒がず、再認証後、ブラウザの戻る（←）ボタンを押して、最後に編集したページを出して、右クリックの後、「全部選択」→「コピー」して、内容をパソコン内に保存しておきます。（慣れないうちは、この内容をエディタを開いて、ファイルにも保存しておきましょう。）それからもう一度認証してから、編集していたページを開き、編集画面から、「右クリック→すべてクリア」で、そこに表示されている内容を全て消してから、右クリックで「貼り付け」を押すと、パソコン内に保存されていたページが編集ページに貼り付けられます。それを保存して、「やれやれ、データが消えなくてよかった」ということになります。
　編集中のデータを消すのは、慣れないうちは間違いが起こることも多いでしょうから、エディタを使ってでも、必ず消す前に別ファイルに保存するようにしておく方が、安全でしょう。

〔パソコンのコピーという用語〕
　ワープロなどと同じですが、パソコンの「コピー」という用語は、パソコンになじみのない人には誤解を招きやすい言葉です。
　コピーしたい内容を選択して、この「コピー」を選んでも、画面上は何も変わりません。この「コピー」という用語は、実は範囲指定した内容を、パソコンの中に一時コピーしておくという意味なのです。それをした後で今度は「貼り付け」というのを押すと、記憶していた内容がカーソル位置に貼り付けられます。
　ですから内容を移動するときには、「切り取り」して「貼り付け」、同じ内容をコピーするときには、「コピー」して「貼り付け」と二段階の操作が必要です。
　昔のワープロ専用機などでは一つの操作でできたものが、Windowsの世の中になって、なじみのない人にはわかりにくくなりました。