photo credit: Johan Larsson via photopin cc

皆様こんにちは。とろあ( @tohroa )です。

しばらくブログの更新が疎かになってしまっていましたが…スマートフォン対応ページの作成に集中していました。

最初は、プラグインで何とかなるんじゃないかと思っていたのですが…

Movable Type向けのスマートフォン対応プラグイン「iSite Redirect」が個人向けに提供されていないことに絶望し、アレコレ考えた結果、自力で構築することを決意。

わからないことを調べながら、コツコツコツコツとスマートフォン対応ページを作り上げました。

フォルダの構成

スマートフォン対応ページを作り始めたとき、PC版と同じトップドメイン(http://ilmio-notizie.com/)で公開したかったのですが、結局スマートフォン用ページを格納する”sp”という階層を追加しました。

.htaccessを利用して、表示URLが同じになるようにUserAgentで振り分ける方法があったのですが、うまく設定できなかったので、今後気が向いたらまた試してみようかと思います。

レスポンシブ・レイアウト

色々調べてみたところ、レスポンシブ・レイアウトという考え方があることを知りました。

というか、そんなことも知らないぐらいのレベルなのですが、数年前にはホームページ作成に関して勉強していたはずなのに、自分の全く知らない技術があって、Webでは日々どんどん新しい技術が生まれていることに驚いていました。

とはいえ、レスポンシブ・レイアウトという考え方を知りはしたものの、今回は一旦忘れることに。

そもそも、PC版ページを作成するときに、スマートフォン対応のことを全く考えていなかったため、これをレスポンシブに配置するのは無理だなぁ…ということで断念。

課題

すべて自力でやることに、思った以上の時間を要し、なんとかスマートフォン用ページの公開まで達成することができたのですが、まだまだ課題は山積みです。

PCページへの切り替えや、配置・デザインなど、改善したい点は山ほどありますので、まだまだ時間をかけてブログを作り上げて行きたいと思います。

ひとまずは、スマートフォン対応ページ公開まで至ることが出来たので、一つ壁を取っ払うことが出来た感じです！

ここからは少しづつWebデザインに少しづつ手を加えながら、引き続きブログコンテンツを充実させていきたいと思います！