メニュー

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

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

2014/03/06 13:34|タグ:ニュースプラグインニュースアーカイブ表示プラグインニュースタグクラウド表示プラグイングッジョブ表示 79

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

はじめに

テンプレートについて

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

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

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

ライセンスについて

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

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

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

サンプル

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

特徴

  • ニュースプラグインに関する各種プラグインにも対応しています。
  • ニュースファイルがあった場合はニュース記事画面で表示しています。
  • ニュース一覧画面(freo/index.php/news)では簡単に内容を表示し、スケジュール詳細表示画面(freo/index/php/news/view/ニュースID)で詳細に内容を表示するようにしています。

ダウンロード

32877_plugin_news_templates_1_2_0.zip

導入方法

  1. ニュースプラグインをDLして実装してください。
  2. ニュースアーカイブ表示プラグインをDLして実装してください。
  3. ニュースタグクラウド表示プラグインをDLして実装してください。
  4. [freo]フォルダの中身をfreo設置フォルダにアップデートして下さい。
  5. [freo/css/default.css]に下記の通り加筆してアップデートしてください。
    /* ################################################################################ */
    /*      0.ニュースプラグイン
    */
    /* ################################################################################ */
    /* ================================================================================ */
    /*      0-1.ニュース一覧
    */
    /* ================================================================================ */
    /* -------------------------------------------------------------------------------- */
    /*      0-1-1:ニュース定義リスト
    */
    /* -------------------------------------------------------------------------------- */
    dl.news dt {
        clear: left;
        float: left;
      margin: 0 0 20px;
      border-left: solid 8px #b5ad87;
      padding-left: 5px;
      color: #000;
    }
    dl.news dd{margin: 0 0 20px 105px;}
    dl.news dd a{font-size: 1.2em; margin-bottom: 10px;}
    /* -------------------------------------------------------------------------------- */
    /*      0-1-2:カテゴリーラベル
    */
    /* -------------------------------------------------------------------------------- */
    dl.news span{
        width: 80px;
        text-align: center;
        background-color: #fffce0;
        margin-right: 5px;
        display: inline-block;
        font-weight: bold;
    }
    dl.news span a{ text-decoration: none;}
    /* ================================================================================ */
    /*      0-2.ニュース記事
    */
    /* ================================================================================ */
    /* -------------------------------------------------------------------------------- */
    /*      0-2-1:ニュースファイル
    */
    /* -------------------------------------------------------------------------------- */
    div.news div.image img{max-width:100%;}
    /* -------------------------------------------------------------------------------- */
    /*      0-2-2:ニュース情報
    */
    /* -------------------------------------------------------------------------------- */
    div.news ul.information{
        background-color: #fffce0;
        margin: 0;
        padding: 5px 10px;
        height: 20px;
    }
    div.news ul.information li{
        float: left;
        list-style: none;
        margin: 0 5px 0 0;
        padding: 0;
    }
    div.news ul.information li:after{content:"|"}
    
    /* -------------------------------------------------------------------------------- */
    /*      0-2-3:一覧へ戻るボタン
    */
    /* -------------------------------------------------------------------------------- */
    #backtolist a{
        display: block;
        margin: 50px auto;
        width: 150px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        text-decoration: none;
        background-color: #fffce0;
        border: 1px solid #c6c189;
    }
    #backtolist a:hover{
        background-color: #c6c189;
        color: #fff;
    }
    
  6. [freo/index.php/news]にアクセスして正常に表示できているか確認して下さい。
  7. 更新されない場合は公式のトラブルシューティング「テンプレートを編集しても反映されない」を参照してください。

更新履歴

2014.03.06  配布開始。
2014.08.22 サムネイルがあった場合はサムネイルを表示するように修正しました。
2017.09.28 一覧表示時に本文も表示できるように修正しました。

ページ移動

関連エントリー

コメント

  • コメントはまだありません。

コメント登録

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

ユーティリティ

Twitter

サイト内検索

ページ上部へ