• 赤色のリンクは、まだ日本語Codexに存在しないページ・画像です。英語版と併せてご覧ください。(詳細

このWikiはいつでも誰でも編集できます

「WordPress サイトデザイン リファレンス」の版間の差分

提供: WordPress Codex 日本語版
移動先: 案内検索
(4 版)
(リンクなど細部修正。)
19行目: 19行目:
  
 
記号:
 
記号:
* <span class="attn">基礎</span> マーク: ちょっとカスタマイズしてみようかなあというときに、さくっと目を通すとよさそうなページに印を付けてみた。ページが多いので。
+
* <span class="attn">基礎</span> マーク: ちょっとカスタマイズしてみようかなあというときに、さくっと目を通すとよさそうなページに印を付けています。
  
 
<div id="General_Theme_Articles">
 
<div id="General_Theme_Articles">
29行目: 29行目:
 
; [[Using Themes|テーマの使い方]]<!-- Using Themes --> <span class="attn">基礎</span> : テーマについての基本情報。テーマとは何か、テーマの入手、切り替え方法
 
; [[Using Themes|テーマの使い方]]<!-- Using Themes --> <span class="attn">基礎</span> : テーマについての基本情報。テーマとは何か、テーマの入手、切り替え方法
 
; [[テーマの作成]]<!-- Theme Development --> <span class="attn">基礎</span> : テーマの構造と作り方。テーマの仕組み・テーマを構成するファイルの種類、プラグインとの連携などについて説明。配布されているテーマを自分でカスタマイズしたいときにも。
 
; [[テーマの作成]]<!-- Theme Development --> <span class="attn">基礎</span> : テーマの構造と作り方。テーマの仕組み・テーマを構成するファイルの種類、プラグインとの連携などについて説明。配布されているテーマを自分でカスタマイズしたいときにも。
; [[Designing Themes for Public Release]] /[[:en:Designing Themes for Public Release|en]] : 一般公開用テーマの設計・作成方法
+
; [[Designing Themes for Public Release|一般公開用テーマの設計・作成方法]]
 
; [[プラグインとテーマの移行]]<!-- Migrating Plugins and Themes --> : テーマを新バージョンに対応させる方法についての情報。メジャーバージョンの変更点について。
 
; [[プラグインとテーマの移行]]<!-- Migrating Plugins and Themes --> : テーマを新バージョンに対応させる方法についての情報。メジャーバージョンの変更点について。
 
:* [[:en:Upgrade 1.2 to 1.5|Upgrade 1.2 to 1.5]](en) : WordPress 1.2 の「テンプレート」から 1.5 の「テーマ」へアップグレードするための情報あり
 
:* [[:en:Upgrade 1.2 to 1.5|Upgrade 1.2 to 1.5]](en) : WordPress 1.2 の「テンプレート」から 1.5 の「テーマ」へアップグレードするための情報あり
38行目: 38行目:
 
:* [[:en:Themes/Theme_Compatibility/2.5|Version 2.5 互換テーマリスト]](en) : WordPress 2.5 に対応しているテーマの一覧
 
:* [[:en:Themes/Theme_Compatibility/2.5|Version 2.5 互換テーマリスト]](en) : WordPress 2.5 に対応しているテーマの一覧
 
; [[Site Architecture 1.5]] /[[:en:Site Architecture 1.5|en]] : あなたのテーマでも倣うことが推奨される、デフォルトテーマ・クラシックテーマの標準サイト構造
 
; [[Site Architecture 1.5]] /[[:en:Site Architecture 1.5|en]] : あなたのテーマでも倣うことが推奨される、デフォルトテーマ・クラシックテーマの標準サイト構造
; [[Creating Admin Themes|管理パネル用テーマの作成]] /[[:en:Creating Admin Themes|en]] : 管理パネルの外観を変えるテーマ(プラグインとして動作する)の作り方。<del>配布されている既存テーマを使いたいときは [[:en:Using Themes/Theme List#Admin Themes|管理テーマリスト]](en) より入手できる。</del>(無くなってしまった)(→ 作った)   
+
; [[Creating Admin Themes|管理パネル用テーマの作成]] : 管理パネルの外観を変えるテーマ(プラグインとして動作する)の作り方。<del>配布されている既存テーマを使いたいときは [[:en:Using Themes/Theme List#Admin Themes|管理テーマリスト]](en) より入手できる。</del>(無くなってしまった)(→ 作った)   
 
:* [http://bono.s201.xrea.com/2008/04/685-wp25_admin_themes/ power source* » WP<nowiki>[2.5]</nowiki>: 管理パネル用テーマ・カラースキーム一覧]
 
:* [http://bono.s201.xrea.com/2008/04/685-wp25_admin_themes/ power source* » WP<nowiki>[2.5]</nowiki>: 管理パネル用テーマ・カラースキーム一覧]
  
84行目: 84行目:
 
==== コンテンツ部 ====
 
==== コンテンツ部 ====
 
; [[The Loop|ループ]] <span class="attn">基礎</span> : テンプレートファイルの中でコンテンツ部を生成する WordPressループの説明。ループの基礎、複数ループについて
 
; [[The Loop|ループ]] <span class="attn">基礎</span> : テンプレートファイルの中でコンテンツ部を生成する WordPressループの説明。ループの基礎、複数ループについて
; [[The Loop in Action]] /[[:en:The Loop in Action|en]] : Wordpress ループの詳細、各種の実践例・小技
+
; [[The Loop in Action|WordPress ループ]] : Wordpress ループの詳細、各種の実践例・小技
 
; [[テンプレートタグ/query_posts|テンプレートタグ query_posts()]] : ループの前に書くことで、ページに表示する記事をコントロールできるテンプレートタグ <code>query_posts</code> の説明
 
; [[テンプレートタグ/query_posts|テンプレートタグ query_posts()]] : ループの前に書くことで、ページに表示する記事をコントロールできるテンプレートタグ <code>query_posts</code> の説明
 
; [[Displaying Posts Using a Custom Select Query]] /[[:en:Displaying Posts Using a Custom Select Query|en]] : SELECT文などでページに表示する記事を変える方法
 
; [[Displaying Posts Using a Custom Select Query]] /[[:en:Displaying Posts Using a Custom Select Query|en]] : SELECT文などでページに表示する記事を変える方法
96行目: 96行目:
 
; [[Styling Theme Forms|入力フォームのスタイリング]] /[[:en:Styling Theme Forms|en]] : コメント・検索等の入力フォームの作り方
 
; [[Styling Theme Forms|入力フォームのスタイリング]] /[[:en:Styling Theme Forms|en]] : コメント・検索等の入力フォームの作り方
 
; [[Good Navigation Links]] /[[:en:Good Navigation Links|en]] :  
 
; [[Good Navigation Links]] /[[:en:Good Navigation Links|en]] :  
; [[Next and Previous Links|前・次ページへのリンク]] /[[:en:Next and Previous Links|en]] : 次/前の記事・ページへのリンクの見た目のカスタマイズ
+
; [[Next and Previous Links|前・次ページへのリンク]] : 次/前の記事・ページへのリンクの見た目のカスタマイズ
 
; [[Adding Asides|Adding Asides]] /[[:en:Adding Asides|en]] : How to add side notes to your blog posts
 
; [[Adding Asides|Adding Asides]] /[[:en:Adding Asides|en]] : How to add side notes to your blog posts
 
; [[FAQ/Working with WordPress#Can I have popup comments?|ポップアップコメント]] /[[:en:FAQ Working with WordPress#Can I have popup comments?|en]] : コメントをポップアップウィンドウに表示させる方法
 
; [[FAQ/Working with WordPress#Can I have popup comments?|ポップアップコメント]] /[[:en:FAQ Working with WordPress#Can I have popup comments?|en]] : コメントをポップアップウィンドウに表示させる方法
104行目: 104行目:
 
</div>
 
</div>
  
; [[Creating a Static Front Page|静的トップページの作成]] /[[:en:Creating a Static Front Page|en]] : サイトの静的トップページやスプラッシュ・ページ(本でいう表紙のような入り口ページ)の作り方
+
; [[Creating a Static Front Page|静的トップページの作成]] : サイトの静的トップページやスプラッシュ・ページ(本でいう表紙のような入り口ページ)の作り方
 
; [[Author Templates|著者テンプレート]] /[[:en:Author Templates|en]] : 著者とその投稿記事を表示する <code>author.php</code> テンプレートファイルのカスタマイズ
 
; [[Author Templates|著者テンプレート]] /[[:en:Author Templates|en]] : 著者とその投稿記事を表示する <code>author.php</code> テンプレートファイルのカスタマイズ
; [[Category Templates|カテゴリーテンプレート]] /[[:en:Category Templates|en]] : 様々なカテゴリーアーカイブのためのテンプレートの定義・カスタマイズ
+
; [[Category Templates|カテゴリーテンプレート]] : 様々なカテゴリーアーカイブのためのテンプレートの定義・カスタマイズ
 
; [[Alphabetizing Posts|記事のアルファベット順表示]] /[[:en:Alphabetizing Posts|en]] : カテゴリページの表示順を時系列ではなくアルファベット順にする方法
 
; [[Alphabetizing Posts|記事のアルファベット順表示]] /[[:en:Alphabetizing Posts|en]] : カテゴリページの表示順を時系列ではなくアルファベット順にする方法
 
; [[Creating an Archive Index|アーカイブ・インデックスの作成]] /[[:en:Creating an Archive Index|en]] : 日付単位で投稿記事一覧を表示するアーカイブ・インデックスページの作成方法(注: <code>archive.php</code> ではなく、デフォルトテーマの <code>archive'''s'''.php</code> のようなページ)
 
; [[Creating an Archive Index|アーカイブ・インデックスの作成]] /[[:en:Creating an Archive Index|en]] : 日付単位で投稿記事一覧を表示するアーカイブ・インデックスページの作成方法(注: <code>archive.php</code> ではなく、デフォルトテーマの <code>archive'''s'''.php</code> のようなページ)
; [[Creating a Search Page|検索結果ページの作成]] /[[:en:Creating a Search Page|en]] : 検索結果を表示する <code>search.php</code> テンプレートファイルのカスタマイズ
+
; [[Creating a Search Page|検索結果ページの作成]] : 検索結果を表示する <code>search.php</code> テンプレートファイルのカスタマイズ
; [[Creating an Error 404 Page|404エラーページの作成]] /[[:en:Creating an Error 404 Page|en]] : アクセスしたページが存在しないときに表示される 404エラー ページをカスタムできるテンプレートファイルの作り方
+
; [[Creating an Error 404 Page|404エラーページの作成]] : アクセスしたページが存在しないときに表示される 404エラー ページをカスタムできるテンプレートファイルの作り方
  
 
外部資料:
 
外部資料:
128行目: 128行目:
 
; [[Stepping Into Template Tags|テンプレートタグ入門]] /[[:en:Stepping Into Template Tags|en]] : テンプレートタグとは何か、使い方
 
; [[Stepping Into Template Tags|テンプレートタグ入門]] /[[:en:Stepping Into Template Tags|en]] : テンプレートタグとは何か、使い方
 
; [[テンプレートタグ]]<!-- Template Tags --> <span class="attn">基礎</span> : テンプレートタグ一覧と各タグの説明ページへのリンク
 
; [[テンプレートタグ]]<!-- Template Tags --> <span class="attn">基礎</span> : テンプレートタグ一覧と各タグの説明ページへのリンク
; [[テンプレートタグ/Anatomy of a Template_Tag|テンプレートタグ大解剖]] /[[:en:Template_Tags/Anatomy of a Template_Tag|en]] : テンプレートタグの構造・使用法・パラメータの理解
+
; [[テンプレートタグ/Anatomy of a Template_Tag|テンプレートタグ大解剖]] : テンプレートタグの構造・使用法・パラメータの理解
 
; [[インクルードタグ]]<!-- Include Tags --> <span class="attn">基礎</span> : テンプレートファイルに WordPress の基本テンプレート(サイドバーなど)を読み込むときに利用できるタグの説明
 
; [[インクルードタグ]]<!-- Include Tags --> <span class="attn">基礎</span> : テンプレートファイルに WordPress の基本テンプレート(サイドバーなど)を読み込むときに利用できるタグの説明
 
; [[Conditional Tags|条件分岐タグ]] <span class="attn">基礎</span> : このタグ(<code>[[Conditional Tags#The Main Page|is_home()]]</code> のように いずれも <code>is_''xxxx''()</code> という形式)は、表示中のページの種類(例: メインページ、カテゴリアーカイブ等)を判定します。このタグの返す値に応じてテンプレートの出力を制御したいときに、テンプレート内で使えます。
 
; [[Conditional Tags|条件分岐タグ]] <span class="attn">基礎</span> : このタグ(<code>[[Conditional Tags#The Main Page|is_home()]]</code> のように いずれも <code>is_''xxxx''()</code> という形式)は、表示中のページの種類(例: メインページ、カテゴリアーカイブ等)を判定します。このタグの返す値に応じてテンプレートの出力を制御したいときに、テンプレート内で使えます。
145行目: 145行目:
 
; [[Finding Your CSS Styles]] /[[:en:Finding Your CSS Styles|en]]
 
; [[Finding Your CSS Styles]] /[[:en:Finding Your CSS Styles|en]]
 
; [[Creating Horizontal Menus]] /[[:en:Creating Horizontal Menus|en]] : サイトのメニューを水平に並べる方法
 
; [[Creating Horizontal Menus]] /[[:en:Creating Horizontal Menus|en]] : サイトのメニューを水平に並べる方法
; [[Dynamic Menu Highlighting]] /[[:en:Dynamic Menu Highlighting|en]] : 表示中のページをメニュー・バー上でハイライトさせる
+
; [[Dynamic Menu Highlighting|メニューの動的ハイライト]] : 表示中のページをメニュー・バー上でハイライトさせる
 
; [[Styling Lists with CSS]] /[[:en:Styling Lists with CSS|en]] : CSS による箇条書きリストのスタイリング
 
; [[Styling Lists with CSS]] /[[:en:Styling Lists with CSS|en]] : CSS による箇条書きリストのスタイリング
 
; [[Designing Headings|見出しのデザイン]] /[[:en:Designing Headings|en]] : 見出し要素(hn)のデザイン
 
; [[Designing Headings|見出しのデザイン]] /[[:en:Designing Headings|en]] : 見出し要素(hn)のデザイン
153行目: 153行目:
 
; [[Photoblogs and Galleries|フォトログとギャラリー]] /[[:en:Photoblogs and Galleries|en]]
 
; [[Photoblogs and Galleries|フォトログとギャラリー]] /[[:en:Photoblogs and Galleries|en]]
 
; [[favicon.ico]] /[[:en:favicon.ico|en]]
 
; [[favicon.ico]] /[[:en:favicon.ico|en]]
; [[Gravatar の使い方]] /[[:en:Using Gravatars|en]] : [http://site.gravatar.com/ Gravatar] をコメント欄などに表示する
+
; [[Gravatar の使い方]]: [http://site.gravatar.com/ Gravatar] をコメント欄などに表示する
; [[ギャラリーショートコードの使い方]] /[[:en:Using the gallery shortcode|en]]
+
; [[ギャラリーショートコードの使い方]]
 
; [[Styling for Print]] /[[:en:Styling for Print|en]] : 印刷用スタイリング
 
; [[Styling for Print]] /[[:en:Styling for Print|en]] : 印刷用スタイリング
 
; [[Styling for Mobile]] /[[:en:Styling for Mobile|en]] : モバイル用スタイリング
 
; [[Styling for Mobile]] /[[:en:Styling for Mobile|en]] : モバイル用スタイリング
181行目: 181行目:
 
== FAQ・トラブルシューティング ==
 
== FAQ・トラブルシューティング ==
  
; [[FAQ/レイアウトとデザイン|FAQ サイトのレイアウトとデザイン]] /[[:en:FAQ Layout and Design|en]](en)
+
; [[FAQ/レイアウトとデザイン|FAQ サイトのレイアウトとデザイン]]
 
; [[CSS Troubleshooting|CSS トラブルシューティング]] /[[:en:CSS Troubleshooting|en]]
 
; [[CSS Troubleshooting|CSS トラブルシューティング]] /[[:en:CSS Troubleshooting|en]]
 
; [[I Make Changes and Nothing Happens|変更したのに何も変化しないときは]] /[[:en:I Make Changes and Nothing Happens|en]]
 
; [[I Make Changes and Nothing Happens|変更したのに何も変化しないときは]] /[[:en:I Make Changes and Nothing Happens|en]]
188行目: 188行目:
  
 
; [[Know Your Sources]] /[[:en:Know Your Sources|en]] : (x)HTML、PHP、CSS 一般についての外部資料。[[WordPress リンク集#関連知識|リンク集]]にも日本語資料へのリンクがあります。
 
; [[Know Your Sources]] /[[:en:Know Your Sources|en]] : (x)HTML、PHP、CSS 一般についての外部資料。[[WordPress リンク集#関連知識|リンク集]]にも日本語資料へのリンクがあります。
 +
; [[CSS Coding Standards]] /[[:en:CSS Coding Standards|en]] - Best practices for coding CSS
 +
; [[CSS Troubleshooting]] /[[:en:CSS Troubleshooting|en]] - Examining and debugging CSS
  
 
== 未分類 ==
 
== 未分類 ==
  
 +
; [[Navigation_Menus|Adding Navigation Menu support to a theme]]
 
; [[Developing a Colour Scheme]] /[[:en:Developing a Colour Scheme|en]]
 
; [[Developing a Colour Scheme]] /[[:en:Developing a Colour Scheme|en]]
; [[Formatting Date and Time|日時の表示形式]] /[[:en:Formatting Date and Time|en]] : 投稿日時の設定と表示形式のカスタマイズ
+
; [[Formatting Date and Time|日時の表示形式]] : 投稿日時の設定と表示形式のカスタマイズ
 
; [[Fun Character Entities]] /[[:en:Fun Character Entities|en]] : 文字実体参照を使って &raquo; などの特殊記号を表示してみよう
 
; [[Fun Character Entities]] /[[:en:Fun Character Entities|en]] : 文字実体参照を使って &raquo; などの特殊記号を表示してみよう
; [[Using Smilies|スマイリーの利用]] /[[:en:Using Smilies|en]] : 「:-)」などの顔文字をスマイリー画像で表示するには。投稿の分野かなあ。
+
; [[Using Smilies|スマイリーの利用]] : 「:-)」などの顔文字をスマイリー画像で表示するには。投稿の分野かなあ。
 
; [[Protection From Harvesters]] /[[:en:Protection From Harvesters|en]] : メールアドレスを収集ロボットに盗まれないように表示する
 
; [[Protection From Harvesters]] /[[:en:Protection From Harvesters|en]] : メールアドレスを収集ロボットに盗まれないように表示する
 +
; [[テーマの作成]]
 +
; [[Theme Review|テーマレビュー]]
 
; [[Theme Switching]] /[[:en:Theme Switching|en]]
 
; [[Theme Switching]] /[[:en:Theme Switching|en]]
 
; [[WordPress Semantics]] /[[:en:WordPress Semantics|en]]
 
; [[WordPress Semantics]] /[[:en:WordPress Semantics|en]]
206行目: 211行目:
 
{{原文|Templates|56183}}<!-- 2008年4月10日 (木) 04:11 Jestro 版 ページ一覧部分 -->
 
{{原文|Templates|56183}}<!-- 2008年4月10日 (木) 04:11 Jestro 版 ページ一覧部分 -->
  
{{原文|Blog Design and Layout|55101}}<!-- 2008年3月26日 (水) 23:25 Tellyworth 版 -->
+
{{原文|Site Design and Layout|91968}}<!-- 2010年8月12日 15:39 Mrmist 版 -->
  
 
{{原文|Category:Design and Layout}}<!-- 2008-04-25 チェック -->
 
{{原文|Category:Design and Layout}}<!-- 2008-04-25 チェック -->

2010年11月6日 (土) 00:24時点における版

提案: テーマ・デザイン関係のページ編成について、このページのノートをご覧ください。

WordPress サイトのデザインとレイアウトに関するドキュメントの総覧です。

テーマ・デザイン・レイアウトに関する全てのページを概要付きで紹介。日本語ユーザによる外部ドキュメントも追加していきます。

用語説明:

テーマ
サイトの外観を変えるいわゆる「スキン」のようなもので、WordPress サイトの表示の一切を受け持ちます。多彩なデザインの「テーマ」が数多く配布されていて、管理パネルから 1クリックで簡単に切り替えられます。
レイアウトや装飾を行なう「CSS」+どこにどのような情報を表示するかの「(x)HTML」+テーマ独自のオプション機能などのセットで、WordPress 本体を触ることなく、サイトデザインを自由自在にカスタマイズできます。
テンプレート
CSS とともにテーマを構成するファイルで、サイト内の各ページに表示する内容(XHTML)を記述します。メインページ・カテゴリページなど各ページの土台となるテンプレートファイルに、ヘッダ・サイドバー・フッタなどのパーツ用テンプレートファイルを読み込むことで、1ページを表示します。XHTMLタグと PHP を組み合わせて書きます。
テンプレートタグ
データベースから投稿データ・設定情報などを取得してウェブ上に表示するための関数群で、テンプレートファイル上で使われます。例えば、記事の本文はテンプレートタグ the_content() によって表示されます。括弧内にパラメータを書くことで、表示する値や表示フォーマットなどのオプションを指定できます。
CSS(スタイルシート)
ページのレイアウト・装飾はスタイルシートで行います(色やサイズの指定だけでなく、サイドバーをどこに配置するか等も)。テーマの中にある style.css ファイルで定義します。

記号:

  • 基礎 マーク: ちょっとカスタマイズしてみようかなあというときに、さくっと目を通すとよさそうなページに印を付けています。

WordPress テーマ

テーマの基礎・使い方・仕組み・構成ファイルなど、テーマ全体についてのドキュメント

テーマの使い方 基礎 
テーマについての基本情報。テーマとは何か、テーマの入手、切り替え方法
テーマの作成 基礎 
テーマの構造と作り方。テーマの仕組み・テーマを構成するファイルの種類、プラグインとの連携などについて説明。配布されているテーマを自分でカスタマイズしたいときにも。
一般公開用テーマの設計・作成方法
プラグインとテーマの移行 
テーマを新バージョンに対応させる方法についての情報。メジャーバージョンの変更点について。
  • Upgrade 1.2 to 1.5(en) : WordPress 1.2 の「テンプレート」から 1.5 の「テーマ」へアップグレードするための情報あり
  • プラグインとテーマの 2.1 への移行 -- テーマを WordPress 2.1 以上に対応させる方法についての情報。2.0.x 系と 2.1 以上の変更点について。
テーマ互換性リスト 
Site Architecture 1.5 /en 
あなたのテーマでも倣うことが推奨される、デフォルトテーマ・クラシックテーマの標準サイト構造
管理パネル用テーマの作成 
管理パネルの外観を変えるテーマ(プラグインとして動作する)の作り方。配布されている既存テーマを使いたいときは 管理テーマリスト(en) より入手できる。(無くなってしまった)(→ 作った)

外部資料:

テンプレートファイル

テーマの構成要素である「テンプレート・ファイル」の仕組み、ページ内の各パーツや各種ページの作り方・カスタマイズ

基礎・全般

テンプレート 
テンプレートとは
テンプレート入門 基礎 
テンプレートファイル入門。1つのウェブページを生成するためにテンプレートファイルがどのような働きをするか、あるテンプレートファイルへの別のテンプレートファイルの読み込み方など。
テンプレート階層 基礎 
各種ページを生成するためのテンプレートの優先順序についての説明。ウェブログで要求されたページを生成する過程で、WordPress がチェックするテンプレートファイル名のリスト。

ページ内の各ブロックのカスタマイズ

ヘッダ

ヘッダの設計 /en 
header.php テンプレートファイルのカスタマイズ
Adding Post Feeds to the Header /en 
ヘッダ・テンプレートファイルへの RSS フィードリンクの追加方法

サイドバー

サイドバーのカスタマイズ /en 
sidebar.php テンプレートファイルのカスタマイズ

コンテンツ部

ループ 基礎 
テンプレートファイルの中でコンテンツ部を生成する WordPressループの説明。ループの基礎、複数ループについて
WordPress ループ 
Wordpress ループの詳細、各種の実践例・小技
テンプレートタグ query_posts() 
ループの前に書くことで、ページに表示する記事をコントロールできるテンプレートタグ query_posts の説明
Displaying Posts Using a Custom Select Query /en 
SELECT文などでページに表示する記事を変える方法
「続きを読む」のカスタマイズ /en 
抜粋文につける「続きを読む(Read More)」リンクの見た目のカスタマイズ
改ページリンクの表示方法 /en 
一つの記事の表示を複数ページに分割したときの、ページリンクのカスタマイズ
Post Meta Data Section /en 
記事のメタデータ(投稿日・著者・カテゴリなど)の表示
Separating Categories /en 
各記事に表示するカテゴリリストの区切り文字の変え方(= the_category() のセパレータの話)
カスタムフィールドの使い方 
投稿記事へのカスタム・メタデータの追加、表示方法

その他

入力フォームのスタイリング /en 
コメント・検索等の入力フォームの作り方
Good Navigation Links /en 
前・次ページへのリンク 
次/前の記事・ページへのリンクの見た目のカスタマイズ
Adding Asides /en 
How to add side notes to your blog posts
ポップアップコメント /en 
コメントをポップアップウィンドウに表示させる方法

各種ページのデザイン(アーカイブ・カテゴリ・特別ページ)

静的トップページの作成 
サイトの静的トップページやスプラッシュ・ページ(本でいう表紙のような入り口ページ)の作り方
著者テンプレート /en 
著者とその投稿記事を表示する author.php テンプレートファイルのカスタマイズ
カテゴリーテンプレート 
様々なカテゴリーアーカイブのためのテンプレートの定義・カスタマイズ
記事のアルファベット順表示 /en 
カテゴリページの表示順を時系列ではなくアルファベット順にする方法
アーカイブ・インデックスの作成 /en 
日付単位で投稿記事一覧を表示するアーカイブ・インデックスページの作成方法(注: archive.php ではなく、デフォルトテーマの archives.php のようなページ)
検索結果ページの作成 
検索結果を表示する search.php テンプレートファイルのカスタマイズ
404エラーページの作成 
アクセスしたページが存在しないときに表示される 404エラー ページをカスタムできるテンプレートファイルの作り方

外部資料:

WordPressページ

WordPressページ 基礎 
「ページ」とは何か、使い方、「ページ」の表示フォーマットを指定する「ページテンプレート」の説明など
テンプレートタグ wp_list_pages() 
WordPressページの一覧を作成するテンプレートタグ wp_list_pages() の説明

テンプレートタグ

テンプレートタグの書き方、オプションの指定方法、各テンプレートタグの詳細説明・用例

テンプレートタグ入門 /en 
テンプレートタグとは何か、使い方
テンプレートタグ 基礎 
テンプレートタグ一覧と各タグの説明ページへのリンク
テンプレートタグ大解剖 
テンプレートタグの構造・使用法・パラメータの理解
インクルードタグ 基礎 
テンプレートファイルに WordPress の基本テンプレート(サイドバーなど)を読み込むときに利用できるタグの説明
条件分岐タグ 基礎 
このタグ(is_home() のように いずれも is_xxxx() という形式)は、表示中のページの種類(例: メインページ、カテゴリアーカイブ等)を判定します。このタグの返す値に応じてテンプレートの出力を制御したいときに、テンプレート内で使えます。

外部資料:

CSS・デザイン・レイアウト・画像

CSS 
How to integrate CSS into WordPress, with list of other WordPress CSS references
CSS Shorthand /en
Finding Your CSS Styles /en
Creating Horizontal Menus /en 
サイトのメニューを水平に並べる方法
メニューの動的ハイライト 
表示中のページをメニュー・バー上でハイライトさせる
Styling Lists with CSS /en 
CSS による箇条書きリストのスタイリング
見出しのデザイン /en 
見出し要素(hn)のデザイン
Playing With Fonts /en 
フォント
画像の利用 /en 
サイトへの画像の取り入れ方・表示の工夫
Wrapping Text Around Images /en 
画像を囲むようにテキストを配置する方法
フォトログとギャラリー /en
favicon.ico /en
Gravatar の使い方
Gravatar をコメント欄などに表示する
ギャラリーショートコードの使い方
Styling for Print /en 
印刷用スタイリング
Styling for Mobile /en 
モバイル用スタイリング

外部資料:

ツール・テスト・検証

CSS Fixing_Browser Bugs /en 
CSS の実装に関するブラウザのバグへの対処
ウェブサイトの検証 /en
テキストエディタ 
各 OS 対応のテキストエディタ一覧
ファイルの編集 /en
WordPress Site Reviews /en

FAQ・トラブルシューティング

FAQ サイトのレイアウトとデザイン
CSS トラブルシューティング /en
変更したのに何も変化しないときは /en

資料集

Know Your Sources /en 
(x)HTML、PHP、CSS 一般についての外部資料。リンク集にも日本語資料へのリンクがあります。
CSS Coding Standards /en - Best practices for coding CSS
CSS Troubleshooting /en - Examining and debugging CSS

未分類

Adding Navigation Menu support to a theme
Developing a Colour Scheme /en
日時の表示形式 
投稿日時の設定と表示形式のカスタマイズ
Fun Character Entities /en 
文字実体参照を使って » などの特殊記号を表示してみよう
スマイリーの利用 
「:-)」などの顔文字をスマイリー画像で表示するには。投稿の分野かなあ。
Protection From Harvesters /en 
メールアドレスを収集ロボットに盗まれないように表示する
テーマの作成
テーマレビュー
Theme Switching /en
WordPress Semantics /en
Commenting Code /en
関数リファレンス/wpdb Class
Integrating Wordpress with Your Website /en
Simple PHP Gallery /en
Writing Code in Your Posts /en

最新英語版: WordPress Codex » Templates最新版との差分

最新英語版: WordPress Codex » Site Design and Layout最新版との差分

最新英語版: WordPress Codex » Category:Design and Layout