10press

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

当サイトではSNSシェアボタンをずらずら並べていた時期があったりなかったりするんですが今回のリニュにあたりちょこちょこ修正加筆したのでその辺についての覚書です。 Google＋を削除、LINE・Pocketを追加 Google＋、サービス終了してたので（2019年4月）。代わりと言っては何ですが LINE ・ Pocket へのシェアボタンを追加しました。Pocketはいわゆる「あとで見る」を保存蓄積できるサービスです。Firefoxの「Read It Later」という拡張機能（アド...

【【2021年版】freoにSNSシェアボタンを導入・1】の続きを読む

あけましておめでとうございます

お久しぶりです。実に久々にこちらのサイトもどうにかしようと思い立ち去年末からごそごそしてましたが前回復活させたのが二年前の1月、かつそこから翌年の1月まで大した更新もなく今という体たらくだったので我ながらびっくりしました。その間別の趣味サイトのほうは細々といじっていてそれでもHTML5やCSS3など「えっ今こういう書き方できるようになったんだ（浦島）」という感じだったのでちょっと心を入れ替えて勉強しなおそうと思っています。 freoのほうも前回の時にかろうじてPHP7対応はしていたのですが...

【あけましておめでとうございます】の続きを読む

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

freoで「ページ」を作る際、親ページIDを設定し、作成するページ自身のIDを「親ページID/子ページID」とすることによってページの分類・階層を作ることができるのですがこれが案外見落としがちなので（親ページの設定をし忘れたり子ページのつもりがページIDに親ページIDを含めるのを忘れたり）それをなくすようにしたい人向けのカスタマイズです。方法1：Smartyでの記述以前自サイトで採用していた方法です。 templates/internals/admin/page_form.ht...

【ページ登録の際に親IDを自動入力する】の続きを読む

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

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

【freoに「いいねボタン」を導入する】の続きを読む

script非同期読み込みのススメ

freoのデフォルトテンプレートでは外部javascriptを読み込むためのタグ、「 <script src=～略」が <head>～</head> に記述されています。実はこの記述順序は、ページの表示を遅らせる一因となってしまいます。なぜ <head>～</head> でscriptタグを記述するとページの表示が遅くなる？ブラウザは上から順番にHTMLを読み込み解析作業をし、表示していくのですが、その途中で外部ファイルを読み...

【script非同期読み込みのススメ】の続きを読む

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

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

【メディア管理で一度に複数のファイルをアップロード】の続きを読む

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

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

【freo設置ディレクトリをルートURLで表示させる】の続きを読む

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

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="ディレクトリ" wi...

【管理画面メディア一覧で階層間のアクセスをしやすく】の続きを読む

freoにfancybox3を導入

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

【freoにfancybox3を導入】の続きを読む

フォーム管理プラグインをSmarty3で使う

admin.html45行目、admin_form.html6行目、admin_record_form.html6・37行目error.html6・23行目、preview.html7行目 |smarty:nodefaults を nofilter に置換 admin_record_form.html33行目  を <!--{if $...

【フォーム管理プラグインをSmarty3で使う】の続きを読む