サイトのデザインを小変更 今回はモバイル向けデザインも作ってみました

2012.11.4
2012-11-04 20.01.09

唐突にサイトのデザインを変えたくなって、この週末にぼちぼちと更新してみました。PCでの見た目は変わりませんが、今回は久しぶりにモバイル用のデザインを作りこんでみました。

このサイト、モバイルデバイスからのアクセスは30%程度なのですが、その内の半数がiPhoneとiPad、残りの半分が各種Android端末という感じです(ごく僅かですが、HTC 7 ProやLumia 900などのWindows Phone端末もあったりします)。

これまでのデザインでも拡大すれば左側の本文部分が綺麗に収まるようにと考えてはいたのですが、それじゃいかんよなぁっということでWordpressのプラグイン、WPtouchを導入。カスタマイズが楽そうだったので有料版のWPtouch Proを入れてみました。

2012-11-04 20.26.50

モバイル向け記事ページにもソーシャルボタンを入れてみたり。もう少し大きくしないと押しにくいかな?

モバイル向けデザインでは関連記事の表示にYARPPを入れたりしたのですが、このあたりは、ごりゅご.comの記事を参考にさせて頂きました。

関連記事プラグインYARPPをカスタマイズしてLinkWithin風にする | ごりゅご.com

まだところどころ手が付けられなくておかしな感じの部分もありますが、この辺はボチボチと修正していきます。

ところで、Kindle Fire HDのSilkブラウザからのアクセスは、モバイル向けではなくPC向けサイトが表示されますね。Androidタブレットは軒並みモバイル向けサイトが表示されてたまにイラッとすることがあるので、これはアピールポイントになるかもしれません。

タグ: ,

この記事が気に入ったらフォロー・購読をお願いします

最新情報をお届けします

レビュー >その他

実写版「美女と野獣」、王子さまは野獣のほうがイケメンな気が・・・

4月21日から公開されているディズニー映画「美女と野獣」を観てきました。実は原作、アニメを含め、美女と野獣を観るのはこれが初めて。周りはカップルや女性ばかりだったので、実はおっさんが1人で見る映画ではないのかもしれません ...

News >モバイル

HTC、5月16日のフラッグシップ発表会の告知サイトを日本でもオープン。ライブストリーミングで配信予定

先日、紹介したHTCの発表会予告ですが、HTC Japanもライブ配信を行うということで特設ページをオープンしました。 関連:HTC、側面にセンサを搭載するHTC Uを5月16日に発表。 – Dream Seed 「かつ ...

News >モバイル

iPhoneをマッキントッシュ風にするスタンド「W4 STAND」。ただしそれ以上の機能はありません。

Apple Watchを初代マッキントッシュ風にする充電スタンド「W3 STAND」を発売しているelagoが、今度はiPhoneをクラシカルなマッキントッシュ風にするスタンド「M4 Stand」を発表しました。 シリコ ...

雑記

使ってみた? Android 7.0のGalaxy S7 edgeで利用できる「セキュリティフォルダ」

先月から開始されている国内Galaxy S7 edge向けのAndroid 7.0へのアップデート。そのアップデートにより「セキュリティフォルダ」という新しい機能が利用可能になっています。 プライベートなデータを守る「セ ...

Amazon、最大3000円オフになる「IIJmio × SIMフリースマホ セット割特集」開催中

Amazonで格安SIMとSIMフリースマートフォンのセットが最大で3000円割引になる「【最大3,000円OFF】IIJmio × SIMフリースマホ セット割特集」を開催しています。SIMはIIJmioとBIC SI ...

MENU

back to top