freoカスタマイズ集

freoのエントリーのタグ投稿を楽にする方法

2018/05/12 10:28
カテゴリー：管理画面
タグ：jQueryプラグイン, freoテンプレート

freoのエントリーでカテゴリーはチェックボックスで選んで投稿できますが、タグは選んで投稿することができません。以前使っていたタグ名がわからず一旦サイトのタグクラウドを見て...なんて経験よくありますね。そこで今回はjQueryプラグインのjQuery.jTagging.jsを使ってタグの入力候補を表示させる方法を紹介します。参考：タグを簡単にフォームに挿入するjavascript「...

この記事のURL

freoのエントリーとページの編集画面で添付ファイルとイメージの画像を表示する方法

2018/03/16 14:38
カテゴリー：管理画面
タグ：freoテンプレート

【2018/03/16】ファイルの拡張子が .jpg 、 .jpeg 、 .png 、 .gif の場合は、画像を表示し、それ以外の場合はファイル名を表示するように修正しました。 freoのver.1.13.0（2012/12/11更新）よりメディア管理のファイル編集画面で、画像の場合はその画像を表示するようになりましたが、それならエントリーとページの編集画面で添付ファイルとイ...

この記事のURL

freoのエントリーとページの編集画面でオプションの画像を表示する方法

2018/03/16 14:28
カテゴリー：管理画面
タグ：freoテンプレート

【2018/03/16】ファイルの拡張子が .jpg 、 .jpeg 、 .png 、 .gif の場合は、画像を表示し、それ以外の場合はファイル名を表示するように修正しました。以前、 freoのエントリーとページの編集画面で添付ファイルとイメージの画像を表示する方法を紹介しましたが、今回はオプションで種類をファイルにし画像を登録した場合、編集画面で画像を表示する方法を紹...

この記事のURL

freoのエントリーとページの管理画面に閲覧制限情報を表示する

2018/02/09 11:24
カテゴリー：管理画面
タグ：freoテンプレート

各エントリーとページにどの種類の閲覧制限をしたか、どの種類のフィルターをかけたかがわかるようにエントリーとページの管理画面に表示させる方法です。エントリー管理の場合 templates/internals/admin/entry.html の75行目と84行目あたりの <th>状態</th> <th>作業</th> の部...

この記事のURL

freoのコメント登録フォームを折りたたむボタン

2017/06/10 18:06
カテゴリー：エントリー, ページ
タグ：freoテンプレート

freoエントリーやページのコメント登録フォームが大きいのでなんか邪魔だなと感じていたところ、jQueryで簡単に折りたためる方法を見つけたので実装してみました。【2017/06/10 修正】ボタンのテキストも切り替えられるようにjsとcssを変更し、全面的に書き直しました。 js/default.js の上から9行目あたりの $(document).ready(fun...

この記事のURL

freoをスマートフォンから見た時にリストのリンクなどをボタン化する

2017/06/10 18:02
カテゴリー：サイドバー, モバイル表示
タグ：freoテンプレート, freoCSS

【2017/06/10修正】ボタンのクラス名を phone-button から mobile-button に変更しました。 freoがVer.1.18.0からiPhone用テンプレートを辞めて簡易なレスポンシブデザインに変更となりましたが、デフォルトテンプレートを使用した場合、スマートフォンからリストのリンクがタッチしづらいので、その時だけリストボタンにするようにアレンジしてみ...

この記事のURL

freoの管理用テンプレートをBootstrap3でカスタマイズ

これまでいくつかfreoの管理画面のカスタマイズを紹介してきましたが、それを実装した管理画面のテンプレートを配布しようと以前から思っていましたが、どうせなら Bootstrap3 を使って更にカスタマイズしてみました。表示のサンプルはこちら ※サンプルは以下のファイルのみです。 default.html （ステータス） config.html （設定管...

この記事のURL

freoで各記事に設定したフィルター名を表示する

2015/04/05 08:37
カテゴリー：エントリー, ページ
タグ：freoテンプレート

freoにあるフィルター機能では、フィルター設定で表示・非表示の切替をすることができますが、複数のフィルターを設定していると、当該記事のフィルターがどれなのか表示されていないので、それを各記事に表示させる方法です。フィルター認証確認プラグインを使用していない場合 1) エントリーの場合 templates/internals/view/default.html の60行...

この記事のURL

freoの注文管理プラグイン画面で投稿者ユーザーの権限を制限する

2014/08/03 19:00
カテゴリー：ユーザー管理, 管理画面
タグ：freoテンプレート, freoプラグイン

以前、 freoの投稿者ユーザーがログインしたとき他ユーザーの情報を表示させない方法で、サークル管理プラグイン、プロフィール管理プラグインでは、権限が投稿者のユーザーがログインしたときにも自分以外のユーザーの情報も表示、編集ができてしまうので、他のユーザーの情報を表示させない方法を紹介しましたが、注文管理プラグインでも同様のカスタマイズをする方法です。 ※特に注文管理プラグインでは個人情報...

この記事のURL

freoのインフォメーションのページにサイドバーを表示させる

2014/04/27 09:48
カテゴリー：サイドバー
タグ：freoテンプレート, freoPHP

1) templates/internals/information/default.html の一番上の部分を {include file='header.html'} から {include file='header.html'} <div id="content"> に、一番下の部分を {include file='footer...

この記事のURL

Twitterの新ウィジェットを幅220px以下のサイドバーに収める方法

2014/01/29 14:14
カテゴリー：サイドバー
タグ：freoテンプレート, Web Diary Pro, Web Gallery Pro, freoCSS

2012年9月からTwitterのタイムラインを表示するウィジェットの仕様が変更になりましたが、この新ウィジェットでは最小幅が220pxと決められており、設置するとfreoでもWeb Diary ProやWeb Gallery Proでもデフォルトのテンプレートではサイドバーからはみ出てしまいます。なので幅を自由に変更できる旧ウィジェット（Join the conversation ウ...

この記事のURL

freoの投稿者ユーザーがエクスポートやインポートプラグインにアクセスできないようする方法

2013/11/30 12:23
カテゴリー：ユーザー管理, 管理画面
タグ：freoPHP, freoテンプレート

デフォルトではfreoの投稿者ユーザーが勝手にログのエクスポートやインポートができるので、個人情報の流出などの問題が発生する恐れがあるため投稿者ユーザーにはこれらのプラグインにはアクセスできないようする方法です。 phpファイルをカスタマイズする方法（ファイル管理プラグインを応用） libs/freo/plugins/page.export.php の36行目または libs/fr...

この記事のURL

freoの投稿者ユーザーがログインしたとき他ユーザーの情報を表示させない方法

2013/11/18 21:54
カテゴリー：ユーザー管理, 管理画面
タグ：freoテンプレート, freoプラグイン

freoのサークル管理プラグイン、プロフィール管理プラグインでは、権限が投稿者のユーザーがログインしたときにも自分以外のユーザーの情報も表示、編集ができてしまうので、他のユーザーの情報を表示させない方法です。サークル管理プラグインの場合 1) templates/plugins/circle/admin.html の46～56行目あたりにある <!--{foreach ...

この記事のURL

jquery.tablesorter.jsをメディア管理以外でも使用する方法

2013/09/25 22:58
カテゴリー：管理画面
タグ：freoテンプレート, tablesorter.js

freoの管理画面では、テーブルの表示でソートができるよう jquery.tablesorter.js が導入されていますが、メディア管理とファイル管理プラグインで使えるようにしかなっていません。他の場面でも使えるようにするには、その都度 js/admin.js に設定を書くことになり、それでは効率が悪いので、テンプレートで設定をするようにしてみます。 1) jquery.met...

この記事のURL

freoのコメント管理画面に投稿先とコメントを表示する

2013/09/20 14:43
カテゴリー：管理画面
タグ：freoPHP, freoテンプレート

freoのコメント管理画面には、投稿日時、投稿者の名前、IPアドレス、公開状態が表示されているだけで、どんなコメントなのか、どこに投稿されたのかが分かりにくいです。そこでコメントの管理画面に、投稿先とコメントを表示されるようにしてみます。ちょっと表示できる部分が狭いのが難点ですが... 1-1) libs/freo/common.php の634行目あたりにある $st...

この記事のURL

freoのページの検索結果で該当ページの親ページを表示する方法

2013/09/16 21:58
カテゴリー：ページ
タグ：freoPHP, freoテンプレート

freoのページの検索結果では、ページのタイトルと文章（200文字まで）が表示されるようになっています。この検索結果で、該当ページのタグを表示する方法は、 templates/page/default.html の221行目あたりに、  <p>タグ：<!--{foreac...

この記事のURL

freoの管理画面に「未承認」のデータがあることを表示させる

2013/06/24 07:01
カテゴリー：管理画面
タグ：freoテンプレート

freoでは未承認のエントリー、ページ、コメント、トラックバック、ユーザーが登録される場合がありますが、デフォルトの管理画面のステータスでは登録データに「未承認」の欄が「0」以上のときでも見落としてしまう可能性があります。なので、未承認のデータがあることがわかりやすいように改良します。 templates/internals/admin/default.html の3行目あたり...

この記事のURL

freoのユーザー管理の表示順を権限順にする

2013/06/13 11:09
カテゴリー：ユーザー管理, 管理画面
タグ：freoテンプレート, tablesorter.js

freoのユーザー管理の表示はIDの降順なので、ユーザー登録の数が増えてくると管理がしにくくなる場合があります。これをメディア管理で使用している jquery.tablesorter.js を使って権限が管理者→投稿者→ゲストの順で表示するように改良します。 templates/internals/admin/user.html の25行目あたりにある <table ...

この記事のURL

freoのサイドバーのカレンダーで今日の日付にclassをつける

2013/06/01 18:27
カテゴリー：サイドバー
タグ：freoテンプレート, freoCSS

そもそもカレンダーの閲覧時の日付に印（当日表示）をつけてみる（龍の棲む場所）という方法があるのですが、別途jsファイルを付ける必要があり、もっと簡単にテンプレートとcssファイルの変更のみでこれを実現したものです。 templates/utility.html の20行目あたりにある <!--{if $plugin_entry_calender.type ...