Read Me | wm_freo

はじめに

freoの管理画面用テンプレートです。携帯/iPhone/訪問者向け画面テンプレートは付属していません。
templatesはintermals/admin/footer.htmlのみの同梱となっています (※プレビューも付属していません)。
ブラウザのCSS実装状況によってディテールの異なるパーツがあります。
テンプレート導入前にfreo付属の初期状態のテンプレートで動作や機能を確認してください。
ライセンスはGNU General Public License (GPL)です。
使用に際して生じたいかなる損害も当方は責任を負いません。作業前のバックアップ推奨です。
設置・カスタマイズに関するサポートは行っておりません。

上に戻る

使い方

templates/intermals/admin/内のファイルは、freo本体に付属のものを使用してください。
※※templates/intermals/admin/footer.html以外は同梱していません※※

defaultフォルダの中のimagesの内容を、設置したfreoのimages内にアップロード
defaultフォルダの中のcssの内容を、設置したfreoのcss内にアップロード
defaultフォルダの中のtemplatesの内容を、設置したfreoのtemplates内にアップロード

色を変更する場合は、引き続き『色変更』を行ってください。

プラグインを追加する場合は、『プラグインについて』もお読みください。

上に戻る

色変更

【使い方】の手順通りにdefaultを導入する
extra_colorフォルダを開き、使用したい色フォルダの中のadmin.cssとiframe.cssを、設置したfreoのcss内にアップロード
- 色一覧▽
  ■teal (※default) ■blue ■brown ■green ■purple

上に戻る

カスタマイズ

カスタマイズの前に

templates・css内のファイルを編集する場合は、文字コードをUTF-8N(＝UTF-8 BOM無し)に指定して保存してください。

日本語(等の2バイト文字)を含まないファイルは、エディタによってはShift-JISとして開く事がありますので、文字コードを指定しなおしてください。

異なる文字コードで保存すると、文字化けやエラーになったりします。
cssファイルが文字化けした場合は、文字化け付近の指定が適用されなくなる等の問題が発生します。

参考:
文字コード＞UTF-8のBOMについて
 EmEditorのインストール
 EmEditorの設定

上に戻る

cssのカスタマイズ

編集するファイルについて

css/admin.css (管理画面テンプレート用)
css/iframe.css (メディアファイル一覧のウィンドウ内)

以下のファイルは同梱していません

css/colorbox.css (ColorBox)
tiny_mce/themes/advanced/skins/default/content.css (TinyMCEの入力フォーム内)
markitup/skins/simple/style.css (※markItUp!導入時の入力フォーム内 WYSIWYGではないHTMLエディタを導入する)

上に戻る

大まかな設定部分にジャンプ (基本文字サイズ等)

css/admin.cssを開いて、ファイル内を※で検索すると、大まかな設定部分に飛ぶ事が出来ます。

上に戻る

上に戻る

イラスト投稿プラグイン (動的パレットの配置を整える)

プラグイン配布ページの手順通りに導入し、動作確認を行ってから作業してください。
※プラグインのバージョンは1.0.1で作成しています。異なるバージョンで使用する場合、内容に修正が必要になる事があります。

イラスト投稿プラグインページの手順通りに『ペイントプラグイン』と『動的パレット』を導入し、動作を確認してください。

templates/plugins/paint/admin_canvas.htmlを開いて、↓の部分に

<applet mayscript code="{$plugin_paint_applet.code}" archive="{$plugin_paint_applet.archive}" name="paintbbs" width="550" height="450">

以下のようにid="canvas"をつけ加える

<applet mayscript code="{$plugin_paint_applet.code}" archive="{$plugin_paint_applet.archive}" name="paintbbs" width="550" height="450" id="canvas">

更にtemplates/plugins/paint/admin_canvas.htmlに加えた動的パレットのコード↓を

<script type="text/javascript" src="{$freo.core.http_url}{$smarty.const.FREO_JS_DIR}palette.js"></script>
<script type="text/javascript">PaletteInit();</script>

以下のように<div id="dyn_palette">と</div>で囲む

<div id="dyn_palette">
<script type="text/javascript" src="{$freo.core.http_url}{$smarty.const.FREO_JS_DIR}palette.js"></script>
<script type="text/javascript">PaletteInit();</script>
</div>