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
絶対値の列幅指定ができない。
⇒絶対値の列幅を比例値に直す
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
全角の画像ファイル名は使用できない。
⇒半角のファイル名に変更
レ ス ポ ンシ ブ ・レ イ ア ウ ト に す る た めの 考 慮点
前 記 の 変 換 エ ラ ー と は 別 に 、 レ ス ポ ン シ ブ ・ レ イ ア ウ ト に す る 際 の 変 換 対 応 箇 所 を 、 以 下 の ペ ー ジ で 列 挙 し て み ま し た 。 合 わ せ て 参 考 に し て 下 さ い 。旧 の QHM サ イ トに haik テ ー マ を 導 入 し た 場 合 、 特 に レ ス ポ ン シ ブ レ イ ア ウ ト に す
る た め に や ら な け れ ば な ら な い 変 換 処 理 が あ り ま す 。そ の 変 換 対 象 項 目 と し て 、以 下
の 9 点 が 考 え ら れ ま す 。
1.
ナビをドロップダウンメニューに変える
2.
アコーディオンを
haik 専用に変換する
3.
枠(ボックス)を
haik 専用に変換する
4.
スライドショーを
haik 専用に変換する
5.
タブを
haik 専用に変換する
6.
回り込み画像の添付貼り付けを段組併用に変える
7.
段組(
#style2)を haik 専用に変換する
8.
テーブルのレスポンシブ化への考察
9.
旧の画像表示プラグインは
&show 又は#show に変更する
ナ ビ メ ニ ュ ー の 項 目 が 多 い 場 合 、 #bs_nav を 使 用 し て ド ロ ッ プ ダ ウ ン メ ニ ュ ー に 変
え る 場 合 が 生 じ ま す 。 勿 論 、 少 な い ナ ビ 項 目 な ら 現 行 の ま ま で 差 し 支 え あ り ま せ ん 。
実 際 の ナ ビ・イ メ ー ジ を デ モ 画 面 と し て 表 示 す る こ と は で き ま せ ん が 、お ま じ な い の
イ メ ー ジ で 想 像 し て み て 下 さ い 。 以 下 の よ う な 違 い が 考 え ら れ ま す 。
·参 考 ま で に
ド ロ ッ プ ダ ウ ン メ ニ ュ ー を 実 装 し た ペ ー ジ
を 紹 介 し ま す 。
新 旧 を 比 較 す る旧 QHM で の ナ ビ 設 定
[[リ ン ク 文 字 1 ]] / [[リ ン ク 文 字 2 ]] / [[リ ン ク 文 字 3 ]] / [[リ ン ク 文 字 4 ]] / [[ リ ン ク 文 字 5]] / [[リ ン ク 文 字 6 ]] / [[リ ン ク 文 字 7 ]] / [[リ ン ク 文 字 8 ]]新 haik で の ナ ビ 設 定
#bs_nav{{- [[リ ン ク 文 字 1 ]] - [[リ ン ク 文 字 2 ]] - グ ル ー プ 文 字 1 -- [ [リ ン ク 文 字 3 ]] -- [ [リ ン ク 文 字 4 ]] - グ ル ー プ 文 字 2 -- [ [リ ン ク 文 字 5 ]] -- [ [リ ン ク 文 字 6 ]] - グ ル ー プ 文 字 3 -- [ [リ ン ク 文 字 7 ]] -- [ [リ ン ク 文 字 8 ]] }}
解 説 し ま す 。
旧 QHM の ナ ビ は 一 次 元 的 な 単 な る ナ ビ の 羅 列 に す ぎ ま せ ん 。 ナ ビ 項 目 の 名 称 の 桁 数 や 使 用 し て い る デ ザ イ ン の 横 幅 等 で 、 こ れ 以 上 ナ ビ 項 目 を 追 加 で き な い 場 合 、 実 際 に は 追 加 で き る の だ が ナ ビ が 2 行 に な っ て し ま う 場 合 等 、 haik で は ナ ビ を 階 層 化 ( 2 階 層 ま で ) し て 立 体 的 な ナ ビ を 作 る こ と で す 。 即 ち 、 ド ロ ッ プ ダ ウ ン ・ メ ニ ュ ー の 導 入 が 唯 一 の 解 決 策 に な り ま す 。旧 QHM で の #accordion を 新 haik の #bs_ accordion に 変 更 す る 。
旧 QHM で の ア コ ー デ ィ オ ン の 例
· 見 出 し 1 で す · 見 出 し 2 で す · 見 出 し 3 で す新 haik で の ア コ ー デ ィ オ ン の 例
見 出 し 1 で す 見 出 し 2 で す 見 出 し 3 で す 新 旧 を 比 較 す る旧 QHM で の ア コ ー デ ィ オ ン
#accordion{{ * 見 出 し 1 で す 見 出 し 1 の テ キ ス ト 1 行 目 で す 見 出 し 1 の テ キ ス ト 2 行 目 で す * 見 出 し 2 で す 見 出 し 2 の テ キ ス ト 1 行 目 で す見 出 し 2 の テ キ ス ト 2 行 目 で す 見 出 し 2 の テ キ ス ト 3 行 目 で す * 見 出 し 3 で す 見 出 し 3 の テ キ ス ト 1 行 目 で す 見 出 し 3 の テ キ ス ト 2 行 目 で す }}
新 haik で の ア コ ー デ ィ オ ン
#bs_accordio n{{ - 見 出 し 1 で す - 見 出 し 2 で す - 見 出 し 3 で す ==== 見 出 し 1 の テ キ ス ト 1 行 目 で す 見 出 し 1 の テ キ ス ト 2 行 目 で す ==== 見 出 し 2 の テ キ ス ト 1 行 目 で す 見 出 し 2 の テ キ ス ト 2 行 目 で す 見 出 し 2 の テ キ ス ト 3 行 目 で す==== 見 出 し 3 の テ キ ス ト 1 行 目 で す 見 出 し 3 の テ キ ス ト 2 行 目 で す }}
解 説 し ま す 。
# accordion が #bs_accordion に 変 わ り ま す 。 そ し て 「 *」 の 見 出 し 項 目 で の 区 切 り を 、 haik で は 「 ====」 で 区 切 り ま す 。 新 旧 を 比 較 し て 見 れ ば 、 直 ぐ お 分 か り に な る か と 思 い ま す 。 新 旧 の ア コ ー デ ィ オ ン で 操 作 の 違 い が あ る の が 分 か り ま す 。 ア コ ー デ ィ オ ン を 開 く 際 、 旧 QHM で は ア コ ー デ ィ オ ン の バ ー( 横 棒 )の 何 処 を ク リ ッ ク し て も 開 け ま す が 、新 hai k で は ア コ ー デ ィ オ ン 上 の リ ン ク 文 字 そ の も の を ク リ ッ ク し な い と 開 け ま せ ん 。ア コ ー デ ィ オ ン で の 注 意 事 項
new
新 旧 の ア コ ー デ ィ オ ン で 共 通 し た 事 例 で す が 、見 出 し 文 字 に リ ン ク を 張 っ て は い け ま
せ ん 。見 出 し 文 字 に リ ン ク が 張 ら れ て い る と 、ア コ ー デ ィ オ ン を 開 く 前 に リ ン ク 先 に
ジ ャ ン プ し て し ま い ま す 。
こ の こ と は 当 然 と 言 え ば 当 然 の こ と で す が 、 意 図 し て リ ン ク を 張 っ て い な く て も 、
QHM に は 自 動 リ ン ク と い う 機 能 が あ っ て 、 見 出 し 文 字 が 既 存 の ペ ー ジ 名 と 同 じ な ら
自 動 的 に リ ン ク が 張 ら れ て し ま い ま す 。
こ の 自 動 リ ン ク 機 能 を 解 除 す る お ま じ な い と し て 「 NOAUTOLINK:」 が あ り ま す が 、
こ の 自 動 リ ン ク 解 除 機 能 は 、コ ン テ ン ツ 本 体 部 分 で は 機 能 し ま す が 、メ ニ ュ ー 上 で は
機 能 し ま せ ん 。
最 近 、実 際 に あ っ た 事 で す が 、サ イ ド メ ニ ュ ー 上 で の 見 出 し 文 字 と ア コ ー デ ィ オ ン で
開 か れ た リ ン ク 文 字 が 同 じ で あ っ た た め に 、ア コ ー デ ィ オ ン が 正 し く 機 能 し な か っ た
事 例 が あ り ま し た 。
そ の ユ ー ザ ー 様 は QHM の 自 動 リ ン ク 機 能 の 存 在 を 知 っ て い た の か ど う か 分 か り ま せ
ん が 、 何 気 な く 使 っ た 見 出 し 文 字 が ア コ ー デ ィ オ ン の 不 具 合 を招 い て SOS を 発 信し
て き た 事 例 で し た 。
旧 QHM で の #box を 新 haik の #bs_box に 変 更 す る 。
旧 QHM で の 枠 ( ボ ッ ク ス ) の 例
こ ち ら は ボ ッ ク ス の 使 用 例 で す 。
お ま じ な い 「 # box」 で 作 成 さ れ て い ま す 。
新 haik で の 枠 ( ボ ッ ク ス ) の 例
こ ち ら は ボ ッ ク ス の 使 用 例 で す 。
お ま じ な い 「 # box」 で 作 成 さ れ て い ま す 。
新 旧 を 比 較 す る旧 QHM で の 枠 ( ボ ッ ク ス )
#box(green,4 px,double,# efe,75%){{
こ ち ら は ボ ッ ク ス の 使 用 例 で す 。 お ま じ な い 「 #box」 で 作 成 さ れ て い ま す 。 }}
新 haik で の 枠 ( ボ ッ ク ス )
#bs_box(pane l,primary,1 0+1){{ こ ち ら は ボ ッ ク ス の 使 用 例 で す 。 お ま じ な い 「 #box」 で 作 成 さ れ て い ま す 。 }}解 説 し ま す 。
# box が #bs_box の 変 わ り ま す 。そ れ ぞ れ の オ プ シ ョ ン の 機 能 が 大 分 違 い ま す 。従 っ て 、 全 く 同 じ 枠 を 再 現 す る の は 難 し い と 思 い ま す 。旧 QHM で の #slideshow を 新 haik の #bs_ carousel に 変 更 す る 。
新 haik で の ス ラ イ ド シ ョ ー の
タイトル4
旧 QHM で の ス ラ イ ド シ ョ ー
#slideshow(3 50){{
swfu/d/Win7W P010.jpg,タ イ ト ル 2 swfu/d/Win7W P011.jpg,タ イ ト ル 3 swfu/d/Win7W P012.jpg,タ イ ト ル 4 swfu/d/Win7W P013.jpg,タ イ ト ル 5 }}
新 haik で の ス ラ イ ド シ ョ ー
#bs_carousel {{ swfu/d/Win7W P009.jpg,タ イ ト ル 1 swfu/d/Win7W P010.jpg,タ イ ト ル 2 swfu/d/Win7W P011.jpg,タ イ ト ル 3 swfu/d/Win7W P012.jpg,タ イ ト ル 4 swfu/d/Win7W P013.jpg,タ イ ト ル 5 }}解 説 し ま す 。
# slideshow が #bs_carousel に 変 わ り ま す 。 お ま じ な い が 変 わ っ た だ け で 後 は 同 じ デ ー タ で 再 現 で き ま す 。 唯 一 違 う と こ ろ を 挙 げ れ ば 、 新 haik で は コ ン テ ン ツ 幅 一 杯 に ス ラ イ ド シ ョ ー を 展 開 し ま す の で 、 元 々 、 幅 の 狭 い ス ラ イ ド シ ョ ー は 多 少 画 像 が ぼ け る か も 知 れ ま せ ん 。旧 QHM で の #tabbox を 新 haik の #bs_tab s に 変 更 す る 。
旧 QHM で の タ ブ の 例
· 見 出 し 1 で す · 見 出 し 2 で す · 見 出 し 3 で す見 出 し 1 の テ キ ス ト 1 行 目 で す
見 出 し 1 の テ キ ス ト 2 行 目 で す
新 haik で の タ ブ の 例
· 見 出 し 1 で す · 見 出 し 2 で す · 見 出 し 3 で す見 出 し 1 の テ キ ス ト 1 行 目 で す
見 出 し 1 の テ キ ス ト 2 行 目 で す
新 旧 を 比 較 す る旧 QHM で の タ ブ
#tabbox{{ * 見 出 し 1 で す 見 出 し 1 の テ キ ス ト 1 行 目 で す見 出 し 1 の テ キ ス ト 2 行 目 で す * 見 出 し 2 で す 見 出 し 2 の テ キ ス ト 1 行 目 で す 見 出 し 2 の テ キ ス ト 2 行 目 で す 見 出 し 2 の テ キ ス ト 3 行 目 で す 見 出 し 2 の テ キ ス ト 4 行 目 で す * 見 出 し 3 で す 見 出 し 3 の テ キ ス ト 1 行 目 で す 見 出 し 3 の テ キ ス ト 2 行 目 で す 見 出 し 3 の テ キ ス ト 3 行 目 で す }}
新 haik で の タ ブ
#bs_tabs{{ - 見 出 し 1 で す - 見 出 し 2 で す - 見 出 し 3 で す ==== 見 出 し 1 の テ キ ス ト 1 行 目 で す見 出 し 1 の テ キ ス ト 2 行 目 で す ==== 見 出 し 2 の テ キ ス ト 1 行 目 で す 見 出 し 2 の テ キ ス ト 2 行 目 で す 見 出 し 2 の テ キ ス ト 3 行 目 で す 見 出 し 2 の テ キ ス ト 4 行 目 で す ==== 見 出 し 3 の テ キ ス ト 1 行 目 で す 見 出 し 3 の テ キ ス ト 2 行 目 で す 見 出 し 3 の テ キ ス ト 3 行 目 で す }}
解 説 し ま す 。
# tabbox が #bs_tabs に 変 わ り ま す 。 そ し て 「 *」 の 見 出 し 項 目 で の 区 切 り を 、 haik で は 「 ====」 で 区 切 り ま す 。 新 旧 を 比 較 し て 見 れ ば 、 直 ぐ お 分 か り に な る か と 思 い ま す 。 旧 QHM で の #show を 新 haik の #cols と &show の 併 用 に 変 更 す る 。
画 像 の 回 り 込 み テ キ ス ト 1 行 目 で す 。
画 像 の 回 り 込 み テ キ ス ト 2 行 目 で す 。
画 像 の 回 り 込 み テ キ ス ト 3 行 目 で す 。
画 像 の 回 り 込 み テ キ ス ト 4 行 目 で す 。
画 像 の 回 り 込 み テ キ ス ト 5 行 目 で す 。
新 haik で の 回 り 込 み 画 像 の 添 付 貼 り 付 け も ど き の 例
画 像 の 回 り 込 み テ キ ス ト 1 行 目 で す 。
画 像 の 回 り 込 み テ キ ス ト 2 行 目 で す 。
画 像 の 回 り 込 み テ キ ス ト 3 行 目 で す 。
画 像 の 回 り 込 み テ キ ス ト 4 行 目 で す 。
画 像 の 回 り 込 み テ キ ス ト 5 行 目 で す 。
新 旧 を 比 較 す る
旧 QHM で の 回 り 込 み 画 像
#show(auto-p 3EsuN.jpg,a roundl,z)
画 像 の 回 り 込 み テ キ ス ト 1 行 目 で す 。 画 像 の 回 り 込 み テ キ ス ト 2 行 目 で す 。 画 像 の 回 り 込 み テ キ ス ト 3 行 目 で す 。 画 像 の 回 り 込 み テ キ ス ト 4 行 目 で す 。 画 像 の 回 り 込 み テ キ ス ト 5 行 目 で す 。 #clear
新 haik で の 回 り 込 み 画 像
#cols{{ &show(auto-p 3EsuN.jpg,, z); ==== 画 像 の 回 り 込 み テ キ ス ト 1 行 目 で す 。 画 像 の 回 り 込 み テ キ ス ト 2 行 目 で す 。 画 像 の 回 り 込 み テ キ ス ト 3 行 目 で す 。 画 像 の 回 り 込 み テ キ ス ト 4 行 目 で す 。 画 像 の 回 り 込 み テ キ ス ト 5 行 目 で す 。}}
解 説 し ま す 。
旧 QHM で の 画 像 回 り 込 み #show を 、haik で は 2 段 の 段 組 を 設 定 し て 段 組 の 左 側 に 画 像 を 入 れ 、 右 側 に テ キ ス ト 文 章 を 入 れ て い ま す 。
旧 QHM で の #style2 を 新 haik の #cols に 変 更 す る 。
旧 QHM で の 段 組 ( #style2) の 例
あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ
い い い い い い い い い い い い い い い い い
う う う う う う う う う う う う う う う う う
え え え え え え え え え え え え え え え え え
お お お お お お お お お お お お お お お お お
新 haik で の 段 組 ( #cols) の 例
あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ
い い い い い い い い い い い い い い い い い
う う う う う う う う う う う う う う う う う
え え え え え え え え え え え え え え え え え
お お お お お お お お お お お お お お お お お
新 旧 を 比 較 す る旧 QHM で の 段 組 ( #style2)
#style2(L){{ あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ い い い い い い い い い い い い い い い い い う う う う う う う う う う う う う う う う う え え え え え え え え え え え え え え え え え お お お お お お お お お お お お お お お お お }}#style2(R){{ &show(auto_L JYAKr.jpg,, 説 明 ); }} #clear
新 haik で の 段 組 ( #cols)
#cols{{ あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ あ い い い い い い い い い い い い い い い い い う う う う う う う う う う う う う う う う う え え え え え え え え え え え え え え え え え お お お お お お お お お お お お お お お お お ==== &show(auto_L JYAKr.jpg,, 説 明 ); }}解 説 し ま す 。
旧 QHM で は 、 #style2(L) と #style2(R) の ペ ア が 、 新 haik で は 、 #cols{{
と ==== の ペ ア に 変 わ り ま す 。 後 は 比 較 し て ご 覧 戴 け れ ば お 分 か り に な る か と 思 い ま す 。 旧 QHM で の テ ー ブ ル 表 示 を レ ス ポ ン シ ブ ル ・ テ ー ブ ル に 変 更 す る 。
旧 QHM で の テ ー ブ ル の 例
あいうえお かきくけこ さしすせそ たちつてと なにぬねの はひふへほ まみむめも あいうえお かきくけこ さしすせそ たちつてと なにぬねの はひふへほ まみむめも新 haik で の テ ー ブ ル の 例
あいうえお かきくけこ さしすせそ たちつてと なにぬねの はひふへほ まみむめも あいうえお かきくけこ さしすせそ たちつてと なにぬねの はひふへほ まみむめも新 旧 を 比 較 す る
旧 QHM で の テ ー ブ ル
|あ い う え お |か き く け こ |さ し す せ そ |た ち つ て と |な に ぬ ね の |は ひ ふ へ ほ |ま み む め も | |あ い う え お |か き く け こ |さ し す せ そ |た ち つ て と |な に ぬ ね の |は ひ ふ へ ほ |ま み む め も |新 haik で の テ ー ブ ル
|STYLE:respo nsive| |あ い う え お |か き く け こ |さ し す せ そ |た ち つ て と |な に ぬ ね の |は ひ ふ へ ほ |ま み む め も | |あ い う え お |か き く け こ |さ し す せ そ |た ち つ て と |な に ぬ ね の |は ひ ふ へ ほ |ま み む め も |解 説 し ま す 。
新 haik で の テ ー ブ ル の 先 頭 に 以 下 の 一 行 を 追 加 し て レ ス ポ ン シ ブ レ イ ア ウ ト が 実 現
で き て い ま す 。
|STYLE:respo nsive|画 面 を 横 幅 300px ぐ ら い に 縮 小 し て 上 下 の テ ー ブ ル を 比 較 し て ご 覧 戴 く と 、 haik で
の テ ー ブ ル に は 横 ス ク ロ ー ル ボ タ ン が 付 加 さ れ て い る と 思 い ま す 。そ れ が レ ス ポ ン シ
ブ レ イ ア ウ ト に な っ た 結 果 で す 。
古 い 話 に な り ま す が 、4 年 以 上 前 に QHM を 導 入 し た ユ ー ザ ー は 画 像 表 示 の プ ラ グ イ
ン と し て &ref、 #ref、 &attachref 等 の お ま じ な い を 体 験 し た と 思 い ま す 。
QHM の バ ー ジ ョ ン が V5.2 以 上 で haik テ ー マ を 導 入 し た ケ ー ス で は 、 そ れ ら の プ ラ
グ イ ン は エ ラ ー と な り ま す 。 全 て &show 又 は #show に 置 き 換 え る 必 要 が あ り ま す 。
&attachref
&ref
&show #show
実 際 の 例 で す 。
&ref(s-8-019 .jpg,nolink ,画 像 の 説 明 ); ↓↓↓ &show(s-8-01 9.jpg,nolin k,画 像 の 説 明 );#ref(s-P1030 241.jpg,aro und,left,nolink,画 像 の 説 明 );
↓↓↓
#show(s-P103 0241.jpg,ar oundl,画 像 の 説 明 );
#ref(s-山 荘 跡 .jpg,around,left,nolink, 画 像 の 説 明 );
↓↓↓
#show(auto-w IH4C4.jpg,a roundl,s -山 荘 跡 );