ウェブサイト制作、HTML5・CSS3、CMS「freo」についての備忘録
ファイルアップロード関係 ファイルアップロードのサイズ（容量）上限については 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圧縮 キ...
当サイトのドメインは スタードメイン で管理しているのですが、系列会社が運営する スターサーバー が初期費用無料＆月額利用料半額キャンペーンをしているのでご紹介です。 スターサーバープラン一覧・比較 スターサーバー には以下のようなプランがあります。個人サイト用途にはハイスピードプラン以下のプランで十分かと思います。 - エコノミー ライト スタンダード ハイスピード エンタープライズ 容量 20GB 160GB 200GB 320GB 500GB 初期費用 1650円 1650円 1650...
龍の棲む場所 さんで配布されている「グッジョブ送信ブラグイン」の「お礼画面を表示せずにカウントだけを取得する方法」で表示される「お礼文」をモーダルウィンドウで表示するTIPSです。 準備 グッジョブ送信プラグイン 配布元の解説通りにプラグインを導入 管理画面の「設定管理」→「プラグインの設定：グッジョブ送信」の「 グッジョブに対するお礼画面の表示 」を 「表示しない」（すべてのグッジョブ送信ボタンがお礼画面を表示しなくなります） または「表示する」のままで直下のテキストエリアにモーダルウィンドウでのお礼表示をしたいページIDを記入 します。 ...
詳しくは robots.txt の概要とガイド | Google 検索セントラル | Google Developers を参照してください。freoを利用してサイト構築するうえで、検索サイト（Google等）に捕捉されたくないページをrobots.txtというファイルに記述し、サイトのルートディレクトリに置きます。以下記述例です。 User-agent: * Disallow: /login Disallow: /regist Disallow: /reissue Disallow: /filter Disallow: /clap Disallow: /form Disallow...
【2021年版】freoにSNSシェアボタンを導入・1 の続きです。前回は各SNSの公式シェアボタンのコードの取得方法とオリジナルデザインでSNSシェアボタンを設置するためのコードの紹介をしていました。ここでは国産CMS「freo」にオリジナルデザインのSNSシェアボタンを設置する具体的な書き方について解説します。 オリジナルデザインのSNSシェアボタン用コードのおさらい スタイルを当てやすくするためにリストでマークアップし、適宜class付けをしています。この辺は個人のお好みで。 <ul class="share"> <li class="toTwitt...
当サイトではSNSシェアボタンをずらずら並べていた時期があったりなかったりするんですが今回のリニュにあたりちょこちょこ修正加筆したのでその辺についての覚書です。 Google＋を削除、LINE・Pocketを追加 Google＋、サービス終了してたので（2019年4月）。代わりと言っては何ですが LINE ・ Pocket へのシェアボタンを追加しました。Pocketはいわゆる「あとで見る」を保存蓄積できるサービスです。Firefoxの「Read It Later」という拡張機能（アドオン）が大元のサービスのようで、そういえばここ最近（？最近でもない）のFirefoxにもデフォルトの...
freoのデフォルトテンプレートでは外部javascriptを読み込むためのタグ、「 <script src=～略 」が <head>～</head> に記述されています。実はこの記述順序は、ページの表示を遅らせる一因となってしまいます。 なぜ <head>～</head> でscriptタグを記述するとページの表示が遅くなる？ ブラウザは上から順番にHTMLを読み込み解析作業をし、表示していくのですが、その途中で外部ファイルを読み込む記述があるとその外部ファイルをダウンロードし実行するまでHTMLの読み込みが中断されるためです。...
（※スクショは witchmakers さんの管理画面用テンプレートを利用していますがデフォルトの管理画面でも今回のカスタマイズは利用できます） メディア管理でファイル登録（アップロード）する場合、ファイル選択欄で選べるファイルは一つのみです。下方にある「ファイル選択欄を追加」リンクをクリックするとファイル選択欄を増やすことができますがそれすら面倒な人（私）向けのカスタマイズです。 templates/admin/iframe_media_form.html 191、196行目 templates/admin/media_form.html 191、196行目 のファ...
search/default.html 置換箇所がめちゃめちゃたくさん（23個？）あるので freoのテンプレートをSmarty3.x系の記述に合わせて修正する を参考に置換かける。置換箇所が多くなる時に私が使っているのは「複数行置換」というそのままズバリな名前のソフトです。 「複数行置換」の使い方 ダウンロードとインストール 複数行置換は Vector からもダウンロードできますが、私はインストールせず使いたいので作者さんのサイト（ INASOFT ）から ZIP版をダウンロード しています。任意の場所に展開してフォルダの中の「mlrep.exe」を開きます。 準備 ...