freo Ver 1.17.0との変更点

freo本体のVer 1.17.0（2013/04/08更新）と最新のバージョンVer 1.20.2（2018/07/08更新）との変更点です。
※今お使いのfreoのバージョンがわからない場合は、freoの管理画面のステータスに「本体のバージョンは x.x.x です。」と表示されているのをご確認ください。
※他のバージョンについてはこちらから

※変更したファイルの内容

configs/option.ini（管理画面のオプションの設定）※追加

css/colorbox.css（ColorBox用cssファイル）
css/default.css（標準cssファイル）
※レスポンシブデザインに変更しない場合は変更なし

js/admin.js（管理画面のjsファイル）
js/jquery.colorbox.js（ColorBox v1.3.19 ⇒ v1.4.27）
js/jquery.js（jQuery v1.7.2 ⇒ v1.12.4）

libs/freo/common.php（共通関数）
libs/freo/prepare.php（設定編集）
libs/freo/version.php（バージョン情報）
libs/freo/internals/filter_media.php
libs/freo/internals/validate_information.php
libs/freo/internals/admin/config.php
libs/freo/internals/admin/entry_form.php
libs/freo/internals/admin/entry_post.php
libs/freo/internals/admin/page_form.php
libs/freo/internals/admin/page_post.php
libs/freo/internals/entry/default.php
libs/freo/internals/profile/default.php
libs/smarty/（Smarty v2.6.27 ⇒ v2.6.30、丸ごと差し替え）
※Smarty用プラグインや自分で導入したSmartyプラグインファイルはそのまま libs/smarty/plugins に残してください。

templates/header.html（ヘッダのテンプレート）
※iPhone用テンプレートを使用する場合は変更なし
templates/internals/admin/header.html（管理画面のヘッダのテンプレート）
templates/internals/admin/information_form.html（管理画面のインフォメーション編集のテンプレート）
templates/internals/admin/page_form.html（管理画面のページ登録のテンプレート）
templates/internals/admin/plugin.html（管理画面のプラグイン一覧のテンプレート）

tinymce/（TinyMCE v3.5.4.1 ⇒ v4.6.6、丸ごと差し替え）
※絵文字を導入している場合は、TinyMCE4の設定をカスタマイズするの絵文字を使うを参考に設定し直してください。
※tiny_mce/ は不要につき削除してもOKです。

※更新についての注意点

ブラウザソフトで freo/index.php/setup にアクセスすると、configs/option.ini のパーミッションが自動設定されます。

※カスタマイズされている可能性のあるファイルの変更について

テンプレートの変更

templates/internals/admin/page_form.html（管理画面のページ登録のテンプレート）の
12～13行目あたりにある

      <li>ページを入力してください。</li>
      <li><abbr class="attention" title="入力必須">*</abbr> の付いた項目は入力必須項目です。</li>

の直後に、

      <li><a href="{$freo.core.http_file}/admin/page?pid={$input.page.pid}">この階層のページを表示する</a>。</li>

を追加し、
109～110行目あたりにある

                <!--{foreach from=$pages|smarty:nodefaults item='page'}-->
                <option value="{$page.id}"{if $input.page.pid == $page.id} selected="selected"{/if} >{$page.id}</option>

の部分を、

                <!--{foreach from=$parent_pages|smarty:nodefaults item='parent_page'}-->
                <option value="{$parent_page.id}"{if $input.page.pid == $parent_page.id} selected="selected"{/if}>{$parent_page.id}</option>

に変更（緑字を赤字に）してください。

TinyMCE4を導入する場合

js/admin.js（管理画面のjsファイル）の //TinyMCE 以降の部分を、

//TinyMCE
tinymce.init({
  language: 'ja',
  selector:'#tiny_mce',
  height: 500,
  plugins: [
    'advlist autolink lists link image charmap print preview anchor',
    'searchreplace visualblocks code fullscreen',
    'insertdatetime media table contextmenu paste code pagebreak'
  ],
  toolbar: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image pagebreak',
  content_css: [
    freo_path + 'css/common.css',
  ],
  convert_urls: false
});

に書き換えます。

templates/internals/admin/header.html（管理画面のヘッダのテンプレート）の17行目あたりにある
```
<script type="text/javascript" src="{$freo.core.http_url}tiny_mce/tiny_mce.js"></script>
```
の部分を、
```
<script type="text/javascript" src="{$freo.core.http_url}tinymce/tinymce.min.js"></script>
```
に変更（緑字を削除して赤字を追加）してください。

iPhone用テンプレートを使用せず、レスポンシブデザインに変更する場合

css/iphone/ js/iphone/ templates/iphones/ を削除してください。

templates/header.html（ヘッダのテンプレート）のmetaタグ記載部分に、

  <meta name="viewport" content="width=device-width" />

を追加し、
メニュー部分の

      <!--{if isset($smarty.session.freo.agent.type|smarty:nodefaults)}-->
      <li><a href="{$smarty.server.PHP_SELF}?freo%5Bagent%5D%5Btype%5D=iphone">iPhone版</a></li>
      <!--{/if}-->

を削除してください。

css/default.css（標準cssファイル）に、

/********* レスポンシブ *********************************************/

@media (max-width: 480px) {
  body {
    padding: 5px;
  }
  form textarea {
    width: 95%;
  }
  img {
    max-width : 100%;
    height: auto;
  }
  div#container {
    width: 90%;
    padding: 15px;
  }
  div#content {
    float: none;
    width: 100%;
  }
  div#entry div.entry {
    width: 100%;
    border-right: 0;
    border-left: 0;
    word-wrap:break-word;
  }
  div#utility {
    float: none;
    width: 100%;
    margin: 0;
  }
}

を追加してください。

freoカスタマイズ集

メニュー