テンプレートカスタマイズ

モジュールGnaviD3

 状態:  閲覧数:1,771  投稿日:2009-06-09  更新日:
▼※テンプレートをカスタマイズする方法は大きく二つある。
(1)テンプレート管理画面より、編集
(2)ファイルを直接編集して、FTPでアップロ-ド。その後、モジュールアップロード。

(1)
・利点……編集履歴確認可能
・欠点……モジュールアップデートを行うと、管理画面から編集していた内容は、すべて消し飛んでしまう

(2)
・利点……変更した内容は完全確定される。モジュールアップデートを行っても、元に戻らない。
・欠点……編集履歴確認不可。都度モジュールアップデートが必要で、面倒。


▼ちなみに、(1)と(2)では、ファイルの名前も異なる
(1)
・gnavi_header.html
・gnavi_itemheader.html

(2)
・header.html
・itemheader.html
----------------------------------------

□gnavi_header.html
・logo.gif対応

□gnavi_itemheader.html
・Google! マップの表示位置変更(記事との順番入れ替えなど)対応

□画像付きで人気順に記事表示を行うブロック
(1)gnavi_block_tophits_p.html
(2)xoops_trust_path_mita/modules/gnavi/templates/block_tophits_p.html
・width指定、<br />タグ挿入対応

<{$photo.date}>&nbsp;
<{if $photo.is_newphoto}><br />&nbsp;<img src='<{$block.mod_url}>/images/new.gif' border='0' alt='NEW'/><{/if}>
<{if $photo.is_updatedphoto}><br />&nbsp;<img src='<{$block.mod_url}>/images/update.gif' border='0' alt='UPDATE'/><{/if}>
<{if $photo.is_popularphoto}><br />&nbsp;<img src='<{$block.mod_url}>/images/pop.gif' border='0' alt='POPLAR'/><{/if}>


□ランダムブロック
(1)gnavi_block_ritem_p.html
(2)xoops_trust_path_mita/modules/gnavi/templates/block_ritem_p.html
・width指定対応

□最近(画像付)ブロック
(2)xoops_trust_path/modules/gnavi/templates/gnavi_block_topnews_p.html
<{$photo.date}>&nbsp;
<{if $photo.is_newphoto}>&nbsp;<img src='<{$block.mod_url}>/images/new.gif' border='0' alt='NEW'/><{/if}>

<{$photo.date}>&nbsp;<br />
<{if $photo.is_newphoto}>&nbsp;<img src='<{$block.mod_url}>/images/new.gif' border='0' alt='NEW'/><{/if}>


■問題1.
「画像付きで人気順に記事表示を行うブロック」で、
サムネイル表示される画像をある水準より小さくすると、レイアウトが崩れる。
▽対策1 new.gif画像の大きさをupdate.gif画像の大きさと同じにする
▽対策2 gnavi_block_tophits_p.htmlを書き換え、newやupdateの前で、強制的に改行させる(<br />タグを挿入)

09.6.13.追記
■問題2.
NEWとUPDATEが付かない画像が二つ並んだ際、レイアウト崩れが発生。
▽対応1 update.gif画像を53pxから50pxへと変更
▽対応2 該当テンプレートに、width50pxを直接指定

■問題3.
new.gif画像の大きさをupdate.gif画像の大きさと同じにすると、new.gif画像を使っている別の部分でレイアウトの(見た目上だが)不具合発生。
▽対応3 new.gif画像を元の大きさへ戻し、該当テンプレートのnew.gif画像前に<br />タグを記述

Twitter検索結果。「テンプレートカスタマイズ」に関する最新ツイート


GnaviD3で文字化け

「KML Google Earth」バナー(img_kml.gif)を削除したい