• かちびと.net

    Media QueryでiPhoneやiPadにも自動でレイアウトを調整するHTML5製のWPテーマ・BLASKANのご紹介です。レスポンシブなWebデザインを構築するためのフレームワークとしても使えそうです。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

Media QueryでiPhoneやiPadにも自動でレイアウトを調整するHTML5製のWPテーマ・BLASKAN

スポンサーリンク

過去にも何度かご紹介していますが、
Media QueryでiPhoneやiPadを含め
た、様々なデバイスにレイアウトを調整
済みのWordPressテーマ・BLASKAN
のご紹介。シンプルで良かったので
備忘録です。

同じようにMedia Queryを使ったレスポンシブなWebデザインを構築できるWordPressのテーマは過去にまとめましたので合わせてどうぞ。

  1. css3のMedia QueriesでスマートフォンやiPad等の様々なデバイスに対応済みのWordPressテーマいろいろ
  2. スマフォにも最適化し、ファンゲート対応のFacebookページも作成できるフリーのWPテーマ・Flexibleがなかなか良さそう

新たに仲間入りのテーマです。

BLASKAN


HTML5で作られています。ほとんど装飾していないのでいじりやすいかなと個人的には思いました。テーマにはオプション機能があり、コンテンツの幅も2種類選べます。ついでに#moreリンクも消してくれていました。

iPhone


iPhoneはMobilizerで確認しています。

iPad


iPad。メニュー部分調整しないとですね・・・

オプション


テーマオプションです。ここでは、メインコンテンツの幅を2種選択できたり、サイドバーの有無などを決定できます。サイドバーはウィジェットで追加する形となります。この場合、iPhoneなどの幅の狭いデバイスで閲覧すると、Media Queryによって下方に下げられます。

ライセンスはGPLです。以下よりどうぞ。

BLASKAN / Demo

URL :
TRB :

Comments & Trackbacks (2)

Ads

Posts

Contact

Services