メニュー

Home >freoテンプレート>プラグイン用テンプレート> freoスケジュールプラグインを32877風にするテンプレート

【freoテンプレート】【プラグイン用テンプレート】freoスケジュールプラグインを32877風にするテンプレート

2014/03/03 03:06|タグ:スケジュールプラグインスケジュールアーカイブ表示プラグインスケジュールタグクラウド表示プラグインスケジュールカレンダー表示プラグイングッジョブ表示 29

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

はじめに

テンプレートについて

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

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

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

ライセンスについて

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

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

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

サンプル

当サイトの「スケジュール」で確認できます。

特徴

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

ダウンロード

32877_plugin_schedule_templates_1_0_0.zip

導入方法

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

更新履歴

  2014.03.02  配布開始。

ページ移動

関連エントリー

コメント

ジェネ

お世話になっています。

テンプレートも導入してみたのですが、こんな感じに・・・・・・(;´Д`)ウウッ…
http://moe.pupu.jp/photo5/index.php/schedule

KURAGEYAさんとこの
K.css を使ってるのが原因でしょうか?

時間空いてる時にでも教えて頂ければありがたいです・・・。

ご教授よろしくお願いします┏○ペコ

  • URL
  • 2014/12/06 08:40:11

ミツ@32877

こんにちは。
URLを拝見しソースを見てみましたが、特別エラーが発生しているようではありませんでした。
なにをどうしたいというご要望がこちらにはわからないのでなにがいけないのかがわかりません。
配布しているスタイルはサンプルなので、ご自身の環境で適切な表示になるよう書き換えてください。
なにか不具合が発生していた場合、ご自分の要望と違う場合は内容をお知らせ下さい。

  • 2014/12/06 11:39:04

コメント登録

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

ユーティリティ

新着コメント

Twitter

サイト内検索

ページ上部へ