プラグインなしでブログカード

「ブログカード」とは、ブログに掲載したい記事のタイトルや概要、アイキャッチ画像などを読みやすくまとめて表示する埋め込み形式です。 はてなブログやワードプレスのプラグインではURLを記入する(+アルファの操作)だけでカード形式の表示ができる機能があるのですが、freoには現状そのような機能やプラグインはありません。そこで、サイト側に機能を持たせることなく比較的簡単にブログカード形式のリンクを生成できる方法を探してみました。要はカード形式表示できるようなHTMLを生成し本文投稿時に記述するというだけなのでfreo以外でも使えます。 ブラウザ拡張機能「Format Link」 ...

Read More

php.iniの設定

20220104.jpg

ファイルアップロード関係 ファイルアップロードのサイズ(容量)上限については freoのファイルアップロード方法の種類とその表示 にも書いてある通り upload_max_filesize = 5M post_max_size = 10M で設定できてたのですが、 メディア管理で一度に複数のファイルをアップロード できるようにしていても一度にアップできるのが20個までだったのでこれは何に引っかかっているのかなと思っていたのですがこちらの個数制限もphp.iniで max_file_uploads = 30 として増やすことが可能。どの数値もあまり増やしすぎてもサー...

Read More

サイトのパフォーマンス改善

pageSpeed_1.jpg

ウェブサイトのパフォーマンス(表示速度)を改善するための覚書です。ページの読み込み時間が短くなることで閲覧者に与えるストレスを軽減することができます。 ウェブページのパフォーマンス測定オンラインツール PageSpeed Insights GTmetrix HTTP Compression Test …サーバーが圧縮データを送信しているかチェック CSS・javascriptの軽量化オンラインツール CSS コンプレッサー JavaScript Minifier .htaccessによるキャッシュの制御・gzip圧縮 キ...

Read More

スターサーバーキャンペーン紹介

starserver.jpg

当サイトのドメインは スタードメイン で管理しているのですが、系列会社が運営する スターサーバー が初期費用無料&月額利用料半額キャンペーンをしているのでご紹介です。 スターサーバープラン一覧・比較 スターサーバー には以下のようなプランがあります。個人サイト用途にはハイスピードプラン以下のプランで十分かと思います。 - エコノミー ライト スタンダード ハイスピード エンタープライズ 容量 20GB 160GB 200GB 320GB 500GB 初期費用 1650円 1650円 1650...

Read More

グッジョブ送信プラグインのお礼をモーダルで表示

good_man.jpg

龍の棲む場所 さんで配布されている「グッジョブ送信ブラグイン」の「お礼画面を表示せずにカウントだけを取得する方法」で表示される「お礼文」をモーダルウィンドウで表示するTIPSです。 準備 グッジョブ送信プラグイン 配布元の解説通りにプラグインを導入 管理画面の「設定管理」→「プラグインの設定:グッジョブ送信」の「 グッジョブに対するお礼画面の表示 」を 「表示しない」(すべてのグッジョブ送信ボタンがお礼画面を表示しなくなります) または「表示する」のままで直下のテキストエリアにモーダルウィンドウでのお礼表示をしたいページIDを記入 します。 ...

Read More

robots.txtで検索クローラーを拒否する

詳しくは robots.txt の概要とガイド | Google 検索セントラル  |  Google Developers を参照してください。freoを利用してサイト構築するうえで、検索サイト(Google等)に捕捉されたくないページをrobots.txtというファイルに記述し、サイトのルートディレクトリに置きます。以下記述例です。 User-agent: * Disallow: /login Disallow: /regist Disallow: /reissue Disallow: /filter Disallow: /clap Disallow: /form Disallow...

Read More

【2021年版】freoにSNSシェアボタンを導入・2

20210114snsshare.jpg

【2021年版】freoにSNSシェアボタンを導入・1 の続きです。前回は各SNSの公式シェアボタンのコードの取得方法とオリジナルデザインでSNSシェアボタンを設置するためのコードの紹介をしていました。ここでは国産CMS「freo」にオリジナルデザインのSNSシェアボタンを設置する具体的な書き方について解説します。 オリジナルデザインのSNSシェアボタン用コードのおさらい スタイルを当てやすくするためにリストでマークアップし、適宜class付けをしています。この辺は個人のお好みで。 <ul class="share"> <li class="toTwitt...

Read More

【2021年版】freoにSNSシェアボタンを導入・1

20210114snsshare.jpg

当サイトではSNSシェアボタンをずらずら並べていた時期があったりなかったりするんですが今回のリニュにあたりちょこちょこ修正加筆したのでその辺についての覚書です。 Google+を削除、LINE・Pocketを追加 Google+、サービス終了してたので(2019年4月)。代わりと言っては何ですが LINE ・ Pocket へのシェアボタンを追加しました。Pocketはいわゆる「あとで見る」を保存蓄積できるサービスです。Firefoxの「Read It Later」という拡張機能(アドオン)が大元のサービスのようで、そういえばここ最近(?最近でもない)のFirefoxにもデフォルトの...

Read More

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

26_asyncdefer.jpg

freoのデフォルトテンプレートでは外部javascriptを読み込むためのタグ、「 <script src=~略 」が <head>~</head> に記述されています。実はこの記述順序は、ページの表示を遅らせる一因となってしまいます。 なぜ <head>~</head> でscriptタグを記述するとページの表示が遅くなる? ブラウザは上から順番にHTMLを読み込み解析作業をし、表示していくのですが、その途中で外部ファイルを読み込む記述があるとその外部ファイルをダウンロードし実行するまでHTMLの読み込みが中断されるためです。...

Read More

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

25_fileup.jpg

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

Read More