メニュー

Home >freoテンプレート>管理画面用テンプレート> freo管理ページレスポンシブ対応テンプレート

【freoテンプレート】【管理画面用テンプレート】freo管理ページレスポンシブ対応テンプレート

2014/03/26 08:52|タグ:cssレスポンシブアコーディオンメニューグッジョブ表示 39

はじめに

テンプレートについて

このテンプレートは、多機能CMSツールfreo用の非公式テンプレートです。
freoの導入方法はfreo公式サイトをご覧ください。
当サイトは、このテンプレートを使用することによって発生した不利益・損害等には一切責任を負わないものとします。

ライセンスについて

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

スタイルシートのカスタマイズについて

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

特徴

  • 管理画面をレスポンシブデザインにしています。
  • スマートフォンサイズ(横幅480px以下)で閲覧するとスマートフォン用のデザインになります。
  • メニューでアコーディオン状に表示します。
  • PC用表示の場合はメニューを複数開けますが、スマートフォン表示の場合は1個ずつ表示します。
  • スマートフォン表示の場合はtiny-mce利用部分を普通のテキストボックスに変更しています。

サンプル

管理ページTOP(PC用)
admin_default.jpg
管理ページTOP(スマホ用)
admin_default_480.jpg
管理ページアコーディオンメニュー(PC用)
admin_menu_accordion.jpg
管理ページアコーディオンメニュー(PC用)
admin_menu_accordion_480.jpg
管理ページエントリーフォーム(PC用)
admin_entry_form.jpg
管理ページエントリーフォーム(スマホ用)
admin_entry_form_480.jpg

※画像サンプルです。

ダウンロード

32877_admin_responsive.zip

導入方法

  1. 公式からfreoをダウンロードし、設置してください。
  2. ご自分のfreoにアクセスし、正常に動いているかどうか確認してください。
  3. 当サイトで配布しているZIPファイルをDLし、解凍してください。
  4. [freo]フォルダをご自分のfreo設置フォルダにアスキーモードでアップロードしてください。
  5. ブラウザを起動して、スタイルシートが反映されたか確認します。
    更新されない場合は公式のトラブルシューティング「テンプレートを編集しても反映されない」を参照してください。

スマホ用テンプレートをandroidで利用した際記事本文入力時に改行や段落を省略入力する方法を実装する

android端末で本文入力に改行や段落を適用したい場合は、下記TIPSを実装する必要があります。

32877:スマホ用テンプレートをandroidで利用した際記事本文入力時に改行や段落を省略入力する方法を実装する

更新履歴

  2013.03.26  配布開始。
 2017.09.27 freo(ver.1.20.0以降)に対応。

ページ移動

ユーティリティ

新着コメント

Twitter

サイト内検索

ページ上部へ