ウェブサイト制作、HTML5・CSS3、CMS「freo」についての備忘録
お世話になっているレンタルサーバー（ リトルサーバー ）でPHP 8.1が使えるようになったので重い腰を上げてローカル環境でもPHP8.1を使えるようにし、愛用CMS「freo」もPHP8.1で使えるように対応しました。ちなみにリトルサーバーさんは去年秋くらいから利用してますがなかなかいいサーバーです、お問い合わせへのお返事も迅速丁寧ですし。有料サーバ使ってみようかなって方・移転先をお探しの方、ぜひ候補に入れてみてください。 CMS「freo」をPHP8.1で使うには 公式配布元 freo.jp で配布されている最新版は残念ながらPHP7～8.1に対応していません。有志の方が配布...
「ブログカード」とは、ブログに掲載したい記事のタイトルや概要、アイキャッチ画像などを読みやすくまとめて表示する埋め込み形式です。 はてなブログやワードプレスのプラグインではURLを記入する（＋アルファの操作）だけでカード形式の表示ができる機能があるのですが、freoには現状そのような機能やプラグインはありません。そこで、サイト側に機能を持たせることなく比較的簡単にブログカード形式のリンクを生成できる方法を探してみました。要はカード形式表示できるようなHTMLを生成し本文投稿時に記述するというだけなのでfreo以外でも使えます。 ブラウザ拡張機能「Format Link」 ...
ブラウザの拡張機能として提供されているRSSリーダー「 Feedbro 」を導入してみましたという覚書です。 きっかけ 当サイトのフィード（RSS）がエラーで表示されないという状態を修正しました。ご連絡ありがとうございました。原因はテンプレートエンジンをSmarty2からSmarty3に乗り換えた際にフィードのテンプレートのみ未修正だったことです。自分がRSSを利用しなくなってだいぶ経つので確認もしていませんでした。愛用していたGoogleリーダーのサービスが終了して移行先を探すのが面倒だったんですよね。でもRSS購読の利便性はその頃に実感してましたしせっかくなのでこの機会にまた活用...
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...