管理画面のタイトルをわかりやすくする

20211127_adminTitle.jpg

freo の管理画面はどの項目を開いてもタイトルが「管理者用|サイト名」となっており、ブラウザの戻るボタン長押しなどで目的のページを探したいときに少々不便でした。そこでjQueryを使い、タイトルに各ページ固有の見出しを追加する方法です。 編集するファイルは「admin.js」 freoに同梱されている管理画面用テンプレートを前提としています(他の方が配布している管理画面テンプレートでこの方法が使えるかは検証していません)。 js/admin.js の $(document).ready(function() { 直後に(厳密にいえばこの { ~ } 間であればどこ...

Read More

fancybox3がうまく動作しないとき

fancybox3.jpg

freoにfancybox3を導入 を参考にfreoにfancybox3を導入してみたがモーダルで表示されず原寸画像への直リンクを開いてしまうという質問をいただいていました。お返事が遅くなり申し訳ありませんがこちらで検証してみたところこれが原因かな?というものをメモしておきますのでご参考になれば幸いです。 チェックするファイル js/default.js template/header.html これらのjavascriptの記述順が食い違っているとfancybox3がうまく動作しないようです。freo公式からダウンロードしたそのままであれば前述した記事の通りhea...

Read More

【2021年版】freoにSNSシェアボタンを導入・2

20210114snsshare.jpg

【2021年版】freoにSNSシェアボタンを導入・1 の続きです。前回は各SNSの公式シェアボタンのコードの取得方法とオリジナルデザインでSNSシェアボタンを設置するためのコードの紹介をしていました。ここでは国産CMS「freo」にオリジナルデザインのSNSシェアボタンを設置する具体的な書き方について解説します。 オリジナルデザインのSNSシェアボタン用コードのおさらい スタイルを当てやすくするためにリストでマークアップし、適宜class付けをしています。この辺は個人のお好みで。 <ul class="share"> <li class="toTwitt...

Read More

ページ登録の際に親IDを自動入力する

page_oya.png

freoで「ページ」を作る際、親ページIDを設定し、作成するページ自身のIDを「親ページID/子ページID」とすることによってページの分類・階層を作ることができるのですがこれが案外見落としがちなので(親ページの設定をし忘れたり子ページのつもりがページIDに親ページIDを含めるのを忘れたり)それをなくすようにしたい人向けのカスタマイズです。 方法1:Smartyでの記述 以前自サイトで採用していた方法です。 templates/internals/admin/page_form.html  の100行目あたり <!--{if !$freo.query.id}-->...

Read More

freoに「いいねボタン」を導入する

iine.jpg

創作・同人サイト制作支援サイト do さんで配布されている「 個人サイト向けいいねボタンプログラム 」をfreoに設置する方法です。 iine.jsの編集とiine_appフォルダのアップロード まずは配布元の設置マニュアル通りにiine.jsの編集をした後iine_appフォルダごとアップロードします。 freoのテンプレートの編集 ドメイン直下(https://example.com)でfreoサイトが表示される ドメイン直下にiine_appフォルダをアップロードしている(https://example.com/iine_app/) という条件でのテンプ...

Read More

メディア管理で一度に複数のファイルをアップロード

25_fileup.jpg

(※スクショは witchmakers さんの管理画面用テンプレートを利用していますがデフォルトの管理画面でも今回のカスタマイズは利用できます) メディア管理でファイル登録(アップロード)する場合、ファイル選択欄で選べるファイルは一つのみです。下方にある「ファイル選択欄を追加」リンクをクリックするとファイル選択欄を増やすことができますがそれすら面倒な人(私)向けのカスタマイズです。 templates/admin/iframe_media_form.html 191、196行目 templates/admin/media_form.html 191、196行目 のファ...

Read More

freo設置ディレクトリをルートURLで表示させる

例えば、サイト URL が http://example.com/ の時に、freo スクリプト一式を「freo」というディレクトリにアップしたとします。 そのままだと freo で作ったトップページには「http://example.com/freo/」でないと表示できませんが、これを「http://example.com/」で表示させるようにする方法の説明です。 これまでに紹介していた.htaccessでの設定のほか、freoのconfig.phpの編集での方法を追記しました いずれもすでに「/freo/」ディレクトリでのセットアップが完了した後の作業になります。 .hta...

Read More

管理画面メディア一覧で階層間のアクセスをしやすく

freoの管理画面、メディア一覧での階層間のアクセスをしやすくするためのカスタマイズです。 templates/internals/admin/medeia.html 71行目 <td><a href="{$freo.core.http_file}/admin/media?path={$parent}"><img src="{$freo.core.http_url}images/icons/directory.png" alt="ディレクトリ" width="16" height="16" /> <code>..</code...

Read More

freoにfancybox3を導入

fancybox3.jpg

国産CMS「freo」は画像や動画をポップアップして表示する用に「 Colorbox 」が標準装備されていますが、これをレスポンシブ・モバイル対応が万全な「 fancybox3 」に乗り換えるためのメモです。 fancybox3を利用する方法は以下の二つがあります。 必要ファイルをダウンロードしてきて自分のサーバにアップロードする CDNで提供されているCSS・スクリプトを読み込む 今回は2.のCDNを利用する方法を解説します。 必要ファイルの読み込み 編集が必要なのは templates/header.html templates/interna...

Read More