*Y.A.S.*

2000年10月10日から始めたこのサイトも、本日で無事20年を迎えることが出来ました！おめでとうありがとう。

パソコン黎明期からパソコンに触れ、インターネット黎明期からネットを使い、個人サイト黎明期にこのサイトを立ち上げてる訳ですからなかなか大概ですね。PCの奥底やインターネットアーカイブから古いデータがサルベージできたので、ここまでの流れをまとめておこうと思います。

※2020-10-12追記：内容を修正しました。

第0期（大学サーバー時代）

• 2000年5月頃

大学の「情報処理」の授業で、個人のウェブサイトを立ち上げ、そのサイト上にレポートをアップロードする、という課題が出たことを機に、ウェブサイトを立ち上げました（サイト名は存在せず、「My Home Page」という仮称が付いていました）。当初yukkun20が書いたレポートは、「ウェブサイトにおける背景色と文字色のバランスについて」みたいな感じで、どういう色の組み合わせが見ていて目に優しいのかみたいなことを書いてたような記憶があります。

またこのときにHTMLについての勉強を始め、ボタン一つで背景色と文字色を変更できるカラーエディタみたいなものを置いていました。

またサイトを課題提出に使うだけではもったいないので、何か世の中の役に立つものをつくろうと思い、「風の谷のナウシカ」の用語集を作りました。後述する事故でデータは無くしてしまったんですが、今の星界辞典と似たような感じです。yukkun20は英語版コミックスを持っていたので、後期にはそれも辞典に組み込み、和英辞典の要素も持たせていました。

第1期（OCNサーバー時代）

• 2000年10月10日

サイト作りの面白さにはまってしまったyukkun20は、大学とは関係なくサイトを開設することにしました。今とは名前もデザインもコンテンツも全く異なりますが、この日を当サイトの設立日としました。当サイトのアクセス数は、この時からきちんと引き継いでいるはずです（第0期サイトにもカウンターはありましたが、そっちは引き継いでいません）。

この時は，実家のネット回線を提供していたOCNが、ウェブサイトのためのサーバースペースも無料で提供してくれていたので、それを利用することにしました。また生意気にも、トクトク（無料でウェブサイト用のサーバーを提供するサービス）にミラーサイトを置いていました。当時のミラーサイトは、バックアップと言うより、アクセスを分散させてサーバーが落ちないようにする意味が強かったので、どんだけ自己評価高かったんだよって感じです。しかしこれがわりと近年まで稼働していたおかげで、昔のサイトの情報もインターネットアーカイブで見つけ出せたので、人生何がいい結果になるかわからないものです。

当時から掲示板サービスを流用したようなサービスを使って日記をつけていましたが、今のように毎日更新ではなく、不定期更新でした。その他のメインコンテンツは、日常生活のトリビアと、缶紅茶のレビュー、それに第0期から引き継いだナウシカ用語集でした。

第2期（COOLサーバー時代・旧デザイン）

• 2001年7月1日

理由はよく覚えていないのですが（おそらく，実家がOCNとの契約を切ったため）、サーバーを移転することにしました。当時は、無料でサーバーを提供する代わりに、ポップアップ広告（この用語も以下略）が出るサービスが一般的でしたが（第1期サイトもそうでした）、yukkun20はポップアップがいやだったので、コミュニケーションオンラインが提供していた「COOL ONLINE」というサービスを利用することにしました（※初期は無料版を利用しており、サイトの上下に広告が出る仕様でしたが、最終的には広告の出ない有料版に移行したような記憶があります）。COOL ONLINEは、当時ありがちだった「http://www.サーバー名.ne.jp/~ユーザー名」ではなく、「http://www.ユーザー名.cool.ne.jp」だったのもかっこよかった。yukkun20というHNを使い始めたのもこの頃だと思います。

このとき、少し真面目にウェブデザインの本を読み、サイトのテーマカラーを今も使用している黄色#ffcc00に決めて（今は水色#99ccffもテーマカラーにしていますが、当時は使ってませんでした）、デザインも大きく変更しました。またサイト名もほぼ今と同じになりました。サイトは左半分が真っ白背景にサイトロゴ、右半分がコンテンツと結構とがったデザインでした。

この移転を機に、今もしている「日記を毎日更新するスタイル」に移行しています。しかしなぜかナウシカ用語集は引き継ぎませんでした。

• 2003年10月10日

サイト開設3周年という記念すべき日に、パソコンがクラッシュし、それまでのデータの大部分が失われてしまいました（バックアップ取ってなかったのかって？そういう時代じゃなかったんだよ！）。幸いサイトのデータはオンライン上にあったのですが、第0～1期サイトのデータの大半はオンラインに上げてなかったので、すべて失ってしまいました。大分サルベージ頑張ったんだけどね…（当時は日本語で名前の付けられたフォルダやファイルをサルベージするのが非常に難しかったのです。なのでそれから10年くらい、yukkun20はPCのファイルはすべて英語で名前を付けてました）

※ただしインターネットアーカイブには当時のデータが残されています。死ぬほど恥ずかしい内容なのでリンクは張りませんから！

yukkun20は（そして世間全体も）今ほどネットに依存していませんでしたし、ちょうど司法試験で忙しい時期でもあったので、ネット環境が無いまま3ヶ月過ごしました。なお試験には落ちたorz

第2.5期（COOLサーバー時代・新デザイン）

• 2004年1月9日

年始に会った友人から、「最近サイト更新してないから死んだかと思った」と言われたのを機にサイトの更新を再開。このときサイトのデザインも大きく変更し、今のように右にサイドバーがあり、左にメインコンテンツがあるという構成にしました。今から考えると結構時代を先取りしている感がありますね。

缶紅茶評論はネタ切れ気味だったので、新しい試みとして、最近読んだおすすめの本を紹介することにしました。ちなみに第1回は森岡浩之先生の『月と闇の戦記三　神様はしらんぷり』でした。今思えば、これがレビューサイトとしての第一歩だったと思います。

• 2004年4月8日

「ふしぎの海のナディア」の再放送をきっかけにその感想を書き始めました（後にまとめなおして、「ナディアな人々」として独立させました）。

Y.A.S.

 

https://www.yukkun20.com/index.php/nadia

ナディアな人々

汝は冒険者か危険という名の滝を潜り抜けその奥に伝説の正体を求める者か――― ならば、我を求めよ□　ふしぎの海のナディアとは1990年4月から1991年4月にかけて放送された、NHK初のオリジナルアニメ。全39話。SF小説『海底二万里』及び『神秘の島』（ジュール・ヴェルヌ作）を原案とし、総監督に庵野秀明、キャラデザに貞本義行、音楽に鷺巣詩郎を迎え、ガイナックスを広く世間に認知させた作品。ちなみに管理人はこれで人生を踏み外してます。アニメのサントラを買ったり、キャラの中の人に興味を持ったり、アニメのDVDを買ったりするよ...

• 2004年8月2日

実家に帰るとネット回線の工事中でネットが使えなくなってしまったので（Wi-Fi？そんなものがこの時代にあるわけないのよ）、暇に飽かせて「星界」の用語辞典を作成し、ネット復旧後に「帝国星界軍案内所”銀河の星”」として公開しました。当時はナディアの用語集も並行して作っていたのですが、星界辞典の方が作っていて楽しかったので、以後ナディア用語集は更新を凍結してます（現在まで）。

Y.A.S.

 

https://www.yukkun20.com/index.php/seikai

帝国星界軍案内所"銀河の星（グリューラシュ・エルークファル）"

■　おしらせ(2020/1/1)星界の断章「継承」「観光」のデータを飛翔科・主計科に追加しました。造船科の更新予定はないため、今回の更新はこれ完了です。なお「過疎」は入手時期が未定なので、更新時期も未定とさせていただきます。以前の更新履歴は以下のページをご覧ください。■　各術科のご案内□ 飛翔科…星界軍の中枢を担う兵科です。『星界』シリーズに出てくる用語の事典が置かれています。メインコンテンツ。□ 主計科…事務一般を担当する兵科です。『星界』シリーズにおける年表が置かれています。□ 造船科…船体を意匠する兵科です...

当時はまだWikiも一般的では無かったので、HTMLで用語集を作成したのですが、そのせいで、サイトをブログ化してからも、今に至るまで抜本的な改装は出来ていません。多分今後もこのまま。

この時点で、現在のサイトに繋がる基本コンテンツ（日記+レビュー+星界+ナディア」が一応完成したと言えるでしょう。

• 2004年8月12日

人に見せられるコンテンツが整ったので、サーチエンジン（サーパラと言えば分かる人には分かるはず）に初めて登録。同時にサイトバナーも作りました。9月28日にバナー・ナディアVer.、10月10日にバナー・サモナイVer.も追加。

• 2008年4月26日

「サモンナイト」（DS版）をプレイし、初めてゲームのプレイ日記を公開しました。

Y.A.S.

 

https://www.yukkun20.com/index.php/summonnight1

サモンナイト　プレイ日記

＊目次＊プレイ日記1・NintendoDS版(別ページ)プレイ日記2・ゲームアーカイブス版ユニット感想＊プレイ日記2・ゲームアーカイブス版＊■ はじめに 今回のプレイ日記は、ゲームアーカイブスで配布されているものをPS3にインストールしてプレイしています。PS版(オリジナル版)のベタ移植ですので、DS版とは違いフルボイスですしOPムービーもあります。逆にDS版の追加要素(召喚コミュニケーションやブレイブクリアなど)はありません。残念ながらスクリーンショット機能には対応していません。 タイトル画面見ただけで懐かしさで泣きそうに...

• 2008年12月22日

現在まで続けている「年間ゲームレビュー」を開始しました。当時から★5つで評価していたんですが、TOV（Xbox版）に★10個を付ける暴挙をかましてます。1年目にやるなよ。

第3期（ブログ時代）

• 2011年5月3日

COOL ONLINEのサービス終了に伴い、ExpressWebに移転。同時にサイトをブログ化しました。yukkun20のサイト構築知識はHTMLで止まっているのに、ブログのテンプレを使わず、一からデザインするという無謀とも思えるチャレンジをしましたが、どうにか成功しました。現行のサイトデザインはこのときに出来たものです。

第2期サイトは「星界マスターガイドブック」に参考サイトとしてアドレスを載せていただいていたので、アドレスが変わったのは本当悲しかったです。このときの悲劇を教訓に、独自ドメインを取得し、サイトのアドレスがwww.yukkun20.comになりました。第2期サイトは2012年5月20日に消滅しています。

• 2013年7月18日

ややサイトのコンテンツに閉塞感を感じていたので、新しい企画として、「榊ガンパレ」の年表を公開。これは自分が個人的に作っていたものだったんですが、どうせなら人の目に触れるところに置こうと思い立って始めたものです。まさか7年経っても半分くらいしか完成してないとは当時は思いもしませんでしたけど。

Y.A.S.

 

https://www.yukkun20.com/index.php/sakaki-gpm-chrono

榊ガンパレ　年表

電撃ゲーム文庫から発売されていた、榊涼介先生の小説「ガンパレード・マーチ」シリーズに描かれている出来事をまとめた年表です。

• 2014年11月23日

Expresswebさんの転送量の上限（30GB/月）に引っかかるようになり、月末になるとサイトが閲覧できないことが増えてきたので、サーバーをファイアバード（現スターサーバー）に移転しました。転送量が10倍になり、それ以降安定しています（今でもこのサーバーを使っています）。

Y.A.S.

 

https://www.yukkun20.com/index.php/information/11313

※重要なお知らせ※移転作業完了しました

いつも当サイトをご覧いただきありがとうございます。この週末を利用し、何とか突貫工事でサイトの引っ越しを済ませました。新しいレンタルサーバーはFirebirdさんです。ここに決めたのも紆余曲折あったのですが、費用がこれまでのサーバーより安いのと、転送量がこれまでの10倍とかなり余裕が持てるようになったこのが決め手ですかね。これでサイトも軽くなるわーと思っていたんですが、思ったほどその効果はなかったようで申し訳ないです。管理画面はめっちゃ軽くなったんですけどね…それはさておきひとまず1週間以上サイトが落ちる...

• 2017年4月26日

PC以外の端末でサイトを訪問する方が多くなったため、サイト全体をレンスポンシブデザインに修正しました。と言ってもこのあたりになるともはや手探りではどうにもならなくなっているので、よそ様の作成したプラグインを使わせていただいてます。

Y.A.S.

 

https://www.yukkun20.com/index.php/pc/26733

サイトの大体全部をレスポンシブデザインに変更しました

昨日に引き続き、当サイトで大きなテーブルを使用しているページ（主にプレイ日記とナディアの感想ページ）の修正を行いました。ナディアのページはサイトの初期から存在しているだけあって、デザインがかなり不格好です。正直今回の修正も場当たり的な感じは否めないので、時間があればきちんとリニューアルしたいとは思っています。そもそもHTMLの表は横に横に見ていくものだから、第1回の感想の右隣に第21回の感想がある現状がおかしいんですけどね…皆さんお気づきだと思いますが、僕はデザインセンスが皆無の人間なので、こういう...

• 2019年11月

サイト管理用のツイッターアカウント（@yukkun20_yas）を開設し、サイトの更新情報などをつぶやくようにしました。と言っても毎日つぶやくのではなく、自分がそれなりにうまく書けた。あるいは他の人の役に立ちそうだ、と思った記事だけをつぶやくようにしています。

twitter.com

 

https://twitter.com/yukkun20_yas

https://twitter.com/yukkun20_yas

第4期（SSL時代）

• 2020年1月11日

サイトをSSL化。これも全然知識が無い中手探りでスタートし、途中でサイトが吹っ飛ぶという憂き目に遭ったものの、なんとか回復できました。昔とは違ってバックアップが充実したいい時代になりましたね。

Y.A.S.

 

https://www.yukkun20.com/index.php/pc/39270

スターサーバー（旧ファイアバード）の常時SSL化手順

当サイトのSSL化がほぼ終わりました。正月からかなり時間がかかりましたが、どのような手順で行ったのかを備忘のために残しておこうと思います。バックアップを取るSSL化を始める前に、万が一に備えてバックアップを取っておきましょう。普段使っている方法でいいと思います。yukkun20は普段からUpdraftPlusを使っているので、それでバックアップしました。使い方についてはこちらのサイトが参考になりました。スターサーバーで無料常時SSL化ネームサーバーをスタードメインに変更独自ドメインのサイトを運営している場合、ネームサー...

こうして見ると、起伏の少ないと思っていたうちのサイトにも、それなりの歴史があるものです。ともあれ始めた頃は、yukkun20は基本的に飽き性なので、まさか20年も続けられるとは夢にも思っていませんでした。この先いつまで続けられるかは分かりませんが、できる限り更新を続けていこうと思いますので、今後ともよろしくお願いいたします。

更新をしようとしたらエラーが出て管理画面に入れない…。サイトは普通に閲覧できるのに、更新作業が出来ない状態です。

あれこれいじっているうちに、どうやら「Easy Fancybox」というプラグイン（リンクされている画像をクリックした時に、ポップアップで表示されるようにするためのもの）が元凶であることが分かりました。このプラグインを止めれば一応解決するはず。プラグインを止めるためには管理画面にあるプラグインのページから…

ってその管理画面に入れないんだっつーの！

仕方なくFTPソフトで直接プラグインを削除しようとしたのですが、なぜかFTPも弾かれてしまいます。パスワードが違うって表示が出るんだけど、パスワードなんてサイト開設して以来買えたことないし、FTPソフトの設定もいじってないからそんなことはあり得ないんだー！体調が悪く頭が回っていないのでどうにもこうにもならず、ここで一旦ダウン。

休んでからネットの海を巡回していると、ようやく解決策が見つかりました。

takaakiokamoto.com

 

http://takaakiokamoto.com/?p=3962

ワードプレス『Parse error: syntax error』エラーでログイン出来ない時の対処法 | 元電車運転士がYouTu...

うちのサーバーはロリポップじゃなくてネットオウルなのですが、その場合「サーバー管理ツール > FTPアカウント設定 > （該当のドメイン名を「選択」 > WebFTP ログイン」で入れます。

そこから該当のプラグインのフォルダの名前を変更することで、管理画面に入れるようになりました。こうすると自動的に当該プラグインがエラーで停止するので、フォルダの名前を元に戻しても、管理画面に入れなくなることはありません。

ちなみにこのプラグインのエラーですが、PHPのバージョンが5.3の場合に発生しているようです。

ja.wordpress.org

 

https://ja.wordpress.org/support/topic/easy-fancy-boxのエラー/

トピック: Easy Fancy Boxのエラー « サポートフォーラム — WordPress

ネットオウルの場合、「サーバー管理ツール > PHPバージョン設定」からバージョンを変更できますので、最新版に変更しておきましょう。

これで再び「Easy Fancybox」を有効化しても、問題が発生しなくなりました。

しかし体調が悪い時にこういうのが起こると本当精神に来ますね…。やっぱり健康大事。

昨日に引き続き、当サイトで大きなテーブルを使用しているページ（主にプレイ日記とナディアの感想ページ）の修正を行いました。

ナディアのページはサイトの初期から存在しているだけあって、デザインがかなり不格好です。正直今回の修正も場当たり的な感じは否めないので、時間があればきちんとリニューアルしたいとは思っています。そもそもHTMLの表は横に横に見ていくものだから、第1回の感想の右隣に第21回の感想がある現状がおかしいんですけどね…

皆さんお気づきだと思いますが、僕はデザインセンスが皆無の人間なので、こういう作業は苦手です…。時々ウェブデザインの本やサイトを見て研究をしているつもりなのですが、一向にセンスが向上しませんね。何かもし良いアドバイスがあればお寄せください。マジで。

うちのメインコンテンツの一つ「テイルズオブフェスティバル　歴代出演者リスト」なんですが（なぜか意外とアクセス多いです）、携帯などで見るとデザインが崩壊し、ほとんど役に立たないことが以前から気になってました。

あの表は、Wordpressのプラグイン「Tablepress」で作成しているのですが、このプラグインの拡張機能がいつの間にか充実していたので、今回それを導入し、レスポンシブデザインに対応させることにしました。

以下備忘のためにメモ。1はWebサイト管理者様向けの、2は当サイトの利用者様向けの情報です。

１．導入方法

今回導入した拡張機能（Extensions）は「Responsive Tables」（公式サイト）と「DataTables FixedColumns」（公式サイト）です。

前者は、表をレスポンシブデザインに対応させるためのもの、後者は表の特定の列を固定する（表をスクロールしても、常に表示されるようにする）ための拡張機能です。

１．ダウンロード

↑からダウンロードし（上の図は「DataTables FixedColumns」のものですが、どちらもほぼ同じ構成です）、解凍。FTPで[wp > wp-content > plugins]フォルダにアップロードします。

２．設定

拡張機能を適用するテーブルを設置したページの編集画面を開きます。

おそらく現時点では、テーブルのショートコードは

[[table id=○○ /]]

となっているはずですが、これを

[[table id=○○ responsive=scroll responsive_breakpoint=all datatables_fixedcolumns_left_columns=2 /]]

とします。

• responsive=○○

○○には「flip」「scroll」「collapse」のいずれかを挿入します。それぞれ画面の幅よりも表の幅が大きくなった場合に、表をどのように表示するかを指定します。

具体的にどう見えるかは公式サイトをご覧ください。

• responsive breakpoint=○○

○○には、「phone」「tablet」「desktop」「all」のいずれかを挿入します。画面の幅がどの大きさより小さい場合に、↑の方法での表示に切り替えるかを指定します。それぞれ「768ピクセル以下」「980ピクセル以下」「1200ピクセル以下」「常に」に対応しています。

• datatables_fixedcolumns_left_columns=○○

○○には、0以上の数字を挿入します。最も左の列からいくつ目の列までを固定（常に表示する）かを指定します。

うちの場合ですと、「出演者名」と「作品/キャラ名」の2つの列を固定しているので、「2」と指定しています。

leftをrightに変えれば、右側の列を固定することもできます。

２．利用方法

これでタブレットやスマホなどで該当ページにアクセスすると、（タッチパネルであれば）スワイプすることで、表をスクロールできるようになっているはずです。

表の上部にある、「○件表示」で表示件数を少なくしたり、「検索」で探したいキャストや作品の名前を入力したりすることで、より見やすくなるのではないかと思います。

その他、どさくさに紛れて、これまで小さな画面では見づらかった（というより見られなかった）ページのいくつか（主にゲームプレイ日記）を修正しています。

プラグイン「Master Slider」を導入しました。いまのところ設置ページはこちらだけですが…

[設置先]空の軌跡SC Evolution トロフィーコンプに向けて　その5 | Y.A.S.

使用方法についての詳細な情報は以下のサイトを参考にさせてもらいました。

[参考サイト]サムネイル付スライダー「Master Slider」の使い方 | ビジネスサイト制作

導入する上で若干引っかかることがあったので備忘のためにメモ。1と2はWebサイト管理者様向けの、3は当サイトの利用者様向けの情報です。

１．「続きを読む」との相性について

WordPressでは、moreタグを挿入すると、当該投稿の個別ページへのリンクが貼られる仕様になっているのですが、僕はいちいち画面遷移するのが好きではないので、プラグイン「Expand More Link」を入れて、「続き」を折りたたむようにしています。

ただ、このプラグインと「Master Slider」の相性が悪いのか、moreタグのあとにスライダーを挿入すると動作が不安定になります。これはまだ解決策が見当たらないため、やむなくmoreタグを削除しました。

２．CSSによるカスタマイズについて

「Master Slider」には、各スライドの解説（”Slide info”）を表示する機能があります。（赤線で囲んだ部分）

この部分の背景色は、「SLIDER SETTINGS > Appearance > Background color」で設定できます。またフォントの装飾は「SLIDES > Slide info」で設定できます（previewでは反映されないことがあります）。

ただ、それ以上のCSSでの装飾が出来ないんですよね…。多分「SLIDER SETTINGS > Appearance > Slider custom class name and style」から設定できるんだと思うのですが、これも上手くいってません。せめてマージンをきちんと取りたかったので、別途CSSをインラインでぶち込むことで解決しました。力技過ぎて全然スマートではないので、どなたか使用方法をご存じでしたら教えていただきたいです。

CSSをぶち込む時はこちらを参考にしました。

[参考サイト]WordPressのカスタムフィールドを用いて個別ページにCSS・JavaScriptコードを組み込むカスタマイズ方法

ちなみに解説部分は、「div .ms-info」で定義できます。

３．このプラグインのメリットについて

レスポンシブな表示が可能なので、スマホ向けサイトでも見やすくなっているはずです。

上手く使えばゲームプレイ日記ももう少し読みやすく表示できるような気がしますが、デザインセンスがないのでまだなんとも。

プラグイン「Jetpack by WordPress.com」を導入しました。

１．と２．はサイト管理者向け、３．はこのサイトの利用者向けの情報になっています。

１．日本語化について

既にAkismetを入れている等、Wordpress.comのアカウントを持っている場合、それをJetpackにも使用することができます。

Jetpackを日本語で使うためには、wordpress.comに既存のアカウントでログインし、

「プロフィール、個人設定などを更新」（左上のアイコン）
　↓
「アカウント設定」
　↓
「管理画面の言語」を「ja – 日本語」に変更し、「アカウントの設定を保存」をクリックします。

それから自分のサイトのダッシュボードにアクセスし、「更新」の最下段にある「翻訳の更新」をクリックすると、

こんな感じで日本語化されます。

２．コメント投稿フォームの変更について

Jetpackの機能の一つに、コメントの投稿フォームを変更する、その名も「コメント」という機能があります。

もし、Jetpackで「コメント」を有効化したにもかかわらず、コメント投稿欄が変更されない場合、comments.phpの設定を変更する必要があります。

ダッシュボードから「外観」→「テーマの編集」→「comments.php」にアクセスします（一応メモ帳などにバックアップを取っておきましょう）。

おそらく<form></form>で囲まれた部分があると思いますので、それを削除し、

<?php comment_form(); ?>

に置き換えてください。これで変更できると思います。

３．コメントの投稿について

今回これを導入したことで、皆様からいただくコメントの投稿フォームが変更されました。

こんな感じで、wordpress.com、twitter、facebook、google+のアカウントでログインしてコメントできるようになっています。アイコンもご自身で設定しているものが反映されるはずですので、ぜひご利用ください。

長期休暇ということで、サイトをいじっていました。といっても作業は１日で終わりましたが。今回の大きな変更点は２つです。

更新情報の改訂

見ての通り、トップページの最上部に表示していた更新情報を、画像付きのものに変更しました。それに伴い、サイドバーに表示していた「最新のエントリ」は削除しています。

プラグイン「Newpost Catch」を使わせてもらっています。作者様のサイトで、詳しい使い方が掲載されています。

Newpost Catch | 今村だけがよくわかるブログ
【いろんなところにサムネイル付き最新記事を表示できます】WordPressプラグイン「Newpost Catch」の新機能「ショートコード」の使い方 | 今村だけがよくわかるブログ

そのままだとサイトの雰囲気に合わないので、こちらのサイトの参考にカスタマイズを行いました。

コンテンツとしての画像付き記事一覧を作れるNewpost Catch | WordPressブログ作ってみる?

さらに、画像の横にタイトルと日付を並べるのではなく、画像の上にタイトルと日付を載せています。

CSS3で画像をおしゃれに演出 | Think IT（シンクイット）

最終的に作成したコードはこんな感じ。

テーマの編集 > index.php

<div class="update-header">新着情報</div>
<div class="update">
<?php echo do_shortcode( '[[npc posts_per_page="10" width="200" height="200" id="new-post" date=1]]' ); ?>
</div>

テーマの編集 > style.css

/**Newpost-Catchを横並びにする**/
#new-post ul{
}

#new-post ul li {
float: left;
margin-right: 5px;
padding: 2px;
}

#new-post li {
display: inline-block;
overflow: hidden;
clear: both;
margin:15px 0px 0px 10px;
list-style: none;
vertical-align: top;
border-style:solid; /*各投稿ごとに白線で囲む*/
border-color:white;
border-width:5px;
position: relative; /*画像に文字を載せるための基準位置とする*/
}

#new-post img{
/*サムネイルのスタイル*/
float:left;
padding:0px;
margin:5px;
border-radius: 0px;
box-shadow: none;
}

#new-post .title {
/*記事タイトルのスタイル*/
width: 190px; /*画像幅-サムネイルのpadding*/
float: left;
margin:5px;
padding: 5px;
font-size:83.3%;
position: absolute; /*画像に文字を載せるための位置指定*/
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.6); /*文字の背景を半透明にする*/
color:#fff;
}

#new-post .date {
/*記事日付のスタイル*/
padding-left: 100px;
font-size:120%;
color:#fff;
font-family:inherit;
font-weight:normal;
background-color:inherit;
}

#new-post a:link { /*サイトの他のリンクとデザインを変更しているため追加*/
color: inherit;
border:none;
}

#new-post a:hover {
background-color: transparent;
color: inherit;
border:none;
}

ブログカテゴリの整理

２年前まで、ゲームや小説に関するニュースも全て「レビュー」のカテゴリに入れていたのですが、正確さを期すため「最新情報」のカテゴリに全て移動しました（多少抜けや漏れがある可能性はありますが）。あとお気づきかもしれませんが、投稿のタイトルが【○○○】で始まるものは、全てレビューです。

うっかりやらかしてしまったので備忘のために記事にしておきます。

WordPressの管理画面で本体やプラグインなどの更新をする場合、更新作業中のサイトは「メンテナンスモード」になり、アクセスすると「現在メンテナンス中のため、しばらくの間ご利用いただけません。」というテキストが表示されます。

更新作業が終われば元の状態に戻るのですが、更新作業中に、更新の進捗状況が表示されているページ（↓）を閉じてしまうと、更新作業自体は正常に続けられますが、更新が終わっても先ほどのテキストが残ったままになってしまいます。

この場合の対処法ですが、まずFTPでWordpressのルートフォルダ（↓）にアクセスし、そこにある「.maintenance」というファイルを削除すると元に戻ります。

ちょっと冷や汗が流れましたけど、あっさり解決して良かったです。皆様もご注意ください。

うちのウェブサイトはExpressWebというレンタルサーバーをお借りしています。

高機能・激安 Windows レンタルサーバー ExpressWeb / 高機能・激安 Windows レンタルサーバー ExpressWeb

30GBのディスクスペースで月250円。これはかなりの安値です。3年ほど使っていますけど、その間致命的な事故もなく、サーバーが落ちてしまったことも（確か）なく、非常に安定しています。ディスクスペースも、この程度のブログを運営するなら10GBもあれば余裕なので、特に問題ありません。

ただ転送量制限が30GB/月なんですよね…今日日1ヶ月30GBのレンタルサーバーなんてほとんどないです。大概10GB/日くらい。文字通り桁が違います。うちのサイト初期は15GB/月くらいだったので全然気にしていなかったのですが、最近なぜか転送量がうなぎ登りになり、ここ数ヶ月29～30日頃には転送量の上限に達してしまうことが増えました。最近月末になるとサイトが落ちていることがあったのはそのためです。

趣味のサイトなので別にいいといえばいいんですが、あいにく事務所のサイトも同じサーバーに置いているので、そちらが落ちてしまうのはまずい…しかも今月はまたも転送量が異常に多く、25日頃に上限に達してしまいました。

もちろんExpressWebでは転送量の上限を増やせますが、30GB/月増やすのに1ヶ月300円必要です。300円くらい払えよ！と思うかもしれませんけど、基本料金とあわせれば550円。550円出せば普通に転送量を気にしなくてもいいサーバへ旅立てます。そんなわけでいろいろ躊躇していたんですが、このままだと月末に開催されるTOF2014のレポートが上げられないということに気づき、急遽お金を払いました。

しかし一頃言いたいことが。レンタル前の公式サイトの情報では、

画像はhttp://www.datajapan.ne.jp/expressweb/price/より引用

といかにも1ヶ月単位で追加出来るような書き方してるくせに、実際には3ヶ月単位でしか購入出来ないとかおかしくないですか？まぁサポートにメールしておきましたけど。

とりあえず4月に1年間契約を更新してしまったので、あと1年間はこちらでがんばろうと思います。

もし移転するなら、月額500円、容量100GB、転送量300GB/月のファイアバードかなぁ。とりあえずこちらのサイト様が参考になりました。

• WordPressのレンタルサーバー比較おすすめ　2014年 　個人的な考察ランキング | eBook Brain
• WordPressでサイト運営するならこのレンタルサーバ 中級者編 | WordPressの使い方を覚えたい

1/31の午前9時～2/1の午後1時頃まで、当サイトが閲覧出来ない状態になっていました。
サイトの更新を楽しみにして下さっていた方（…がいるかどうかはともかくとして）にはご迷惑をおかけしました。

で原因なんですけど、僕が使用しているレンタルサーバ（ExpressWeb）の転送量上限に引っかかってしまったようです。上限は30GB。こんな弱小サイトで超えるわけないだろと高をくくっていたんですが、昨年末から「上限が近づいています」というメールが月末になると来るように…

それでも先月まではなんとかクリアしていたんですが（29GBを超えたこともあってギリギリだったのですが）、今月は先月よりアクセスが増えたことと、大の月だったことから30日に上限突破してしまいました…

しかしさすがに1日のために転送量を引き上げる気にはならず…そのまま放置したせいで、サイトが停止されてしまったようです。しかし昨年の夏は、アクセス数が今の倍あったけど全然問題なかったんだよな…かといって最近画像を増やしているわけでもないし…謎だ。

とりあえずサーバの引越も視野に入れつつ今後の対策を考えます。この度は本当に申し訳ありません。

PQやらTOF2014の情報やらの更新は明日以降に…