freoテンプレート No.008

freoテンプレート No.008
freoテンプレート No.008
freoテンプレート No.008
freoテンプレート No.008
最終更新日 2017年10月4日
公開日 2015年12月19日
対応バージョン freo Ver 1.20.0
対応プラグイン 関連エントリー表示プラグイン Ver 1.3.0
拍手送信プラグイン Ver 1.1.3
メール送信プラグイン Ver 1.0.1
ページ移動表示調整プラグイン ver.1.3.0
対応ブラウザ IE 11, Edge, Chrome, Firefox, Safari
レスポンシブ
ライセンス GPL

更新履歴

Ver 1.2.2

主な変更点

  • ナビメニューアイコンの表示を修正しました。
  • ページの添付ファイルのマージンを修正しました。
  • メディア表示のタイトルのマージンを修正しました。
  • サイト名のフォントサイズを修正しました。
  • コメント・トラックバックのマージンを修正しました。
  • パスワード制限のマージンを修正しました。

更新されたファイル

  • css/
    • default.css
    • theme-common.css
    • responsive.css
    • settings.css
  • templates/internals/
    • page/default.html
    • view/default.html

Ver 1.2.1

主な変更点

  • 細かな部分のデザインを修正しました。
    • フォントサイズを変更しました。
    • 日付のフォントを変更しました。
    • 警告メッセージを変更しました。
    • ギャラリーの画像ホバー時のデザインを変更しました。
    • 記事の投稿者、更新日時を表示させました。
    • 引用タグのデザインを変更し、デザインパターンを追加しました。
    • コメントフォームの表示を変更しました。
  • 拍手送信プラグインに対応しました。
  • 関連エントリー表示プラグインに対応しました。
  • 簡易的なデザイン変更用CSSを同梱しました。(css/settings.css)
  • ツイートの埋め込みに対応しました。
  • より多くのメニューアイコンを表示させられるようにしました。
  • 「templates/internals/[default][page][view]/default-full.html」 を削除し、CSSで設定するよう変更しました。
  • 見出しタグを変更しました。
  • 警告メッセージ、ギャラリーのクラス名を変更しました。
  • その他細かな不具合等の修正をしました。

更新・追加されたファイル

  • css/
    • default.css
    • error.css
    • theme-common.css
    • responsive.css
    • settings.css
  • js/
    • default.js
  • templates/
    • error.html
    • header.html
    • internals/ 以下
    • plugins/ 以下

Ver 1.2.0

主な変更点

  • 共有ボタンのリンクを修正しました。
  • 共有ボタンにはてなブックマークを追加しました。
  • セレクトボックスの文字がChromeでずれないよう修正しました。
  • OGPに対応しました。
  • その他細かな不具合等の修正をしました。

更新・追加されたファイル

  • css/default.css
  • css/theme-common.css
  • css/jp-icons.css
  • css/responsive.css
  • fonts/jpi/
  • images/ogp.jpg
  • js/default.js
  • templates/header.html
  • templates/internals/default/default.html
  • templates/internals/default/default-full.html
  • templates/internals/file/error.html
  • templates/internals/file/default.html
  • templates/internals/file/password.html
  • templates/internals/filter/default.html
  • templates/internals/login/default.html
  • templates/internals/page/default.html
  • templates/internals/page/default-full.html
  • templates/internals/regist/complete.html
  • templates/internals/regist/default.html
  • templates/internals/reissue/complete.html
  • templates/internals/reissue/default.html
  • templates/internals/reissue/send.html
  • templates/internals/user/comment_form.html
  • templates/internals/user/default.html
  • templates/internals/user/password_form.html
  • templates/internals/user/profile_form.html
  • templates/internals/view/default.html
  • templates/internals/view/default-full.html
  • templates/plugins/contact/complete.html
  • templates/plugins/entry_gallery/default.html

Ver 1.1.0

主な変更点

  • メール送信プラグイン、ページ移動表示調整プラグインに対応しました。
  • 共有ボタンのリンクを修正しました。
  • メニューの折り畳みを廃止しました。
  • ギャラリー、検索フォーム等の動作を変更しました。
  • その他細かな不具合等の修正をしました。

更新されたファイル

すべてのファイルをアップデートしてください。

更新されたファイル

Ver 0.0.1 (ベータ版)からアップデートする場合、以下のファイルを削除し、すべてのファイルを上書きしてください。

  • images ディレクトリ
  • css/font-awesome.min.css

カスタマイズ

全体的な設定を簡単に変更できるよう「css/settings.css」を同梱しました。利用する場合は、templates/header.html 26行目付近のコメントアウトを外します。

このファイルでは、「背景・フォントサイズ・横幅」の変更が可能です。

templates/header.html 34行目と36行目のコメントアウトを削除すると、ツイートがツイッターのデザインで表示されます。Ver 1.2.0 以下の場合は、以下のコードをhead内へ追加します。

<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

添付されたファイル(画像など)をデモのように大きく表示させる方法です。

  1. templates/header.html 26行目と28行目のコメントアウトを外します。
  2. css/settings.css 112行目~118行目のコメントアウトを外します。

添付されたファイル(画像など)をデモのように大きく表示したい場合、以下のファイルを「default.html」にリネームします。

  • templates/internals/default/default-full.html
  • templates/internals/page/default-full.html
  • templates/internals/view/default-full.html

プラグインの導入は任意ですが、ページ移動表示調整プラグイン龍の棲む場所) を導入するとデモのような表示になります。

デフォルトのOGPの画像はバルーン(images/ogp.jpg)です。サイトに合わせて変更してください。記事に添付画像がある場合は、その画像が表示されます。

共有ボタンが不要な場合、以下のファイルの該当する行を削除します。

Ver 1.2.1

  • templates/internals/default/default.html 141~145行目
  • templates/internals/page/default.html 61~68行目
  • templates/internals/view/default.html 63~73行目

Ver 1.2.0

  • templates/internals/default/default.html 136~140行目
  • templates/internals/page/default.html 58~65行目
  • templates/internals/view/default.html 20~27行目

よくある質問

画像やファイルを「添付ファイル」として投稿してください。本文に直接はり付ける「メディア」ではデモのような表示にはなりません。

  1. 管理画面を開きます。
  2. [設定管理] > [エントリーの設定]または[ページの設定] を開きます。
  3. 「添付ファイル機能」を「利用する」に設定します。
  4. 記事の登録、編集画面の「添付ファイル」よりアップロードします。

※2017/10/10: パスの誤表記を修正しました。

誤: templates/internals/defauly
正: templates/internals/default