海外無料サーバーで運用を開始したが、接続が遅かったり、不安定だったりすることがままあったため、国内無料サーバーに引っ越すことにした

| Nibbleblog

海外無料サーバーは重かった

海外無料サーバーで本サイトの運用を開始したが、接続が遅かったり、不安定だったりすることがままあった。そこでPHP、mod_rewrite等を提供している国内無料サーバーへ引っ越すことにした。NibbleblogはRDBMSを使用しない。だから、移転元の海外無料サーバーからFilezillaでファイル一式をFTPダウンロードし、それらを移転先の国内無料サーバーへFilezillaでFTPアップロードするだけの簡単なお仕事。

現在使用中のNibbleblogの初期テーマのCSSだけを編集して、モバイルフレンドリーなレスポンシブデザインっぽくしてみた

| Nibbleblog

Bootstrapテーマなんて使わずに対応

レスポンシブデザインなんて知るかコノヤローと思っていたが、モバイルフレンドリーなウェブデザインがSEO的に良いらしく、最近レスポンシブデザインが増えてきている。一方、Nibbleblogの初期テーマの一つであるGoogleSimpleを現在利用しているが、このテーマはレスポンシブデザインに完全には対応していない。しかし、今更このテーマからBootstrapテーマ系のテーマへ変更するつもりはない。かと言って、このテーマをゴリゴリに弄るのは面倒。そこで、このテーマのCSSだけ弄って、なんちゃってレスポンシブデザインにしてみた。

最近はセマンティック・ウェブな世の中になりつつあるらしいので、Nibbleblogの初期テーマの一つであるGoogleSimpleのスクリプトを弄ってJSON-LDを追加した

| Nibbleblog

構造化データの文法の一つ、JSON-LD

フィードやトラックバックが流行ったころも似たようなことが言われていた気がするが、最近はセマンティック・ウェブな世の中らしい。そこで、Nibbleblogの初期テーマの一つであるGoogleSimpleの以下の2つのスクリプトを次のとおり弄って、SEO的に期待されているJSON-LDを追加した。

  • /themes/google_simple/views/blog/includes/post.bit（記事一覧表示用スクリプト）
  • /themes/google_simple/views/post/includes/post.bit（個別記事表示用スクリプト）

NibbleblogというPHPで動作するフラットファイルCMSであっても、ここ海外無料サーバーで応答速度が遅くなり始めてきているので、.htaccessを弄った

| Nibbleblog

画像等のキャッシュで速度を稼ぐ

この投稿で十数ページ目になるのだが、このNibbleblogというPHPで動作するフラットファイルCMSであっても、ここ海外無料サーバーで応答速度のパフォーマンスが低下してきている。しかし、かつてここでフラットファイルDBで利用していたBlognPlus（PHP5で動作）というCMSのときもそうだったので、驚きはない。しかしページ遷移くらい何とかしようと、以下のとおり.htaccessを弄り、クライアントのウェブブラウザ―に画像、CSS、JavaScript等のファイルをキャッシュさせることにした。

このNibbleblogはデフォでmeta要素のviewportを生成しないので、デフォで生成するようにしてみた

| Nibbleblog

モバイルフレンドリーに必須なviewport

このNibbleblogはデフォでmeta要素のviewportを生成しない。一部の初期テーマは生成するようだが、現在利用しているGoogleSimpleという初期テーマは生成しない。しかしviewportはSEO的に重要らしい。そこでスクリプトを以下のとおり修正し、デフォで生成するようにしてみた。

このNibbleblogのOpen Graphプラグインのog:imageとTwitter Cardプラグインのtwitter:imageのURLがおかしいので修正した

| Nibbleblog

プラグインのダブルスラッシュ問題

このNibbleblogにはプラグイン機能があり、このうちFacebookのOpen Graphプラグインのog:imageと、Twitter Cardプラグインのtwitter:imageのURLがhttp://www.example.com//themes/テーマ名/css/img/image.pngとダブルスラッシュ（//）が入っておかしなことになっていた。そこで、以下の2つのスクリプトを次のとおり修正した。

  • /plugins/open_graph/plugin.bit（Open Graphプラグイン）
  • /plugins/twitter_cards/plugin.bit（Twitter Cardプラグイン）

Nibbleblogの動画投稿機能を使わずとも、今回のようにTinyMCEのMediaプラグインを利用してYouTubeの動画を貼ることもできる

| Nibbleblog

普通の記事にYouTube動画を貼付

このNibbleblogは、前回利用した固有の動画投稿機能を使わずとも、今回のようにTinyMCEというJavaScript製WYSIWYGエディターのMediaプラグインを利用してYouTubeの動画（今回も前回同様、岡村靖幸『ラブメッセージ』PV）を貼ることができる。パッと見での２つの大きな違いは、文章を添えることができるかどうか。でもそれだけではない。

Nibbleblogのテーマに、記事のカテゴリー・タグ・TwitterへのTweet・Facebookシェアのリンクや要約がなかったので追加した

| Nibbleblog

普通のCMSに近づきたい

現在このNibbleblogの初期テーマの一つであるGoogleSimpleを使用しているが、記事にカテゴリー・タグ・TwitterへのTweet・Facebookシェアのリンクや要約がなかったので、以下の2つのスクリプトを次のとおり弄って追加した。

  • /themes/google_simple/views/blog/includes/post.bit（記事一覧表示用スクリプト）
  • /themes/google_simple/views/post/includes/post.bit（個別記事表示用スクリプト）

このNibbleblogの投稿画面にはTinyMCEというJavaScript製WYSIWYGエディターが利用されており、これを弄ることにした

| Nibbleblog

TinyMCEの設定を変更

このNibbleblogの投稿画面にはTinyMCEというJavaScript製WYSIWYGエディターが利用されているが、br要素など空要素のタグの使われ方が気に入らなかったのでNibbleblogを弄ることにした。以下の2つのスクリプトを次のとおり修正。

  • /admin/views/page/includes/content.bit（ページ投稿画面用スクリプト）
  • /admin/views/post/includes/content.bit（記事投稿画面用スクリプト）

Nibbleblogの作者を中心としたチームがBluditという後継CMSをリリースしていたが、とりあえず乗り換えないことにした

| Nibbleblog

Nibbleblogの後継、Bludit

今更だけど、Flat File CMS Systemsというウェブページで、このNibbleblogの作者を中心としたチームがBluditという後継CMSをリリースしていることを知った。マジか。PHPで動作するフラットファイルCMSという点は変わらず。でも、だったら新しいほうがいいじゃねーか、とはならない。リリースしたばかりというのは不安定だったり、セキュリティ的にまだ脆弱性を抱えていたりすることもあるから。現在のバージョンはv0.6 beta2。直ぐには乗り換えず、暫し様子見しようと思う。

Home ← 古い記事