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 |
対応ブラウザ |
|
レイアウト | レスポンシブ |
ライセンス | GPL |
更新履歴
主な変更点
- ナビメニューアイコンの表示を修正しました。
- ページの添付ファイルのマージンを修正しました。
- メディア表示のタイトルのマージンを修正しました。
- サイト名のフォントサイズを修正しました。
- コメント・トラックバックのマージンを修正しました。
- パスワード制限のマージンを修正しました。
更新されたファイル
css/
default.css
theme-common.css
responsive.css
settings.css
templates/internals/
page/default.html
view/default.html
主な変更点
- 細かな部分のデザインを修正しました。
- フォントサイズを変更しました。
- 日付のフォントを変更しました。
- 警告メッセージを変更しました。
- ギャラリーの画像ホバー時のデザインを変更しました。
- 記事の投稿者、更新日時を表示させました。
- 引用タグのデザインを変更し、デザインパターンを追加しました。
- コメントフォームの表示を変更しました。
- 拍手送信プラグインに対応しました。
- 関連エントリー表示プラグインに対応しました。
- 簡易的なデザイン変更用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/
以下
主な変更点
- 共有ボタンのリンクを修正しました。
- 共有ボタンにはてなブックマークを追加しました。
- セレクトボックスの文字が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 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>
添付されたファイル(画像など)をデモのように大きく表示させる方法です。
templates/header.html
26行目と28行目のコメントアウトを外します。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行目
よくある質問
画像やファイルを「添付ファイル」として投稿してください。本文に直接はり付ける「メディア」ではデモのような表示にはなりません。
- 管理画面を開きます。
- [設定管理] > [エントリーの設定]または[ページの設定] を開きます。
- 「添付ファイル機能」を「利用する」に設定します。
- 記事の登録、編集画面の「添付ファイル」よりアップロードします。
ライセンス
- FontAwesome Bootstrap CDN - (SIL OFL 1.1、MIT License) -
templates/header.html
内 - はてなブックマークロゴ (CC BY-NC-SA 2.1) -
fonts/jpi/
ディレクトリ - Vegur フォント (CC0) - ドットコロン -
fonts/Vegur-Light.woff
- ページ移動表示調整プラグインを使ってエントリーのページ移動をかっこよくする方法 - 虹色ミツバチ