ウェブサイト制作、HTML5・CSS3、CMS「freo」についての備忘録
このサイトは国産創作サイト向けコンテンツ管理システム（CMS） freo で構築しています。freoにはいわゆるブログ的コンテンツ用の「エントリー」と固定ページ用の「ページ」があり、それぞれに訪問者からのコメントを受け付けることができます。 ここ数年はサイト自体の動きが少なかったこともあり基本的にコメント受け付けは閉じており、 ゲストブック というページでのみコメントフォームを開いていたのですが、そこですら海外スパムの標的になってしまったので「 承認後にコメントを表示する 」設定にしていました。コメント書き込みがあった場合はメールで通知が来るので管理画面にログイン→確認→スパムじゃなけれ...
2022/12/06 スキンの書き方や別の方法について追記しました。 一応当サイトのコンテンツの一つとして設置してみた てがろぐ ですが、スマホ等で見たときに本サイトからアクセスしづらかった（PCなど画面サイズが大きい環境では上部メニューリンクの「コンテンツ」にホバーしたときに展開される項目最下部からアクセスできるんですけどスマホのハンバーガーメニューだと表示されない）のでサイトトップページに最新一件を表示できるようにしてみたメモです。 てがろぐの投稿をHTMLファイルに埋め込むには てがろぐCGIが出力した最新の1件を任意の場所にSSIで埋め込む方法 - Sakura s...
お世話になっているレンタルサーバー（ リトルサーバー ）でPHP 8.1が使えるようになったので重い腰を上げてローカル環境でもPHP8.1を使えるようにし、愛用CMS「freo」もPHP8.1で使えるように対応しました。ちなみにリトルサーバーさんは去年秋くらいから利用してますがなかなかいいサーバーです、お問い合わせへのお返事も迅速丁寧ですし。有料サーバ使ってみようかなって方・移転先をお探しの方、ぜひ候補に入れてみてください。 CMS「freo」をPHP8.1で使うには 公式配布元 freo.jp で配布されている最新版は残念ながらPHP7～8.1に対応していません。有志の方が配布...
details+summaryでJSなしの折りたたみではfreoのサイドバー項目の折りたたみTIPSを紹介しましたがこれをエントリーやページの本文を投稿する際にも使いたいと思ったときに、簡単に記述できるようにTinyMCE5用のプラグインを作りました。
ダウンロード・詳しい使い方についてはTinyMCE用detailsタグ挿入プラグインからどうぞ。
freo公式のネタバレボタンおよびfreoカスタマイズ集さんのネタバレ入力プラグインとの併用も可能です。
HTML5から導入された詳細折りたたみ要素、detailsを使ってfreoのサイドバーを折りたたむTIPSです。 details要素の概要 <details> <summary>Details</summary> Something small enough to escape casual notice. </details> detailsは上記のようにsummaryとセットで使います。実際にブラウザでどのように表示されるかは以下。 Details Something small enough...
ツイッターライクというか てがろぐ ライクというか、ログインした状態であれば管理画面からでなくサイトの表から投稿できる用にするカスタマイズTIPSです。このカスタマイズはすでに「 kirsche* 」さんで解説されているものを元にしています（jQuery部分はほぼそのままです）。ここの解説ではよくわからないという場合はそちらをご参考にどうぞ。また、以下のコードは自分の覚書も兼ねているためHTML5・Smarty3の書き方になっています。適宜読み替えてください。 最終目標 上図のように、ログインした状態だとエントリー一覧の上に簡素な投稿フォームが表示されそこからエントリーを登録できるよ...
龍の棲む場所 さんで配布されている「グッジョブ送信ブラグイン」の「お礼画面を表示せずにカウントだけを取得する方法」で表示される「お礼文」をモーダルウィンドウで表示するTIPSです。 準備 グッジョブ送信プラグイン 配布元の解説通りにプラグインを導入 管理画面の「設定管理」→「プラグインの設定：グッジョブ送信」の「 グッジョブに対するお礼画面の表示 」を 「表示しない」（すべてのグッジョブ送信ボタンがお礼画面を表示しなくなります） または「表示する」のままで直下のテキストエリアにモーダルウィンドウでのお礼表示をしたいページIDを記入 します。 ...
当サイトではfreoの「新着エントリー表示プラグイン」（freo本体に同梱）と 新着ページ表示プラグイン を使ってトップページに新着情報を表示しているのですが、ここにページにつけたタグを表示しようとしたら思いのほか手間取ってしまったのでメモしておきます。 新着ページ一覧を表示するコード freo公式の解説では <h3>新着ページ</h3> <div class="content"> <dl> <!--{foreach from=$plugin_page_recentries|smarty:nodefaults i...
freoは初期状態だと、設置URL（サイトトップ）にアクセスした際にはエントリー一覧のいわゆるブログのような表示になりますが、ウェブサイト全体をfreoで構築したいと思ったときにサイトトップは「ブログっぽくない」表示にしたい方向けのカスタマイズTIPSです。 freo公式で解説されている方法 freoでサイト全体を管理する （テンプレートファイル配布あり） トップページのみテンプレートを変更する どちらも「 deault/default.html 」を複製し「 entry/default.html 」を作ることでサイトトップ用テンプレートとブログ一覧用テンプレ...
freoを設置しているサーバのPHPのバージョンや、使用しているSmarty・JQueryのバージョンが気になる方のためのTIPSです。 admin.jsの編集 js/admin.js の $(document).ready(function() { 直後に（厳密にいえばこの { ～ } 間であればどこでも大丈夫です） //jQuery ver $('#jqueryVer').append($.fn.jquery); と追記します。次に template/internals/admin/default.html を編集します。 admin/default...