ｈaikで機能しないQHM機能

- 1 -

haik で機能し ない QHM 機能

以 下 の 不 具 合 は 、 実 際 に 当 方 が haik へ の 変 換 作 業 を 通 し て 体 験 し た 事 象 で す 。

全 て 事 実 に 基 づ い た 事 象 を 纏 め た も の で す 。

haik で機能し ない QHM のプ ラグイン／ 機能

No. 不具合箇所 関連プラグイン 不具合事象＆対応方法

1 ページ毎に違うロゴ画像 ＃logo_image ページ毎に違うロゴ画像は設定でき

ません。

⇒＃logo_image の使用を止める

2 一部の＆greybox による

画像表示

＆greybox 一部の＆greybox は画像が表示されませ

ん。

⇒＆greybox を＆show に修正する

3 背景を画像で表示する方

法

＃beforescript 一部のテーマを除いて背景を画像で

設定できません。

⇒背景画像挿入を止める

4 表の表示位置いろいろ ｜STYLE:left

｜、

｜STYLE:right｜

表の左・中央・右寄せが出来ない。

⇒段組併用の表に変更する

5 表の罫線を消す ＃beforescript 表の罫線消去ができない。

⇒表の罫線消去を止める

6 表の列幅を固定する ｜RIGHT:100｜c 絶対値の列幅指定ができない。

⇒絶対値の列幅を比例値に直す

ｈaikで機能しないQHM機能

- 2 -

7 表の右に画像を配置 aroundr 画像回り込みで表挿入ができない。

⇒段組内の表と画像に変更する

8 Midi 再生プレーヤーの

設置

#html{{ }} Midi の再生ができない。

⇒Midi 再生を止める

9 メニューを非表示にする ＃beforescript メニュー無しページの Include が

効かない。

⇒haik のレイアウト機能に変更する

10 特定のページでデザイン

を変更

＃include_skin フッターメニューが乱れる。

⇒不具合発生のデザインの Include

を止める

11 &attachref による画像表示 ＆attachref &attachref による画像表示はでき

ない。

⇒＆show に変更する

12 &ref／#ref による画像表示 &ref／#ref &ref／#ref による画像表示はでき

ない。

⇒＆show／＃show に変更する

13 全角の画像ファイル名 ＆show 全角の画像ファイル名は使用できない。

⇒半角のファイル名に変更

レ ス ポ ンシ ブ ・レ イ ア ウ ト に す る た めの 考 慮点

前 記 の 変 換 エ ラ ー と は 別 に 、 レ ス ポ ン シ ブ ・ レ イ ア ウ ト に す る 際 の 変 換 対 応 箇 所 を 、 以 下

の ペ ー ジ で 列 挙 し て み ま し た 。 合 わ せ て 参 考 に し て 下 さ い 。

ｈaikで機能しないQHM機能

- 3 -

旧 の QHM サ イ トに haik テ ー マ を 導 入 し た 場 合 、 特 に レ ス ポ ン シ ブ レ イ ア ウ ト に す

る た め に や ら な け れ ば な ら な い 変 換 処 理 が あ り ま す 。そ の 変 換 対 象 項 目 と し て 、以 下

の ９ 点 が 考 え ら れ ま す 。

1. ナビをドロップダウンメニューに変える

2. アコーディオンを haik専用に変換する 3. 枠（ボックス）を haik専用に変換する 4. スライドショーを haik専用に変換する 5. タブを haik専用に変換する 6. 回り込み画像の添付貼り付けを段組併用に変える 7. 段組（#style2）を haik専用に変換する 8. テーブルのレスポンシブ化への考察 9. 旧の画像表示プラグインは&show又は#showに変更する

ナ ビ メ ニ ュ ー の 項 目 が 多 い 場 合 、 #bs_nav を 使 用 し て ド ロ ッ プ ダ ウ ン メ ニ ュ ー に 変

え る 場 合 が 生 じ ま す 。 勿 論 、 少 な い ナ ビ 項 目 な ら 現 行 の ま ま で 差 し 支 え あ り ま せ ん 。

実 際 の ナ ビ・イ メ ー ジ を デ モ 画 面 と し て 表 示 す る こ と は で き ま せ ん が 、お ま じ な い の

イ メ ー ジ で 想 像 し て み て 下 さ い 。 以 下 の よ う な 違 い が 考 え ら れ ま す 。

· 参 考 ま で に ド ロ ッ プ ダ ウ ン メ ニ ュ ー を 実 装 し た ペ ー ジ を 紹 介 し ま す 。

新 旧 を 比 較 す る

旧 QHM で の ナ ビ 設 定

[[リンク文字１ ]] / [[リンク文字２ ]] / [[リンク文字３ ]] / [[リンク文字４ ]] / [[リ

ンク文字５ ]] / [[リンク文字６ ]] / [[リンク文字７ ]] / [[リンク文字８ ]]

新 haik で の ナ ビ 設 定

#bs_nav{{

ｈaikで機能しないQHM機能

- 4 -

- [[リンク文字１ ]]

- [[リンク文字２ ]]

- グループ文字１

-- [[リンク文字３ ]]

-- [[リンク文字４ ]]

- グループ文字２

-- [[リンク文字５ ]]

-- [[リンク文字６ ]]

- グループ文字３

-- [[リンク文字７ ]]

-- [[リンク文字８ ]]

}}

解 説 し ま す 。

旧 QHM の ナ ビ は 一 次 元 的 な 単 な る ナ ビ の 羅 列 に す ぎ ま せ ん 。

ナ ビ 項 目 の 名 称 の 桁 数 や 使 用 し て い る デ ザ イ ン の 横 幅 等 で 、 こ れ 以 上 ナ ビ 項 目 を 追 加 で き

な い 場 合 、 実 際 に は 追 加 で き る の だ が ナ ビ が ２ 行 に な っ て し ま う 場 合 等 、 haik で は ナ ビ を

階 層 化 （ ２ 階 層 ま で ） し て 立 体 的 な ナ ビ を 作 る こ と で す 。

即 ち 、 ド ロ ッ プ ダ ウ ン ・ メ ニ ュ ー の 導 入 が 唯 一 の 解 決 策 に な り ま す 。

ｈaikで機能しないQHM機能

- 5 -

旧 QHM での #accordion を新 haik の #bs_accordion に変更する。

旧 QHM で の ア コ ー デ ィ オ ン の 例

· 見 出 し １ で す

· 見 出 し ２ で す

· 見 出 し ３ で す

新 haik で の ア コ ー デ ィ オ ン の 例

見 出 し １ で す

見 出 し ２ で す

見 出 し ３ で す

新 旧 を 比 較 す る

旧 QHM で の ア コ ー デ ィ オ ン

#accordion{{

* 見出し１です

見出し１のテキスト１行目です

見出し１のテキスト２行目です

* 見出し２です

見出し２のテキスト１行目です

ｈaikで機能しないQHM機能

- 6 -

見出し２のテキスト２行目です

見出し２のテキスト３行目です

* 見出し３です

見出し３のテキスト１行目です

見出し３のテキスト２行目です

}}

新 haik で の ア コ ー デ ィ オ ン

#bs_accordion{{

- 見出し１です

- 見出し２です

- 見出し３です

====

見出し１のテキスト１行目です

見出し１のテキスト２行目です

====

見出し２のテキスト１行目です

見出し２のテキスト２行目です

見出し２のテキスト３行目です

ｈaikで機能しないQHM機能

- 7 -

====

見出し３のテキスト１行目です

見出し３のテキスト２行目です

}}

解 説 し ま す 。

＃ accordion が #bs_accordion に 変 わ り ま す 。 そ し て 「 *」 の 見 出 し 項 目 で の 区 切 り を 、

haik で は 「 ====」 で 区 切 り ま す 。 新 旧 を 比 較 し て 見 れ ば 、 直 ぐ お 分 か り に な る か と 思 い ま

す 。

新 旧 の ア コ ー デ ィ オ ン で 操 作 の 違 い が あ る の が 分 か り ま す 。 ア コ ー デ ィ オ ン を 開 く 際 、 旧

QHM で は ア コ ー デ ィ オ ン の バ ー（ 横 棒 ）の 何 処 を ク リ ッ ク し て も 開 け ま す が 、新 hai k で は

ア コ ー デ ィ オ ン 上 の リ ン ク 文 字 そ の も の を ク リ ッ ク し な い と 開 け ま せ ん 。

ア コ ー デ ィ オ ン で の 注 意 事 項 new

新 旧 の ア コ ー デ ィ オ ン で 共 通 し た 事 例 で す が 、見 出 し 文 字 に リ ン ク を 張 っ て は い け ま

せ ん 。見 出 し 文 字 に リ ン ク が 張 ら れ て い る と 、ア コ ー デ ィ オ ン を 開 く 前 に リ ン ク 先 に

ジ ャ ン プ し て し ま い ま す 。

こ の こ と は 当 然 と 言 え ば 当 然 の こ と で す が 、 意 図 し て リ ン ク を 張 っ て い な く て も 、

QHM に は 自 動 リ ン ク と い う 機 能 が あ っ て 、 見 出 し 文 字 が 既 存 の ペ ー ジ 名 と 同 じ な ら

自 動 的 に リ ン ク が 張 ら れ て し ま い ま す 。

ｈaikで機能しないQHM機能

- 8 -

こ の 自 動 リ ン ク 機 能 を 解 除 す る お ま じ な い と し て 「 NOAUTOLINK:」 が あ り ま す が 、

こ の 自 動 リ ン ク 解 除 機 能 は 、コ ン テ ン ツ 本 体 部 分 で は 機 能 し ま す が 、メ ニ ュ ー 上 で は

機 能 し ま せ ん 。

最 近 、実 際 に あ っ た 事 で す が 、サ イ ド メ ニ ュ ー 上 で の 見 出 し 文 字 と ア コ ー デ ィ オ ン で

開 か れ た リ ン ク 文 字 が 同 じ で あ っ た た め に 、ア コ ー デ ィ オ ン が 正 し く 機 能 し な か っ た

事 例 が あ り ま し た 。

そ の ユ ー ザ ー 様 は QHM の 自 動 リ ン ク 機 能 の 存 在 を 知 っ て い た の か ど う か 分 か り ま せ

ん が 、 何 気 な く 使 っ た 見 出 し 文 字 が ア コ ー デ ィ オ ン の 不 具 合 を招 い て SOS を 発 信し

て き た 事 例 で し た 。

旧 QHM での #box を新 haik の #bs_box に変更する。

旧 QHM で の 枠 （ ボ ッ ク ス ） の 例

こ ち ら は ボ ッ ク ス の 使 用 例 で す 。

お ま じ な い 「 ＃ box」 で 作 成 さ れ て い ま す。

新 haik で の 枠 （ ボ ッ ク ス ） の 例

こ ち ら は ボ ッ ク ス の 使 用 例 で す 。

お ま じ な い 「 ＃ box」 で 作 成 さ れ て い ま す。

新 旧 を 比 較 す る

ｈaikで機能しないQHM機能

- 9 -

旧 QHM で の 枠 （ ボ ッ ク ス ）

#box(green,4px,double,#efe,75%){{

こちらはボックスの使用例です。

おまじない「＃ box」で作成されています。

}}

新 haik で の 枠 （ ボ ッ ク ス ）

#bs_box(panel,primary,10+1){{

こちらはボックスの使用例です。

おまじない「＃ box」で作成されています。

}}

解 説 し ま す 。

＃ box が #bs_box の 変 わ り ま す 。そ れ ぞ れ の オ プ シ ョ ン の 機 能 が 大 分 違 い ま す 。従 っ て 、

全 く 同 じ 枠 を 再 現 す る の は 難 し い と 思 い ま す 。

旧 QHM での #slideshow を新 haik の #bs_carousel に変更する。

旧 QHM で の ス ラ イ ド シ ョ ー の 例

ｈaikで機能しないQHM機能

- 10 -

ｈaikで機能しないQHM機能

- 11 -

ｈaikで機能しないQHM機能

- 12 -

新 haik で の ス ラ イ ド シ ョ ー の

タイトル４旧 QHM で の ス ラ イ ド シ ョ ー

#slideshow(350){{

swfu/d/Win7WP009.jpg,タイトル１

ｈaikで機能しないQHM機能

- 13 -

swfu/d/Win7WP010.jpg,タイトル２

swfu/d/Win7WP011.jpg,タイトル３

swfu/d/Win7WP012.jpg,タイトル４

swfu/d/Win7WP013.jpg,タイトル５

}}

新 haik で の ス ラ イ ド シ ョ ー

#bs_carousel{{

swfu/d/Win7WP009.jpg,タイトル１

swfu/d/Win7WP010.jpg,タイトル２

swfu/d/Win7WP011.jpg,タイトル３

swfu/d/Win7WP012.jpg,タイトル４

swfu/d/Win7WP013.jpg,タイトル５

}}

解 説 し ま す 。

＃ slideshow が #bs_carousel に 変 わ り ま す 。 お ま じ な い が 変 わ っ た だ け で 後 は 同 じ デ ー

タ で 再 現 で き ま す 。 唯 一 違 う と こ ろ を 挙 げ れ ば 、 新 haik で は コ ン テ ン ツ 幅 一 杯 に ス ラ イ ド

シ ョ ー を 展 開 し ま す の で 、 元 々 、 幅 の 狭 い ス ラ イ ド シ ョ ー は 多 少 画 像 が ぼ け る か も 知 れ ま

せ ん 。

ｈaikで機能しないQHM機能

- 14 -

旧 QHM での #tabbox を新 haik の #bs_tabs に変更する。

旧 QHM で の タ ブ の 例

· 見 出 し １ で す

· 見 出 し ２ で す

· 見 出 し ３ で す

見 出 し １ の テ キ ス ト １ 行 目 で す

見 出 し １ の テ キ ス ト ２ 行 目 で す

新 haik で の タ ブの 例

· 見 出 し １ で す

· 見 出 し ２ で す

· 見 出 し ３ で す

見 出 し １ の テ キ ス ト １ 行 目 で す

見 出 し １ の テ キ ス ト ２ 行 目 で す

新 旧 を 比 較 す る

旧 QHM で の タ ブ

#tabbox{{

* 見出し１です

見出し１のテキスト１行目です

ｈaikで機能しないQHM機能

- 15 -

見出し１のテキスト２行目です

* 見出し２です

見出し２のテキスト１行目です

見出し２のテキスト２行目です

見出し２のテキスト３行目です

見出し２のテキスト４行目です

* 見出し３です

見出し３のテキスト１行目です

見出し３のテキスト２行目です

見出し３のテキスト３行目です

}}

新 haik で の タ ブ

#bs_tabs{{

- 見出し１です

- 見出し２です

- 見出し３です

====

見出し１のテキスト１行目です

ｈaikで機能しないQHM機能

- 16 -

見出し１のテキスト２行目です

====

見出し２のテキスト１行目です

見出し２のテキスト２行目です

見出し２のテキスト３行目です

見出し２のテキスト４行目です

====

見出し３のテキスト１行目です

見出し３のテキスト２行目です

見出し３のテキスト３行目です

}}

解 説 し ま す 。

＃ tabbox が #bs_tabs に 変 わ り ま す 。 そ し て 「 *」 の 見 出 し 項 目 で の 区 切 り を 、 haik で は

「 ====」 で 区 切 り ま す 。 新 旧 を 比 較 し て 見 れ ば 、 直 ぐ お 分 か り に な る か と 思 い ま す 。

旧 QHM での #show を新 haik の #cols と &show の併用に変更する。

旧 QHM で の 回 り 込 み 画 像 の 添 付 貼 り 付 け の 例

ｈaikで機能しないQHM機能

- 17 -

画 像 の 回 り 込 み テ キ ス ト １ 行 目 で す 。

画 像 の 回 り 込 み テ キ ス ト ２ 行 目 で す 。

画 像 の 回 り 込 み テ キ ス ト ３ 行 目 で す 。

画 像 の 回 り 込 み テ キ ス ト ４ 行 目 で す 。

画 像 の 回 り 込 み テ キ ス ト ５ 行 目 で す 。

新 haik で の 回 り 込 み 画 像 の 添 付 貼 り 付 け も ど き の 例

画 像 の 回 り 込 み テ キ ス ト １ 行 目 で す 。

画 像 の 回 り 込 み テ キ ス ト ２ 行 目 で す 。

画 像 の 回 り 込 み テ キ ス ト ３ 行 目 で す 。

画 像 の 回 り 込 み テ キ ス ト ４ 行 目 で す 。

画 像 の 回 り 込 み テ キ ス ト ５ 行 目 で す 。

ｈaikで機能しないQHM機能

- 18 -

新 旧 を 比 較 す る

旧 QHM で の 回 り 込 み 画 像

#show(auto-p3EsuN.jpg,aroundl,z)

画像の回り込みテキスト１行目です。

画像の回り込みテキスト２行目です。

画像の回り込みテキスト３行目です。

画像の回り込みテキスト４行目です。

画像の回り込みテキスト５行目です。

#clear

新 haik で の 回 り 込 み 画 像

#cols{{

&show(auto-p3EsuN.jpg,,z);

====

画像の回り込みテキスト１行目です。

画像の回り込みテキスト２行目です。

画像の回り込みテキスト３行目です。

画像の回り込みテキスト４行目です。

画像の回り込みテキスト５行目です。

ｈaikで機能しないQHM機能

- 19 -

}}

解 説 し ま す 。

旧 QHM で の 画 像 回 り 込 み #show を 、haik で は ２ 段 の 段 組 を 設 定 し て 段 組 の 左 側 に 画 像 を

入 れ 、 右 側 に テ キ ス ト 文 章 を 入 れ て い ま す 。

旧 QHM での #style2 を新 haik の #cols に変更する。

旧 QHM で の 段 組 （ #style2） の 例

あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ

い い い い い い い い い い い い い い い い い

う う う う う う う う う う う う う う う う う

え え え え え え え え え え え え え え え え え

お お お お お お お お お お お お お お お お お

新 haik で の 段 組（ #cols） の 例

ｈaikで機能しないQHM機能

- 20 -

あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ

い い い い い い い い い い い い い い い い い

う う う う う う う う う う う う う う う う う

え え え え え え え え え え え え え え え え え

お お お お お お お お お お お お お お お お お

新 旧 を 比 較 す る

旧 QHM で の 段 組 （ #style2）

#style2(L){{

あああああああああああああああああ

いいいいいいいいいいいいいいいいい

ううううううううううううううううう

えええええええええええええええええ

おおおおおおおおおおおおおおおおお

}}

ｈaikで機能しないQHM機能

- 21 -

#style2(R){{

&show(auto_LJYAKr.jpg,,説明 );

}}

#clear

新 haik で の 段 組 （ #cols）

#cols{{

あああああああああああああああああ

いいいいいいいいいいいいいいいいい

ううううううううううううううううう

えええええええええええええええええ

おおおおおおおおおおおおおおおおお

====

&show(auto_LJYAKr.jpg,,説明 );

}}

解 説 し ま す 。

旧 QHM で は 、 #style2(L) と #sty le2(R) の ペ ア が 、 新 haik で は 、 #cols{{

と ==== の ペ ア に 変 わ り ま す 。 後 は 比 較 し て ご 覧 戴 け れ ば お 分 か り に な る か と 思 い ま す 。

旧 QHM でのテーブル表示をレスポンシブル・テーブルに変更する。

ｈaikで機能しないQHM機能

- 22 -

旧 QHM で の テ ー ブ ル の 例

あいうえお かきくけこ さしすせそ たちつてと なにぬねの はひふへほ まみむめも

あいうえお かきくけこ さしすせそ たちつてと なにぬねの はひふへほ まみむめも

新 haik で の テ ー ブ ル の 例

あいうえお かきくけこ さしすせそ たちつてと なにぬねの はひふへほ まみむめも

あいうえお かきくけこ さしすせそ たちつてと なにぬねの はひふへほ まみむめも

新 旧 を 比 較す る

旧 QHM で の テ ー ブ ル

|あいうえお |かきくけこ |さしすせそ |たちつてと |なにぬねの |はひふへほ |まみむめも |

|あいうえお |かきくけこ |さしすせそ |たちつてと |なにぬねの |はひふへほ |まみむめも |

新 haik で の テ ー ブ ル

|STYLE:responsive|

|あいうえお |かきくけこ |さしすせそ |たちつてと |なにぬねの |はひふへほ |まみむめも |

|あいうえお |かきくけこ |さしすせそ |たちつてと |なにぬねの |はひふへほ |まみむめも |

解 説 し ま す。

ｈaikで機能しないQHM機能

- 23 -

新 haik で の テ ー ブ ル の 先 頭 に 以 下 の 一 行 を 追 加 し て レ ス ポ ン シ ブ レ イ ア ウ ト が 実 現

で き て い ま す 。

|STYLE:responsive|

画 面 を 横 幅 300px ぐ ら い に 縮 小 し て 上 下 の テ ー ブ ル を 比 較 し て ご 覧 戴 く と 、 haik で

の テ ー ブ ル に は 横 ス ク ロ ー ル ボ タ ン が 付 加 さ れ て い る と 思 い ま す 。そ れ が レ ス ポ ン シ

ブ レ イ ア ウ ト に な っ た 結 果 で す 。

古 い 話 に な り ま す が 、４ 年 以 上 前 に QHM を 導 入 し た ユ ー ザ ー は 画 像 表 示 の プ ラ グ イ

ン と し て &ref、 #ref、 &attachref 等 の お ま じ な い を 体 験 し た と 思 い ま す 。

QHM の バ ー ジ ョ ン が V5.2 以 上 で haik テ ー マ を 導 入 し た ケ ー ス で は 、 そ れ ら の プ ラ

グ イ ン は エ ラ ー と な り ま す 。 全 て &show 又 は #show に 置 き 換 え る 必 要 が あ り ま す 。

&attachref

&ref

#ref

ｈaikで機能しないQHM機能

- 24 -

&show

#show

実 際 の 例 で す 。

&ref(s-8-019.jpg,nolink,画像の説明 );

↓↓↓

&show(s-8-019.jpg,nolink,画像の説明 );

#ref(s-P1030241.jpg,around,left,nolink,画像の説明 );

↓↓↓

#show(s-P1030241.jpg,aroundl,画像の説明 );

#ref(s-山荘跡 .jpg,around,left,nolink,画像の説明 );

↓↓↓

#show(auto-wIH4C4.jpg,aroundl,s-山荘跡 );

解 説 し ま す。

ｈaikで機能しないQHM機能

- 25 -

上 ２ つ の 例 は 、単 に お ま じ な い を ＆ show ま た は ＃ show に 変 え る だ け で 解 決 し ま す

が 、最 後 の 例 で は 、元 々 存 在 し て い た 全 角 の フ ァ イ ル 名 を 半 角 英 数 字 名 に 変 え る た め

に 、 再 ア ッ プ ロ ー ド 等 の 面 倒 く さ い 操 作 が 伴 い ま す 。