ページへ戻る
− Links
印刷
XOOPS のテーマ調整
の編集 ::
XOOPS マニア
xpwiki
:
keyword
/
HypCommonPreLoad
/
KtaiRender
/
テーマ調整
の編集
# pd3b0a9d の編集
ページ内容:
* XOOPS のテーマ調整 [#pd3b0a9d] HypCommonFunc Ver 20080717 以降では、デフォルトで携帯対応レンダー専用のテーマセット(ktai_default)を使用し、各モジュールのテーマ下テンプレートに対応しています。 携帯対応レンダー&font(Red){専用のテーマセット};を使用する場合は、&font(Red){テーマの調整は不要};です。 一方、携帯対応レンダー専用のテーマセットを使用しない場合は、設定で // 携帯用テーマセット $this->k_tai_conf['themeSet'] = ''; とします。その場合は、通常のテーマセットが使用されます。 通常使用するテーマセットが DIVレイアウトの場合は、そのままでもある程度、携帯で見やすい形で表示されますが、TABLE レイアウトの theme では、コンテンツ部分を先に表示したりと、HTMLの再構成をしないと、実用的でない場合があります。 HTML の再構成をする場合は、携帯対応レンダーが適切に部分抽出できるように、簡単なタグを仕込む必要があります。 ** HTML 再構成用タグの説明 [#pdd0e0bc] 使用できるタグは、設定項目にある「HTML再構築用タグ設定」のキーワードを利用したタグなります。規定値では、次のタグが使えます。 |~開始タグ|~終了タグ|h | <!--headerlogo--> | <!--/headerlogo--> | | <!--headerbar--> | <!--/headerbar--> | | <!--breadcrumbs--> | <!--/breadcrumbs--> | | <!--leftcolumn--> | <!--/leftcolumn--> | | <!--centerCcolumn--> | <!--/centerCcolumn--> | | <!--centerLcolumn--> | <!--/centerLcolumn--> | | <!--centerRcolumn--> | <!--/centerRcolumn--> | | <!--content--> | <!--/content--> | | <!--rightcolumn--> | <!--/rightcolumn--> | | <!--footerbar--> | <!--/footerbar--> | | BC:#EED2EE<!--HypKTaiIgnore--> | BC:#EED2EE<!--/HypKTaiIgnore--> | "<!--HypKTaiIgnore-->" 以外のそれぞれのタグで囲まれた範囲が、XOOPS_TRUST_PATH/class/Hyp_common/ktairender/templates/default ディレクトリ内にある - header.html [ページヘッダ] - body.html [コンテンツ部分(必要に応じて分割され、ページナビゲーションが付加されます)] - footer.html [ページフッタ] 各ファイルの該当キーワードタグと置換され、「HTML再構築用タグ設定」の 各キーの 'above' の内容が前方に、'below' の内容が後方に挿入されます。 例外として、"<!--HypKTaiIgnore-->" と "<!--/HypKTaiIgnore-->" で囲まれた範囲は、出力から除去されます。((HypCommonFunc >= 20080626)) 例えば、XOOPS Cube Legasy の "cube_default" テーマにおいて、"leftcolumn" を設定する場合は、theme.html に、次のような箇所があると思います #code(html,nonumber){{ <{if $xoops_showlblock == 1}> <td id="leftcolumn" class="leftcolumn"> <!-- Start left blocks loop --> <{foreach item=block from=$xoops_lblocks}> <div class="leftblockTitle"><{$block.title}></div> <div class="leftblockContent"><{$block.content}></div> <{/foreach}> <!-- End left blocks loop --> </td> <{/if}> }} これを次のようにします。 #code(html,nonumber){{ <{if $xoops_showlblock == 1}> <td id="leftcolumn" class="leftcolumn"> <!-- Start left blocks loop --> <!--leftcolumn--> <{foreach item=block from=$xoops_lblocks}> <div class="leftblockTitle"><{$block.title}></div> <div class="leftblockContent"><{$block.content}></div> <{/foreach}> <!--/leftcolumn--> <!-- End left blocks loop --> </td> <{/if}> }} 注意すべき点は、<{foreach ... }> 〜 <{/foreach}> を崩さないようにすることです。 また、携帯対応レンダーを使っている場合は、Smarty変数の &font(Blue){''$smarty.const.HYP_K_TAI_RENDER''}; が TRUE になりますので、この値で、場合分けができます。 このようにして、携帯対応レンダー用タグを仕込んだ "cube_default" テーマの theme.html が &ref(../theme.html); です。参考にお使いください。 #code(../theme.html) #navi
編集の要約:
Q & A 認証:
ページ更新時は次の質問にお答えください。(プレビュー時は必要ありません)
Q:
「東京」の読みがな?(ひらがなで)
A:
お名前:
タイムスタンプを変更しない
テキスト整形のルールを表示する
[1]
Links list
(This host) = https://xoops.hypweb.net
(This host)
/modules/xpwiki/?cmd=edit&help=true&page=keyword%2FHypCommonPreLoad%2FKtaiRender%2F%A5%C6%A1%BC%A5%DE%C4%B4%C0%B0