ウェブサイト制作、HTML5・CSS3、CMS「freo」についての備忘録
Windowsのローカルサーバで複数のバージョンのPHPを切り替えて使いたいときのメモです。 前提として、すでに C:\xampp\ 直下に ポータブル版のxampp ファイル群を配置して使っています。この状態で複数のPHPを切り替えて使用するには以下の方法があります。 一つのxamppでPHPフォルダと設定ファイルをバージョンごとに切り替える バージョンの違うPHPを含んだxamppをそれぞれインストールする 1）の方法は切り替えのたびにコマンドプロンプトでそれぞれのバージョンのPHPフォルダと設定ファイルにシンボリックリンクを作成する必要があり私にとっては難易度が...
「ブログカード」とは、ブログに掲載したい記事のタイトルや概要、アイキャッチ画像などを読みやすくまとめて表示する埋め込み形式です。 はてなブログやワードプレスのプラグインではURLを記入する（＋アルファの操作）だけでカード形式の表示ができる機能があるのですが、freoには現状そのような機能やプラグインはありません。そこで、サイト側に機能を持たせることなく比較的簡単にブログカード形式のリンクを生成できる方法を探してみました。要はカード形式表示できるようなHTMLを生成し本文投稿時に記述するというだけなのでfreo以外でも使えます。 ブラウザ拡張機能「Format Link」 ...
ファイルアップロード関係 ファイルアップロードのサイズ（容量）上限については 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の読み込みが中断されるためです。...