はじめてWordPressのオリジナルテーマを作るときの参考になればと思って書きました（サンプルダウンロード）
初めて WordPress でオリジナルテーマを作ろうと思ったとき、真っ先に参考にしたいのが公式のデフォルトテーマだと思います。でも最近のデフォルトテーマは、ちょっといろいろな機能もついていて複雑な構造をしています...。今回は初めて WordPress でオリジナルテーマを作りたい！っていう人向けに、シンプルなテーマをもとに制作フローをまとめてみました。サンプルはダウンロードしてご活用ください。 WordPress もバージョンアップを重ねて、最近では 3.5 になりました。それに伴ってデフォルトのテーマも、新しい TwentyTwelve になりました（2013年 1月現在）。WordPress で初めて自分だけのオリジナルテーマを作ろうと思うと、まず最初に参考にしたいのがデフォルトテーマ …。でも最近のデフォルトテーマは、ちょっと難しい構造になってる … と思ったりしませんか？ 私が
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にするものです。テーマファイルはそれぞれ
Chromeの「デベロッパーツール」が神すぎて感動。CSS初心者な私でもサイトのカスタマイズがわかりやすい
Chromeデベロッパーツールの起動方法Google Chrome上で右クリックして「検証」を選ぶだけで、デベロッパーツールが起動します。 これで、現在開いているページのHTMLソースと、スタイルシートが表示されます。 この時点で拒否反応を示す人もいることでしょう・・・。その気持ちは痛いほどわかります。わけわからんアルファベットの羅列が飛び込んできたら、そっと閉じたくなりますよね。 でもちょっとだけ待ってください。 きっと今考えているよりも楽に、ブログのカスタマイズを試してみることができるはずなのです。 （少なくとも、私にとってはそうでした） HTMLソースが実際のブログ（サイト）のどの部分に対応しているかわかる！表示されたデベロッパーツールのHTMLソースにカーソルを合わせてみてください。 カーソルを合わせたところに対応する場所が、ハイライトされて表示されます。 つまり、「このHTMLソ
WordPressのデザインをHTML/CSSのペアで試せる·Pears MOONGIFT
PearsはWordPress上でデザインを試してテーマを作成できるフレームワークです。 PearsはWordPressのテーマですが、デザインフレームワークとしての役割も兼ねています。そして実際にコードを試しつつ、デザインを作ることができます。 インストール後、テーマを有効にします。 一覧の画面です。 記事の画面です。HTML、CSSが入力できます。 例えばリストです。シンプルで見やすいです。 テーブル表示です。 フッターです。 一覧（HTML5）です。 一覧（テキスト）です。 一覧（サムネイル）です。 サムネイルのグリッド表示です。 フォーム（左にラベル）です。 フォーム（上にラベル）です。 検索フォームです。 ログイン系フォームです。 リストです。 ステータス表示です。 タグです。 垂直のタグも。 ナビゲーションです。 水平ボタンです。 水平リンクです。 タブです。 ページネーション
HTML5/スマートフォン対応のWordPressテーマ·Reverie MOONGIFT
ReverieはHTML5対応、デスクトップ/スマートフォンに対応したWordPressテーマです。 WordPressでHTML5で最適化したブログを作りたい、スマートフォンにも対応させたいと思っている方はReverieをベースに考えると良さそうです。HTML5で作られた、すっきりとしたテーマになっています。 WordPressの管理画面でインストールします。 インストールしました。 テーマはウィジェット対応です。早速画面を見てみます。 すっきりとしたデザインです。とても可読性高いです。 一件表示の場合はこちら。 iPhoneの場合。 スマートフォン向けコメントフォーム。 メニューは画面下に集中。 iPad向け。特に最適化されている訳ではありません。 ReverieはSEO対策、ウィジェット対応（サイドバーとフッター）、bbPress.phpを使ったフォーラム機能、複数のカスタムページテ
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
html5-memo.com
HTML5 Blank WordPress Theme
WordPressのhtmlエディターをハイライト表示するプラグイン「HTML Editor Syntax Highlighter」