2週間ほど前には、すでに反映させていましたが、改めて。当ブログ「準二級.jp」のリニューアルを行いました！2006年6月29日に WordPress でこのブログをスタートさせてから、早いもので、もう5年近くになります。ブログの見た目を着せ替えするのは何度目かしら… 恐らく、5回目くらい。
今回は、ほぼフルスクラッチの自作です。このテーマは、けっこう気に入っています。自分専用の WordPress テーマ、名付けて「wp29」です。ソースコードの一式は GitHub に置いてあるので、もし WordPress のテーマ作りに興味があれば、覗いてみてください。何かの役に立つかもしれません。
PHP のことはまったく分からずにテーマを作っているので… おかしな書き方をしている箇所は、けっこうありそう。
リニューアルにあたって
特に明確な理由なんてなくったって、時間が立てばブログの着せ替えをしたくなるものですが、今回は、試したいことがいくつかあって、リニューアルに臨みました。
- Twitter / Facebook ウィジェットを導入する
- 各種 Web アプリケーションの june29 のページへのリンクを目立つ位置に置く
- HTML5 / CSS3 等の新しい技術を試せる場所にする
Twitter / Facebook ウィジェットを導入する
2年くらい前は、ブログ本体の「コメント欄」と「はてなブックマーク」に加えて「はてなスター」を設置しておけば、ここを読んでくれている人の反応はだいたい拾えているだろうと思っていました。しかし、時は流れて2011年。今となっては、ブログのエントリに Twitter で言及されるのは当たり前のことですし、日本でも Facebook ユーザが増えて、はてなスターのような感覚で Like ボタンが押されることも多くなりました。
そんな時代の変化を受けて、Twitter と Facebook のユーザさんとの会話も密にするべく、各種ウィジェットを導入してみたかったのです。
Facebook の Like ボタンを設置するに当たり、The Open Graph Protocol について調べる機会を持つことができました。こういうのは、実際に動いているものに触れていないと、なかなか調べないので、この機会はよかったです。たとえば、このエントリにはこんな感じの情報が設定されています。
各種 Web アプリケーションの june29 のページへのリンクを目立つ位置に置く
ヘッダの部分ですね。このブログ以外にも様々なアウトプットの場がありますから、それらの場所でも読者さんと交流できるように、目立つ位置にリンクを置いておこうと思いました。いろんなところで june29 をよろしくお願いします。
HTML5 / CSS3 等の新しい技術を試せる場所にする
せっかくの自前のサイトですから、自由に遊べる場所にしたい。
そんなことを思って、さっそくひとつ、遊び心を入れてあります。加速度センサ付きマシンの Firefox からアクセスして120秒が経過すると、ある変化が起きるようになっています。興味があったら、2分間、お付き合いくださいな。
そのときそのときで気になっている技術にどんどん触れて、遊んでみて、成果物をこのブログにぶっ込んで読者さんに楽しんでもらえたらいいなあ。
まとめ
Before:
After:
当ブログ「準二級.jp」のリニューアルを行いました。今後とも、どうぞごひいきにー！
