Joomla!1.5のWeb リンクをサムネイルイメージ付きで表示するCustom Web Link テンプレートを作成しました。demo.joomler.netでデモしています。

簡単に作成しているのでみなさんのカスタマイズの参考にでもしていただければ・・・。今回作成したテンプレートの作成方法を簡単に書くと以下のような手順です。

作成手順

1. Root/components/com_weblinks/views/category/tmpl/default_item.php
   Root/components/com_weblinks/views/category/tmpl/index.htmlの二つのファイルをコピーします。
2. 自分が使っているテンプレート/html/com_weblinks/categoryフォルダを作成します。
   ※フォルダ構造に注意してください。
3. 1.でコピーしたファイルを2.で作成したフォルダに置きます。
4. default_item.phpを自分でカスタマイズします。
5. カスタマイズに必要なパラメータをtemplateDetail.xmlに書き加えます。

以上でオリジナルサムネイル表示付きのWeb Linkテンプレートができあがりました。

そのまま使っていただけるようにしましたので下記からダウンロードしてお使いください。

Custom_Web_Link_Template_SET_Unzip_First.zip

あ、間違えた。後で修正版に置き換えます。パラメータが反映されないです。

置き換えました。

使い方

1. 解凍します。
2. rhuk_milkywayテンプレートをお使いで無い場合は、readme.txtを開き、中のコピーする部分をお使いのテンプレートのtemplateDetails.xmlのパラメータ部分に貼り付けます。
   rhuk_milkywayテンプレートをお使いならばExample_templateDetails.xmlファイルをリネームしてください。
3. html.zipを解凍します。
4. 解凍して出てきたファイルをそのフォルダ構造のままお使いのテンプレートフォルダにアップロードします。（ローカルでtemplateDetails.xmlを編集した場合は、htmlフォルダと同位においてアップロードします。：上書きします。）
5. 管理画面からテンプレートマネージャを開き、増えたパラメータの設定をします。
   増えたパラメータ
   • ThumbShot API
     ※以下のサービスを利用される場合は、利用規約やマナーを守りましょう。
     • Simple API
       http://img.simpleapi.net/さんで公開されているAPIです。
     • MozShot API
       http://mozshot.nemui.org/さんで公開されているサービスで
     • Example...
       ご自身で追加できるようにサンプルを記入しています。
   • Thumb Width
     サムネイルの幅です。デフォルトは120になっています。
   • Thumb Height
     サムネイルの高さです。デフォルトは90になっています。

完了後のファイル構造

お使いのテンプレートのフォルダ
|---html
            |---com_weblinks
                         |---category
                                      |---default_items.php
                                      |---index.html
templateDetails.xml