ウェブサイト制作、HTML5・CSS3、CMS「freo」についての備忘録
「ブログカード」とは、ブログに掲載したい記事のタイトルや概要、アイキャッチ画像などを読みやすくまとめて表示する埋め込み形式です。 はてなブログやワードプレスのプラグインでは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...
ファイルアップロード関係 ファイルアップロードのサイズ（容量）上限については freoのファイルアップロード方法の種類とその表示 にも書いてある通り upload_max_filesize = 5M post_max_size = 10M で設定できてたのですが、 メディア管理で一度に複数のファイルをアップロード できるようにしていても一度にアップできるのが20個までだったのでこれは何に引っかかっているのかなと思っていたのですがこちらの個数制限もphp.iniで max_file_uploads = 30 として増やすことが可能。どの数値もあまり増やしすぎてもサー...