script非同期読み込みのススメ

26_asyncdefer.jpg

freoのデフォルトテンプレートでは外部javascriptを読み込むためのタグ、「 <script src=~略 」が <head>~</head> に記述されています。実はこの記述順序は、ページの表示を遅らせる一因となってしまいます。 なぜ <head>~</head> でscriptタグを記述するとページの表示が遅くなる? ブラ...

Read More

メディア管理で一度に複数のファイルをアップロード

25_fileup.jpg

(※スクショは witchmakers さんの管理画面用テンプレートを利用していますがデフォルトの管理画面でも今回のカスタマイズは利用できます) メディア管理でファイル登録(アップロード)する場合、ファイル選択欄で選べるファイルは一つのみです。下方にある「ファイル選択欄を追加」リンクをクリックするとファイル選択欄を増やすことができますがそれすら面倒な人(私)向けのカスタマイズです。 ...

Read More

freo設置ディレクトリをルートURLで表示させる

例えば、サイト URL が http://example.com/ の時に、freo スクリプト一式を「freo」というディレクトリにアップしたとします。 そのままだと freo で作ったトップページには「http://example.com/freo/」でないと表示できませんが、これを「http://example.com/」で表示させるようにする方法の説明です。 これまでに紹介していた....

Read More

freoにfancybox3を導入

fancybox3.jpg

国産CMS「freo」は画像や動画をポップアップして表示する用に「 Colorbox 」が標準装備されていますが、これをレスポンシブ・モバイル対応が万全な「 fancybox3 」に乗り換えるためのメモです。 fancybox3を利用する方法は以下の二つがあります。 必要ファイルをダウンロードしてきて自分のサーバにアップロードする CDNで提供されているCSS・スクリプトを読み込...

Read More