携帯用テーマ

9:携帯

 状態:  閲覧数:1,878  投稿日:2010-04-01  更新日:
携帯用テーマ試行錯誤メモ。

現在、入手可能な携帯用テーマは、大きく3つ(多分)ある。
・「mobile」hd_full_1_0_4同梱。
・「hd_m_orange」hd_full_1_0_4同梱。
・「mbxoops6.2」
試して見たところ、「hd_m_orange」は、「mobile」の色違いのようだ。一番良さ気な「mbxoops6.2」でいくことに決めた。

■mbxoops6.2基本設定
□MBXoops - 各表示部説明
  http://mbxoops.net/modules/myalbum/viewcat.php?cid=9

■1.メインメニューをリスト表示(縦長)から一覧表示へ変更
▽対象ファイル…topcontents.html
"10" => array("v"=>"1","file"=>"mainmenu.html","cptn"=>"0"),
"20" => array("v"=>"0","file"=>"mainmenu_list.html","cptn"=>"0"),
"v"=>"0"が非表示、"v"=>"1"が表示らしい。

■2.サブメニューについても、リスト表示(縦長)から一覧表示へ変更
▽対象ファイル…topcontents.html
"70" => array("v"=>"0","file"=>"blockmenu_list.html","cptn"=>"0"),
"80" => array("v"=>"1","file"=>"blockmenu.html","cptn"=>"0")
こうすることで、ユーザーにとっては意味がない、「メインメニュー」「ブロックメニュー」表記も消えた。

■3.HOME横にMENU1、Menu2リンクを設定
▽対象ファイル…cnfig/theme_config_dist.php、
// MENU1
define('MBX_NAVI_MENU1_URL','modules/thread/');
※URLは、遷移希望先画面をPCなどで表示させ、そのURLを記入
▽language/theme_ja_utf8.php
//Navigation
define('MBX_NAVI_MENU1_TITLE','スレッド');

■4.ページナビ上部Homeを日本語表記へ
▽対象ファイル…pagenavih.html
<pre class="code">
<{* Top navigation(from) *}>
<div style="<{$smarty.const.MBX_FS_XSMALL}> border-bottom: <{$smarty.const.MBX_COLOR_NAVI}> solid 3px;">
[url=<{$xoops_url}>/" accesskey="0]<span style="color: <{$smarty.const.MBX_COLOR_NAVI_TEXT}>; background-color: <{$smarty.const.MBX_COLOR_NAVI}>;">&nbsp;ホーム&nbsp;</span>[/url]
</pre>
※そのまま保存したら文字化けしたので、UTF-8で保存しなおして、アップロード

■5.ページナビ下部Homeを日本語表記へ
▽対象ファイル…pagenavif.html
<pre class="code">
<div style="border-top: <{$smarty.const.MBX_COLOR_NAVI}> solid 3px; <{$smarty.const.MBX_FS_XSMALL}>">
[url=<{$xoops_url}>/]<span style="color: <{$smarty.const.MBX_COLOR_NAVI_TEXT}>; background-color: <{$smarty.const.MBX_COLOR_NAVI}>;">&nbsp;ホーム&nbsp;</span>[/url]
<{if $smarty.const.MBX_NAVI_SEARCH_SHOW == 1}>
</pre>

■6.携帯専用カスタムメインメニューをトップページのみに表示。
▼対象ファイル…topcontents.html
実際に、携帯専用メインメニューを全ページの上部に表示させたら、結構ウザかった。
ページナビも上部にあることだし、メインメニューについては、トップページのみ表示させることにした。(ノーマルメインメニューは非表示対応)
<{foreach item=block from=$inc_blocks}>の上に、下記追加。
<pre class="code">
<{xugj_block file="modules/treemenu2/blocks/blocks.php" func="b_treemenu_show" opt="treemenu2," item="block"}>
<{if count($block) > 0}>
<{* mainmenu area(from) *}>
<{foreach from=$block.list item=menu key=count}>
<a href="<{$menu.url}>" class="<{if $count==0}>menuTop<{elseif $menu.depth==0}>menuMain<{else}>menuSub<{/if}> menu<{$menu.depth}><{if $menu.hereblk}> hereblock<{/if}><{if $menu.here}> here<{/if}>"<{if $menu.target}> title="Popup!"<{/if}>><{$menu.title}><{if $menu.target}>&nbsp;<img src="<{$xoops_url}>/modules/<{$mydirname}>/images/popup.gif" /><{/if}>[/url]
<{/foreach}>
<{* mainmenu area(to) *}>
<{/if}>
</pre>


携帯用メニュー

携帯専用メニュー2