[B! HTML5][WordPress] kawaosaのブックマーク

WordPressのテーマファイルをHTML5にするチュートリアル

このサイトはまだHTML5にしてないので、WordPressのテーマファイルをXHTMLからHTML5にするステップごとに解説されたチュートリアルを紹介します。 Convert Your WordPress Theme to HTML5 下記は各ポイントを意訳したものです。チュートリアルのゴール HTML5のベーシックなレイアウト Step 1: header.phpをHTML5化 Step 2: index.phpをHTML5化 Step 3: sidebar.phpをHTML5化 Step 4: footer.phpをHTML5化 Step 5: single.phpをHTML5化 Step 6: style.cssをHTML5化チュートリアルのゴールこのチュートリアルは、XHTMLでつくられたWordPressのテーマファイルをHTML5にするものです。テーマファイルはそれぞれ

kawaosa 2012/12/21

リンク

HTML5で作られた、ベースになるWordPressテーマ集「Blank & Bare WordPress HTML5 Frameworks」

HTML5で作られた、ベースになるWordPressテーマ集「Blank & Bare WordPress HTML5 Frameworks」 WordPressを利用している方でHTML5ベースでサイトを制作したいという方におすすめなのが、今回紹介するHTML5で作られたベースになるWordpressテーマ集「Blank & Bare WordPress HTML5 Frameworks」です。カスタマイズしやすく、シンプルな作りのテーマは、オリジナルで一から作るよりも手早くサイトを作れそうです。 Starkers 多くのテーマが紹介されていましたが、今回はその中からいくつか気になったものをピックアップして紹介したいと思います。詳しくは以下 Bones 標準的なものとWordpressとレスポンシブ対応のもの、HTMLバージョンと様々なパターンでダウンロード可能です。 BLANK Wo

kawaosa 2012/02/13

リンク

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

過去にも何度かご紹介していますが、 Media QueryでiPhoneやiPadを含めた、様々なデバイスにレイアウトを調整済みのWordPressテーマ・BL ASKAN のご紹介。シンプルで良かったので備忘録です。同じようにMedia Queryを使ったレスポンシブなWebデザインを構築できるWordPressのテーマは過去にまとめましたので合わせてどうぞ。 css3のMedia QueriesでスマートフォンやiPad等の様々なデバイスに対応済みのWordPressテーマいろいろスマフォにも最適化し、ファンゲート対応のFacebookページも作成できるフリーのWPテーマ・Flexibleがなかなか良さそう新たに仲間入りのテーマです。