2005 09 17_osc2005_xoops

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

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}>

Smarty プラグイン活用のすすめ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

xoops_block プラグイン（紹介） ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

xoops_block プラグイン（使い方 1 ） ,[object Object],[object Object],<{ xoops_block mod=“ モジュールディレクトリ名 ” func=“ ブロック関数名 ” 　　　　　　 opt=“ 関数の引数 ( 必要に応じて ) " assign=" テンプレートアサイン名 "}> <{ xoops_block mod=" news " func=" b_news_top_show " 　　　　　　 opt=“ published,10,50 ” assign=“ newsblock ”}> <{* テンプレートからコピーして、アサイン名だけ変更すれば OK ！ *}> <ul> <{foreach item=news from= $newsblock .stories}> 　 <li><a href="<{$xoops_url}>/modules/news/article.php?storyid=<{$news.id}>"> <{$news.title}></a> (<{$news.date}>)</li> <{/foreach}> </ul>

xoops_block プラグイン（使い方２） ,[object Object],[object Object],<{ xoops_block file=“ ブロック関数が記述されたファイル ” func=“ ブロック関数名 ” 　　　　　　 opt=“ 関数の引数 ( 必要に応じて ) " assign=" テンプレートアサイン名 "}> <{ xoops_block file =“ modules/news/block/news_top.php " func=" b_news_top_show " 　　　　　　 opt=“ published,10,50 ” assign=“ newsblock ”}> <{* テンプレートからコピーして、アサイン名だけ変更すれば OK ！ *}> <ul> <{foreach item=news from= $newsblock .stories}> 　 <li><a href="<{$xoops_url}>/modules/news/article.php?storyid=<{$news.id}>"> <{$news.title}></a> (<{$news.date}>)</li> <{/foreach}> </ul> [ 裏技 ] ブロック関数の記述ルールに合っていれば、独自関数も使用できる。 <{ xoops_block file =“ myfunction .php " func=“ my_xxxx_show " assign=“ myblock ”}>

xoops_block プラグイン（使用例１） ,[object Object],[object Object],<{ xoops_block mod=“ system ” func=“ b_system_user_show ” assign=“ loginblock ”}> 　　中略 User:<input type="text" name="uname" size="10" value="<{ $loginblock.unamevalue }>" /> Pass:<input type="password" name="pass" size="10" /> 　　中略 <{ xoops_block mod=“ system ” func=“ b_system_main_show ” assign=“ ex_mainmenu ”}> <{foreach item=module from= $ex_mainmenu. modules }> <a href=“<{$xoops_url}>/modules/<{$module.directory}>/”><{$module.name}></a> | <{/foreach}>

xoops_block プラグイン（使用例２） ,[object Object],[object Object],<{ xoops_block mod=" piCal " func=" pical_mini_calendar_show " assign=" piCal_miniCal "}> <{ $piCal_miniCal.content }>

Xoops_block プラグイン（使用例３） ,[object Object],[object Object],[object Object],[object Object],<{ xoops_block file=“ myfunction.php " func=" my_newsitem “ opt=" 128 " assign=" mynew "}> <div class="item"><div class="itemHead"><span class="itemTitle"> <a href="<{$xoops_url}>/modules/news/article.php?storyid=<{$mynews.storyid}>"> <{$mynews.title}></a> </span></div> 　　　　以下略

テーマ・テンプイレートにおける問題点 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

アカウント情報ページのカスタマイズ ,[object Object],[object Object],[object Object],<td class="head"><{$lang_website}></td> <td class="even"> <{if $user_websiteurl|strip_tags:false != ""}> 　　 <a href="<{$user_websiteurl|strip_tags:false}>" target="_blank"> 　　 <img src="<{$xoops_url}>/images/icons/www.gif" border="0" /></a> <{/if}> </td> 　 <td class="head"><{$lang_website}></td> 　 <td class="even"> <{$user_websiteurl}> </td>

アカウント情報ページの問題点 ,[object Object],[object Object],[object Object],[object Object],<{$user_websiteurl}>  <a href=“http : //www.xxx.com/” target=“_blank”> http://www.xxx.com/</a> <td class="even"> <{$user_websiteurl}> </td> <{$user_websiteurl}>  http://www.xxx.com/ <td class="even"> <a href=“ <{$user_websiteurl}>” target=“_blank”> <{$user_websiteurl}></a> </td> <{if $user_websiteurl }> <{* 画像を表示する場合のカスタマイズ例 *}> 　　 <a href=“ <{$user_websiteurl}> ” target=“_blank” > 　　　　 <img src="<{$xoops_url}>/images/icons/www.gif" border="0" /> </a> <{/if}>

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

2005 09 17_osc2005_xoops

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (8)

Similar to 2005 09 17_osc2005_xoops

Similar to 2005 09 17_osc2005_xoops (20)

More from Tom Hayakawa

More from Tom Hayakawa (20)

Recently uploaded

Recently uploaded (9)

2005 09 17_osc2005_xoops

Editor's Notes