2005 10 07_kof2005_xoops

XOOPS Smarty を活用したカスタマイズ Malaika System 早川知道 (Tom_G3X ) 2005.10.29

XOOPS における Smarty について ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],　　　　　　　　 ↓↓

XOOPS 新機能 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

$xoops_dirname $xoops_modulename ,[object Object],[object Object],[object Object],[object Object]

旧バージョンとの比較 ,[object Object],[object Object],<{php}> 　 // 　 -- 記述例 -- （ PHP を記述して、アサインする） global $xoopsModule; if ( is_object($xoopsModule) ) { 　　 $this->assign(‘ ex_module_name ’, $xoopsModule->getVar(‘name’)); 　　 $this->assign(‘ ex_module_dir ’, $xoopsModule->getVar(‘dirname’)); } <{/php}> <{ex_module_name}>  モジュール名 <{ex_module_dir}>  モジュール Dir 名 <{xoops_modulename}>  モジュール名 <{xoops_dirname}>  モジュール Dir 名　　 ↓↓

例：モジュール毎に画像を変更 ,[object Object],[object Object],<{strip}> <td id=“headerlogo”><a href=“<{$xoops_url}>/”> <{if $xoops_dirname }> 　　　 <{* 　モジュール内を表示してる時 *}> 　　 <img src=“<{$xoops_imageurl}> title_<{$xoops_dirname}>.gif “ 　　　　　　　　　　 alt=“<{$xoops_modulename}>” /> <{else}> 　　　 <{* 　 index.php 等の xoops ルートファイルを表示してる時 *}> 　　 <img src="<{$xoops_imageurl}>logo.gif" alt="<{$xoops_slogan}>" /> <{/if}> </a></td> <{/strip}>

[object Object],[object Object],例：モジュール毎にＣＳＳを変更 @import url(style.css); /* style.css を継承する */ /* 以下、相違個所のみ記述 */ td#headerbanner { 　 background-color:#0e3c23; vertical-align:middle; text-align:center; } <{if $xoops_dirname }> 　　　 <{* 　モジュール内を表示してる時 *}> 　　 <link rel="stylesheet" type="text/css" media="screen" 　　　　　　 href="<{$xoops_imageurl}> <{$xoops_dirname}>.css " /> <{else}> 　　　 <{* 　 index.php 等の xoops ルートファイルを表示してる時 *}> 　　 <link rel="stylesheet" type="text/css" media="screen" 　　　　　　 href="<{$xoops_themecss}>" /> <{/if}>

例：メインメニューに画像を使う ,[object Object],<table cellspacing=“0”> <tr><td id=“mainmenu”> 　 <a class=“menuTop” href=“<{$xoops_url}>/”> 　 <img src=“<{$xoops_imageurl}>menu_home.gif” alt=“<{$block.lang_home}>” /></a> 　  　 <{foreach item=module from=$block.modules}> 　 <{* メインメニューを表示 *}> 　　 <a class="menuMain" href="<{$xoops_url}>/modules/<{$module.directory}>/"> 　　 <img src="<{$xoops_imageurl}> menu_<{$module.directory}>.gif “ 　　　　　　　　　　　 alt=“<{$module.name}>” /></a> 　　　 <{foreach item=sublink from=$module.sublinks}> 　 <{* サブメニューを表示 *}> 　　　 <a class="menuSub" href="<{$sublink.url}>"><{$sublink.name}></a> 　　　 <{/foreach}> 　 <{/foreach}> 　  </td></tr> </table>

例：メインメニューに画像を使う２ ,[object Object], <{foreach item=module from=$block.modules}> 　 <a class=“menuMain” href=“<{$xoops_url}>/modules/<{$module.directory}>/”> 　 <{if $module.directory == $xoops_dirname }> 　　　 <{* 現在表示中のモジュールだけ、画像を変更する *}> 　　　 <img src="<{$xoops_imageurl}> menu_<{$module.directory}> _a ctive .gif “ 　　　　　　　　 alt="<{$module.name}>" /></a> 　 <{else}> 　　　 <img src="<{$xoops_imageurl}> menu_<{$module.directory}>.gif “ 　　　　　　　　 alt="<{$module.name}>" /></a> 　 <{/if}> 　 <{foreach item=sublink from=$module.sublinks}> 　　　 <a class="menuSub" href="<{$sublink.url}>"><{$sublink.name}></a> 　 <{/foreach}> <{/foreach}>

例： CSS で応用する場合 ,[object Object], <{foreach item=module from=$block.modules}> 　 <{if $module.directory == $xoops_dirname }> 　　　 <{* 現在表示中のモジュールだけ、 class を変更する *}> 　　　 <a class="menuMainActive" 　　　 href="<{$xoops_url}>/modules/<{$module.directory}>/"><{$module.name}></a> 　 <{else}> 　　　 <a class="menuMain" 　　　 href="<{$xoops_url}>/modules/<{$module.directory}>/"><{$module.name}></a> 　 <{/if}> 　 <{foreach item=sublink from=$module.sublinks}> 　　　 <a class="menuSub" href="<{$sublink.url}>"><{$sublink.name}></a> 　 <{/foreach}> <{/foreach}>

$block.weight ,[object Object],[object Object]

例：ブロック表示位置を増やす ,[object Object],テーマの作り方次第では、中央下段にブロックエリアを追加する事も可能になる。どうやってするのか？？左右中央 - 中中央 - 左中央 - 右（追加）中央 - 中（追加）中央 - 左（追加）中央 - 右コンテンツ

例：ブロック表示位置を増やす ( コード ) ,[object Object],<{foreach item=block from=$xoops_ccblocks}> <{if $block.weight < 100 }> <div class=“BlockTitle”><{$block.title}></div> <div class=“BlockContent”><{$block.content}></div> <{/if}> <{/foreach}> 　　　：　　中略　　　： <{foreach item=block from=$xoops_ccblocks}> <{if $block.weight >= 100 }> <div class=“BlockTitle"><{$block.title}></div> <div class=“BlockContent"><{$block.content}></div> <{/if}> <{/foreach}>

例：ブロック表示位置を増やす ( 表示 ) ,[object Object],この $block.weight を応用すれば、テーマの作り方次第で、無数にブロック表示位置を増やす事が出来る。左右中央 - 中（ 100 未満）中央 - 左（ 100 未満）中央 - 右（ 100 未満）（追加）中央 - 中（ 100 以上）（追加）中央 - 左（ 100 以上）（追加）中央 - 右（ 100 以上）コンテンツ

お勧めのテンプレートカスタマイズ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

例：メールアドレスのエンコード ,[object Object],<tr valign="top"> 　 <td class="head"><{$lang_email}></td> 　 <td class="odd"> <{mailto address="$user_email" encode="javascript"}> </td> </tr> </tr> 　 <!– ソースを見るとこんな感じにエンコードされている --> 　 <tr valign="top"> 　　 <td class="head"> メールアドレス </td> 　　 <td class="odd"> <script type="text/javascript">eval(unescape('%64%6f%63%75%6d%65%6e%74%2e %77%72%69%74%65%28%27%3c%61%20%68%72%65%66%3d%22%6d%61%69%6c%74%6f%3a%74%6f%6d%40%6b%61%73%75%67%61%69%2d%6b%6f%6d%61%6b%69%2e%6a%70%22%20%3e%74%6f%6d%40%6b%61%73%75%67%61%69%2d%6b%6f%6d%61%6b%69%2e%6a%70%3c%2f%61%3e%27%29%3b'))</script> </td> </tr>

例：ゲストに表示させない ,[object Object],<{if $xoops_isuser}> <tr valign="top"> 　　 <td class=“head”><{$lang_location}></td> 　 <{* 居住地 *}> 　　 <td class="odd"><{$user_location}></td> </tr> <tr valign="top"> 　　 <td class=“head”><{$lang_occupation}></td> 　 <{* 職業 *}> 　　 <td class="even"><{$user_occupation}></td> </tr> <tr valign="top"> 　　 <td class=“head”><{$lang_interest}></td> 　 <{* 趣味 *}> 　　 <td class="odd"><{$user_interest}></td> </tr> <{/if}>

例：管理者だけ表示する ,[object Object],　　中略 <{if $topic_post.poster_uid != 0}> 　 <td class=“odd”><div class=“comUserRank”> ～中略～　 <div class="comUserStatus"><{$topic_post.poster_status}></div> 　　 <{if $xoops_isadmin }> 　　　 <div style="color:#ff0000;" >IP : <{$topic_post.post_poster_ip}></div> 　　 <{/if}> 　 </td> <{else}> 　 <td class="odd"></td> <{/if}> 　　中略

例：アーカイブページのレイアウト変更 ,[object Object],[object Object],[object Object],[object Object],[object Object],<{foreach item=year from=$years}> 　 <tr class="even"><td><b><{$year.number}> 年 </b></td></tr> 　 <tr class=“odd”><td> <{foreach item=month from=$year.months}> 　 <tr class="even"><td> 　　 <a href="./archive.php?year=<{$year.number}>&month=<{$month.number}>"> 　　 <{$month.string}> <{$year.number}> </a>    </td></tr> <{/foreach}> </td></tr> <{/foreach}>

おしまいご参考にしていただければ幸いです御清聴ありがとうございました

2005 10 07_kof2005_xoops

Recommended

Recommended

More Related Content

What's hot

What's hot (6)

Viewers also liked

Viewers also liked (8)

Similar to 2005 10 07_kof2005_xoops

Similar to 2005 10 07_kof2005_xoops (20)

More from Tom Hayakawa

More from Tom Hayakawa (20)

Recently uploaded

Recently uploaded (9)

2005 10 07_kof2005_xoops