ウェブサイト制作、HTML5・CSS3、CMS「freo」についての備忘録
ブラウザの拡張機能として提供されている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...
ファイルアップロード関係 ファイルアップロードのサイズ（容量）上限については freoのファイルアップロード方法の種類とその表示 にも書いてある通り upload_max_filesize = 5M post_max_size = 10M で設定できてたのですが、 メディア管理で一度に複数のファイルをアップロード できるようにしていても一度にアップできるのが20個までだったのでこれは何に引っかかっているのかなと思っていたのですがこちらの個数制限もphp.iniで max_file_uploads = 30 として増やすことが可能。どの数値もあまり増やしすぎてもサー...
ウェブサイトのパフォーマンス（表示速度）を改善するための覚書です。ページの読み込み時間が短くなることで閲覧者に与えるストレスを軽減することができます。 ウェブページのパフォーマンス測定オンラインツール PageSpeed Insights GTmetrix HTTP Compression Test …サーバーが圧縮データを送信しているかチェック CSS・javascriptの軽量化オンラインツール CSS コンプレッサー JavaScript Minifier .htaccessによるキャッシュの制御・gzip圧縮 キ...