メニュー

Home >freoテンプレート>プラグイン用テンプレート> freoイベントリストプラグインを32877風にするテンプレート

【freoテンプレート】【プラグイン用テンプレート】freoイベントリストプラグインを32877風にするテンプレート

2014/03/03 23:55|タグ:イベントリストプラグインイベントリストアーカイブ表示プラグインイベントリストタグクラウド表示プラグインイベントリストカレンダー表示プラグイングッジョブ表示 40

32877が配布しているfreoイベントリストプラグインを32877が利用しているように利用するためのテンプレートです。

はじめに

テンプレートについて

このテンプレートは、多機能CMSツールfreoで利用するイベントリストプラグインのテンプレートです。
freoの導入方法はfreo公式サイトをご覧ください。

プラグイン配布段階ではカスタマイズ可能なようにシンプルなテンプレートにしていますが、見やすさを度外視してしまっているので、本テンプレートでは見やすさを意識したつくりにしています。

当サイトは、このテンプレートを使用することによって発生した不利益・損害等には一切責任を負わないものとします。

ライセンスについて

ライセンスはGNU General Public License (GPL)です。

テンプレートのカスタマイズについて

テンプレート・スタイルシートの内容はご自由に編集して下さい。
テンプレートの利用・編集について許可を得る必要はありません。

サンプル

当サイトの「イベントリスト」で確認できます。

特徴

  • イベントリストプラグインに関する各種プラグインにも対応しています。
  • アイキャッチ画像としてイベントファイルを表示しています。
  • イベントファイルが無かった場合はノーイメージ画像を表示しています。
  • イベント一覧画面(freo/index.php/eventlist)では簡単に内容を表示し、イベント詳細表示画面(freo/index/php/eventlist/view/イベントID)で詳細に内容を表示するようにしています。

ダウンロード

32877_plugin_eventlist_templates_1_0_1.zip

導入方法

  1. イベントリストプラグインをDLして実装してください。
  2. イベントリストアーカイブ表示プラグインをDLして実装してください。
  3. イベントリストカレンダー表示プラグインをDLして実装してください。
  4. イベントリストタグクラウド表示プラグインをDLして実装してください。
  5. [freo]フォルダの中身をfreo設置フォルダにアップデートして下さい。
  6. 【freoTIPS】素材を別フォルダに格納しパスを指定する方法を実装してください。
  7. [freo/css/default.css]に下記の通り加筆してアップデートしてください。
    /* ################################################################################ */
    /*      0.イベントリストプラグイン
    */
    /* ################################################################################ */
    /* ================================================================================ */
    /*      0-1.イベントリスト記事
    */
    /* ================================================================================ */
    div.eventlist{clear: both; border-top: 1px solid #cccccc;}
    /* ================================================================================ */
    /*      0-1.イベントリスト記事画像表示部分
    */
    /* ================================================================================ */
    div.eventlist div.image{width: 200px; float: left; margin: 0 10px 10px 0;}
    div.eventlist div.image img{max-width: 200px;}
    /* ================================================================================ */
    /*      0-1.イベントリスト記事イベント情報表示部分 */
    /* ================================================================================ */
    div.eventlist div.note{float: left; width: 450px;margin-bottom: 10px;}
    div.eventlist div.note dl.eventlist{margin: 0;}
    div.eventlist div.note dl.eventlist dt{
        clear: left;
        float: left;
        width: 135px;
        margin: 0 0 8px;
        background-color: #cccccc;
        border-left: 3px solid #000000;
        padding-left: 5px;
    }
    div.eventlist div.note dl.eventlist dd{margin: 0 0 8px 150px;}
    div.eventlist p{clear:both;}
    
  8. [freo/index.php/eventlist]にアクセスして正常に表示できているか確認して下さい。
  9. 更新されない場合は公式のトラブルシューティング「テンプレートを編集しても反映されない」を参照してください。

更新履歴

2014.03.02  配布開始。
2015.09.03  テンプレート内容変更。

ページ移動

関連エントリー

コメント

jene

いつもお世話になってます~┏○ペコ

32877_plugin_eventlist_templates_1_0_0の中身ですが、freo→
(images)とtemplates→
plugins(templatesの中身)→
schedule となっており、
ミツさんのサンプルのようなイベント一覧ではなく、スケジュール一覧のテンプレートのようですが、中身はこれでよろしいでしょうか?

よろしくお願いします~

  • URL
  • 2015/07/30 08:10:51

ミツ@32877

こんにちは。
ご指摘ありがとうございます。

内容確認し、次回更新時に対応いたします。

  • 2015/08/25 09:47:54

ゆか

いつもこちらにとてもお世話になっています。
今回、イベントリストプラグインを導入させていただき
こちらのテンプレートも導入しましたところ、以下の点がうまくいきません。

イベントリストで登録したファイル画像を、32877様のように
lightbox?での表示にしたいのですがそれが出来ません。
例えば、ファイル1をクリックすると、普通にfile1.jpgに飛んでしまいます。

http://32877.xii.jp/index.php/view/170
こちらのページなども参考にし色々と試してみたのですが
上手くいかず・・・

お忙しいところ初歩的な質問ですみません。
何か追加で設定しなければいけないことがあったりするのでしょうか?
もしよろしければご教授いただけますと幸いです。
よろしくお願いいたします。

  • 2017/11/04 00:01:15

ゆか

何度も申し訳ございません。
先ほどコメントしましたゆかです。

先ほどの件、無事に自己解決いたしました!
別の点でいろいろといじっているうちに
おかしくなっているところがあったようです。
そこを直しましたら解決しました。

突然のコメント大変失礼いたしました。
これからも参考にさせていただきます。

ゆか

  • 2017/11/04 00:34:39

ミツ@32877

無事に解決したようで安心いたしました。
今後ともどうぞよろしくお願いいたします。

  • 2017/11/04 00:43:24

コメント登録

登録フォーム
名前
メールアドレス
URL
コメント
投稿キー(スパム対策に、投稿キー を半角で入力してください。)

ユーティリティ

新着コメント

Twitter

サイト内検索

ページ上部へ