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

pageSpeed_1.jpg

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

Read More

freoでツイッターライク?なお手軽投稿

quick-post.jpg

ツイッターライクというか てがろぐ ライクというか、ログインした状態であれば管理画面からでなくサイトの表から投稿できる用にするカスタマイズTIPSです。このカスタマイズはすでに「 kirsche* 」さんで解説されているものを元にしています(jQuery部分はほぼそのままです)。ここの解説ではよくわからないという場合はそちらをご参考にどうぞ。また、以下のコードは自分の覚書も兼ねているためHTML5・Smarty3の書き方になっています。適宜読み替えてください。 最終目標 上図のように、ログインした状態だとエントリー一覧の上に簡素な投稿フォームが表示されそこからエントリーを登録できるよ...

Read More

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

starserver.jpg

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

Read More

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

good_man.jpg

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

Read More

freoの新着ページ表示プラグインでページタグを表示する

当サイトではfreoの「新着エントリー表示プラグイン」(freo本体に同梱)と 新着ページ表示プラグイン を使ってトップページに新着情報を表示しているのですが、ここにページにつけたタグを表示しようとしたら思いのほか手間取ってしまったのでメモしておきます。 新着ページ一覧を表示するコード freo公式の解説では <h3>新着ページ</h3> <div class="content"> <dl> <!--{foreach from=$plugin_page_recentries|smarty:nodefaults i...

Read More

freoのインフォメーション機能のON/OFFでサイトトップ表示を変える

20211130_info_final.jpg

freoは初期状態だと、設置URL(サイトトップ)にアクセスした際にはエントリー一覧のいわゆるブログのような表示になりますが、ウェブサイト全体をfreoで構築したいと思ったときにサイトトップは「ブログっぽくない」表示にしたい方向けのカスタマイズTIPSです。 freo公式で解説されている方法 freoでサイト全体を管理する (テンプレートファイル配布あり) トップページのみテンプレートを変更する どちらも「 deault/default.html 」を複製し「 entry/default.html 」を作ることでサイトトップ用テンプレートとブログ一覧用テンプレ...

Read More

freoの管理画面にシステム要件を表示する

20211205_admin.png

freoを設置しているサーバのPHPのバージョンや、使用しているSmarty・JQueryのバージョンが気になる方のためのTIPSです。 admin.jsの編集 js/admin.js の $(document).ready(function() { 直後に(厳密にいえばこの { ~ } 間であればどこでも大丈夫です) //jQuery ver $('#jqueryVer').append($.fn.jquery); と追記します。次に template/internals/admin/default.html を編集します。 admin/default...

Read More

管理画面のタイトルをわかりやすくする

20211127_adminTitle.jpg

freo の管理画面はどの項目を開いてもタイトルが「管理者用|サイト名」となっており、ブラウザの戻るボタン長押しなどで目的のページを探したいときに少々不便でした。そこでjQueryを使い、タイトルに各ページ固有の見出しを追加する方法です。 編集するファイルは「admin.js」 freoに同梱されている管理画面用テンプレートを前提としています(他の方が配布している管理画面テンプレートでこの方法が使えるかは検証していません)。 js/admin.js の $(document).ready(function() { 直後に(厳密にいえばこの { ~ } 間であればどこ...

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

祝・三年ぶりfreo公式更新

 早速ダウンロードし、ローカルで触ってみています。freoはやっぱり楽しいです。で、一から設置してオレオレカスタマイズを施しているんですが自サイトの解説に間違いというか抜けがあるのも発見したりしたのでまた追い追い修正などしようと思います。

Web Liberty の頃からないとさんの作るスクリプトにはお世話になっていたし好きなのでこれからも細く長く使わせてもらえたらなぁと願っています。