ウェブサイト制作、HTML5・CSS3、CMS「freo」についての備忘録
ローカルでいじっていた「てがろぐ」の体裁がなんとなく整ってきたので ウェブにも上げてみました 。 で、 スマホでもできる！「てがろぐ」簡単設置・始め方 の次は粗忽者の私が躓いたことを踏まえて最低限の初期設定の話をメモしておこうと思ったのですけど（配布元さんの説明をきちんと読めばすべて解決するんですけどあの圧巻の量に怯んでしまったので）、なんとなく周りを見てると設置の後の初期設定に困ってる方ってそんないない感じなので先にギャラリーモードカスタマイズの話をメモしておこうと思います。 てがろぐのギャラリーモードというか画像関係の機能としてはつい昨日、 サムネイル画像が存在する場合...
以前から気になっていたフリーCGI「 てがろぐ 」をウェブアプリケーションの開発環境をローカルで簡単に構築できるソフト「 XAMPP 」で動かすためのメモです。 xamppを使わない場合は てがろぐをローカルで動かそう | チラ裏ソリロキー が参考になるかと思います。 Windows10 Home 64bit 21H2 xampp（portable） Control Panel v3.3.0 / PHP Version 8.1.6 そのほか細かい設定は「 xampp 」タグ参照。 ググると「xampp同梱perlは古い・簡易版でフルバージョンではない」等の情報が見...
Windowsのローカルサーバで複数のバージョンのPHPを切り替えて使いたいときのメモです。 前提として、すでに C:\xampp\ 直下に ポータブル版のxampp ファイル群を配置して使っています。この状態で複数のPHPを切り替えて使用するには以下の方法があります。 一つのxamppでPHPフォルダと設定ファイルをバージョンごとに切り替える バージョンの違うPHPを含んだxamppをそれぞれインストールする 1）の方法は切り替えのたびにコマンドプロンプトでそれぞれのバージョンのPHPフォルダと設定ファイルにシンボリックリンクを作成する必要があり私にとっては難易度が...
お世話になっているレンタルサーバー（ リトルサーバー ）で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...
ファイルアップロード関係 ファイルアップロードのサイズ（容量）上限については 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圧縮 キ...