ページ名の位置移動
QHMのページ名について
ＱＨＭでは、ページ名を日本語でつけることが出来ます。
以下のような利点があります。
- ページアドレスになる（ブラウザのアドレスバーに表示される）
- ページ名がページ内にも表示されるので、閲覧者にわかりやすい
- <h2>タグが自動で反映するので、ＳＥＯ対策に有効
- 他のページでページ名のテキストを入力すると、自動でリンクが貼られる
ＱＨＭの利用者であれば、ページ内容に合わせたページ名をつけている方が多いと思います。
ページ名には、自動リンクに有効なテキストをつけた方が便利ですが、ページ名が検索エンジンでも表示されるので、さらに修正などをして、ＳＥＯ対策をより有利にするのが望ましいですね。
ページ名の表示のされ方を変更する方法は、ページ名についてをご参照ください。
ページ名の位置移動
ＱＨＭの初期設定では、カラムが左側、本文が右側、ページ名が右上に設置されています。
この位置を、上下左右で変更する事が出来るので、その方法をご案内します。
この編集には、サーバー経由でファイルを修正します。
修正を間違えるとページが崩れますので、必ずバックアップを取って、慎重に作業してください。
（万が一不具合がおきても、当サイトでは責任を負いかねます。自己責任でお願いします。）
参考に、ファイルの書き換え方法もご覧下さい。
左右の位置を変更する
無償版4.27より前のバージョンをご利用の方
skin ＞ hokukenstyle ＞ g_blue06 フォルダ内の color.css ファイルを修正します。
サクラエディタで133行目付近
/*Page Title*/
#content h2.title{
font-size:12px;
color: #999;
text-align:right;
}
text-align:right; を text-align:left; に変更して、上書きアップロードしてください。
無償版4.27以降のバージョンをご利用の方
skin ＞ hokukenstyle ＞ g_blue06 フォルダ内の main.css ファイルを修正します。
サクラエディタで318行目付近
#content h2.title {
text-align:right;
font-size:10px;
margin:0;
padding-top:5px;
}
text-align:right; を text-align:left; に変更して、上書きアップロードをしてください。
有償版をご利用の方
skin ＞ hokukenstyle ＞ ご利用のデザインフォルダ名 のフォルダ内の main.css ファイルを修正します。
以下のような記述を探してください。（デザインによって異なっていると思います。）
#content h2.title {
text-align: left;
font-size: 10px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding-top: 5px;
}
text-align:right; を text-align:left; に変更して、上書きアップロードをしてください。
上下の位置を変更する
通常、コンテンツの一番上に位置しているページ名をページ最下部に変更します。
skin ＞ hokukenstyle フォルダ内の pukiwiki.skin.php を修正します。
一つ上の階層(skinフォルダ内)にも同名のファイルがありますので、間違えないようにしてください。特にアップロード時はご注意ください。
ファイル内の以下の記述を探してください。
(バージョンやデザインによって多少記述が異なっているかもしれませんので、ご了承ください。)
<!-- ◆ Content ◆ =============================== -->
<div id="main"><!-- ■BEGIN id:main -->
<div id="wrap_content"><!-- ■BEGIN id:wrap_content -->
<div id="content"><!-- ■BEGIN id:content -->
<h2 class="title">#{$this_right_title}</h2>
<div id="body"><!-- ■BEGIN id:body -->
#{$qp_here_start}
#{$body}
#{$qp_here_end}
</div><!-- END id:body -->
#{$summary}
</div><!-- END id:content -->
</div><!-- END id:wrap_content -->
＜h2 class="title"＞#{$this_right_title}＜/h2＞ という記述を、
＜/div＞＜!-- END id:body --＞ の下に移動させます。
（上記のコードは、表示の都合上、< >を全角表示にしています。ファイル内には半角で表示されています。）
<!-- ◆ Content ◆ =============================== -->
<div id="main"><!-- ■BEGIN id:main -->
<div id="wrap_content"><!-- ■BEGIN id:wrap_content -->
<div id="content"><!-- ■BEGIN id:content -->
<div id="body"><!-- ■BEGIN id:body -->
#{$qp_here_start}
#{$body}
#{$qp_here_end}
</div><!-- END id:body -->
<h2 class="title">#{$this_right_title}</h2>
#{$summary}
</div><!-- END id:content -->
</div><!-- END id:wrap_content -->
保存してから、アップロードして下さい。
行を間違えたり、コピーミスがあるとページが崩れますので、必ずバックアップを取るのを忘れないで下さい。
余談ではありますが、ＱＨＭで編集したホームページはyahoo の検索エンジンのキャッシュでは ]]> ←このような記号が現れます。
どうにか修正したいとおもっているのですが、原因がわからず、ご存知の方がいらっしゃったら、お問い合わせフォームより教えていただけるとありがたいです。
また、ＱＨＭによっても、この記号の数や位置が異なっているのですが、私のサイトの場合少し数が多いようです。。。
pukiwiki.skin.php を修正しているからかもしれません。
（他にもかなり手を加えてるので、原因は他かもしれませんが。）
それもご了承の上で、修正していただくよう、お願い申し上げます。
