- 赤色のリンクは、まだ日本語Codexに存在しないページ・画像です。英語版と併せてご覧ください。(詳細)
「テンプレート」の版間の差分
提供: WordPress Codex 日本語版
(en:Templates 00:52, 2 Jul 2007 MichaelH の版) |
(一部訳、リンク先変更、日本語外部資料を追加) |
||
1行目: | 1行目: | ||
+ | 原文・最新版: [[:en:Templates|WordPress Codex » Templates]] | ||
+ | |||
__TOC__ | __TOC__ | ||
− | + | テンプレートとは、ウェブ上で WordPressサイトをどのように表示させるかをコントロールするファイルです。テンプレートファイルは、あなたの WordPress の [[Glossary#MySQL|MySQL]] データベースより情報を取得し、ウェブブラウザへ送る [[Glossary#HTML|HTML]] コードを生成します。WordPress では、強力な[[:ja:Using Themes|テーマ]]システムによって、一つのテーマの中にあるテンプレートファイルを、あなたの好きなだけ自由に定義できるようになっています。各テンプレートファイルは、ある特定の状況下で使われるように設定できます。テーマの作成についての詳細は、[[「テーマの作成」]] をご覧ください。 | |
+ | |||
+ | 以下のリンク先: | ||
+ | * 訳すつもりのページ → 当サイト | ||
+ | * WPJ Codex に和訳済みページあり(最新ではないかも) → WPJ Codex/Codex | ||
+ | * その他 → Codex | ||
== General Theme Articles == | == General Theme Articles == | ||
− | ; [[Using Themes]] : | + | ; [[:ja:Using Themes|テーマの使い方]]/[[:en:Using Themes]] : テーマとテンプレートの使い方・インストールについての基本情報 |
+ | ; [[プラグインとテーマの 2.1 への移行]] : テーマを WordPress 2.1 に対応させる方法についての情報 | ||
+ | ; [[テーマの作成]]/[[:en:Theme Development]] : あなたのテーマのデザインと作り方<!-- 「development」→「開発」だと硬いか --> | ||
+ | ; [[:en:Designing Themes for Public Release]] : 公開用 WordPress テーマのデザイン・作成方法 | ||
+ | ; [[:en:Themes/Theme_Compatibility/2.2 | Version 2.2 Theme Compatibility List]] : WordPress 2.2 互換テーマの一覧 | ||
+ | ; [[:en:Site Architecture 1.5]] : Standard site architecture of the Default and Classic themes, which you are encouraged to follow in your Themes | ||
+ | ; [[:en:Creating Admin Themes]] : 管理パネルの外観を変えるプラグインの作り方 | ||
+ | ; [[:en:Upgrade 1.2 to 1.5]] : Contains information on how to upgrade from a 1.2 template to a 1.5 Theme | ||
− | + | External resources: | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
* [http://www.cypherhackz.net/archives/2006/12/13/make-your-own-wordpress-theme-part-1/ Make your Own Wordpress Theme by Fauzi Mohd Darus] | * [http://www.cypherhackz.net/archives/2006/12/13/make-your-own-wordpress-theme-part-1/ Make your Own Wordpress Theme by Fauzi Mohd Darus] | ||
*[http://boren.nu/archives/2004/11/10/anatomy-of-a-wordpress-theme/ Ryan Boren's Anatomy of a Theme] | *[http://boren.nu/archives/2004/11/10/anatomy-of-a-wordpress-theme/ Ryan Boren's Anatomy of a Theme] | ||
38行目: | 37行目: | ||
=== General References === | === General References === | ||
− | ; [[Stepping Into Templates]] : | + | ; [[:ja:Stepping Into Templates]](和訳途中)/[[:en:Stepping Into Templates]] : [[:ja:Using Themes|WordPressテーマ]]の構成要素であるテンプレートファイル入門。1つのウェブページを生成するためにテンプレートファイルがどのような働きをするか、テンプレートファイルへの他のテンプレートファイルの読み込み方の説明。 |
+ | ; [[:ja:Template Hierarchy]]/[[:en:Template Hierarchy]] : 様々なページを生成するためのテンプレートの優先順序についての説明。ウェブログで要求されたページを生成する過程で、WordPress がチェックするテンプレートの簡潔なリスト。 | ||
+ | ; [[:ja:The Loop|ループ]]/[[:en:The Loop]] : テンプレートファイルの一部分、コンテンツ部を生成する Wordpressループの説明 | ||
+ | ; [[:en:The Loop in Action]] : Wordpress ループについての詳細 | ||
− | + | === ヘッダ・フッタ・サイドバー・コンテンツ部 === | |
+ | (Header, Footer, Sidebar, and Content Sections) | ||
− | ; [[ | + | ;[[:en:Designing Headers]] : <tt>header.php</tt> テンプレートファイルのカスタマイズ |
+ | ;[[:en:Adding Post Feeds to the Header]] : ヘッダ・テンプレートファイルへの RSS フィードリンクの追加方法 | ||
+ | ;[[:en:Customizing Your Sidebar]] : <tt>sidebar.php</tt> テンプレートファイルのカスタマイズ | ||
+ | ;[[:en:Customizing the Read More]] : 抜粋につける「続きを読む(Read More)」リンクの見た目のカスタマイズ | ||
+ | ;[[:en:Next and Previous Links]] : 次/前の記事・ページへのリンクの見た目のカスタマイズ | ||
+ | ;[[:en:Styling Page-Links]] : How to break up single posts into multiple pages, and customize their links | ||
+ | ;[[:en:Separating Categories]] : Putting custom separators in the category list for your posts | ||
+ | ;[[:en:Using Custom Fields]] : 投稿へのカスタム・メタデータの追加・表示方法 | ||
+ | ;[[:en:Adding Asides]] : How to add side notes to your blog posts | ||
+ | ; [[:en:FAQ_Working_with_WordPress#Can_I_have_popup_comments.3F|Enabling Popup Comments]]: How to make comments come in a pop-up window | ||
− | + | === アーカイブ・カテゴリ・特別ページ === | |
+ | (Archives, Categories, and Special Pages) | ||
− | + | ; [[:en:Creating a Static Front Page]] : サイトの静的ホームページやスプラッシュ・ページの作り方 | |
+ | ; [[:en:Author Templates]] : 著者とその投稿記事を表示する <tt>author.php</tt> テンプレートファイルのカスタマイズ | ||
+ | ; [[:en:Category Templates]] : 様々なカテゴリアーカイブのためのテンプレートの定義・カスタマイズ | ||
+ | ; [[:en:Alphabetizing Posts]] : How to make a category page use alphabetical rather than chronological order | ||
+ | ; [[:en:Creating an Archive Index]] : 日付単位で投稿記事を表示する <tt>archives.php</tt> テンプレートファイルのカスタマイズ | ||
+ | ; [[:ja:Pages|WPJ Codex » WordPressページ]]/[[:en:Pages]] : WordPressページ、テンプレートと WordPressページとの関係についての説明 | ||
+ | ; [[:en:Styling Theme Forms]] : コメント・検索等のフォームの作り方 | ||
+ | ; [[:en:Creating a Search Page]] : <tt>search.php</tt> テンプレートファイルのカスタマイズ | ||
+ | ; [[:en:Creating an Error 404 Page]] : Creating a template file Page to feature a customized Error 404 Page. | ||
+ | ; [[:en:Displaying Posts Using a Custom Select Query]]: Modifying which posts are displayed on a page | ||
− | + | External Resources: | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
* [http://www.cameraontheroad.com/?p=623 Creating Multiple Single Posts for Different Categories] | * [http://www.cameraontheroad.com/?p=623 Creating Multiple Single Posts for Different Categories] | ||
− | == Template Tags Articles | + | == テンプレートタグ == |
+ | (Template Tags Articles) | ||
− | ; [[Stepping Into Template Tags]] : | + | ; [[:en:Stepping Into Template Tags]] : テンプレートファイルで使われるテンプレートタグ入門 |
+ | ; [[テンプレートタグ]]/[[:en:Template Tags]] : データベースから情報を取得してウェブ上に表示するための関数群。例えば、記事の内容(本文)は、テンプレートタグ <tt>[[テンプレートタグ/the_content|the_content()]]</tt> によって表示される。 | ||
+ | ; [[:en:Template_Tags/Anatomy_of_a_Template_Tag|Anatomy of a Template Tag]] : テンプレートタグの構造・使用法・パラメータの理解 | ||
+ | ; [[:ja:Include Tags|インクルードタグ]]/[[:en:Include Tags]] : テンプレートファイルに WordPress の基本テンプレート(サイドバーなど)を読み込むときに利用できるタグの説明 | ||
+ | ; [[:ja:Conditional Tags|条件分岐タグ]]/[[:en:Conditional Tags]] : These tags (always of the form <tt>is_''something''()</tt>, such as <tt>[[Conditional Tags#The Main Page|is_home()]]</tt>), report what sort of page is being displayed (e.g. the Main Page, a Category Archive, etc.) and can be used within a Template to control the Template's output depending on what the tags report. | ||
+ | ; [[:en:Template_Tags/query_posts|Query Posts Template Tag]] : A description of the <tt>query_posts</tt> template tag, which is used to control which posts are displayed on a page | ||
+ | ;[[テンプレートタグ/wp_list_pages]]/[[:en:Template_Tags/wp_list_pages|List Pages Template Tag]] : WordPressページの一覧を作成するテンプレートタグ <tt>wp_list_pages()</tt> の説明 | ||
− | + | External Resources: | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
*[http://boren.nu/archives/2004/10/16/templates-and-the-is-functions/ Templates and "is" functions, by Ryan] | *[http://boren.nu/archives/2004/10/16/templates-and-the-is-functions/ Templates and "is" functions, by Ryan] | ||
* [http://www.headzoo.com/wptcs.png Theme cheatsheet] | * [http://www.headzoo.com/wptcs.png Theme cheatsheet] | ||
* [http://florchakh.com/2007/04/17/mashup-of-posts-on-your-wordpress-homepage.html Using the_content and the_excerpt tags within the Loop at the same time]. | * [http://florchakh.com/2007/04/17/mashup-of-posts-on-your-wordpress-homepage.html Using the_content and the_excerpt tags within the Loop at the same time]. | ||
− | ==CSS, Design, and Layout | + | == CSS・デザイン・レイアウト == |
+ | (CSS, Design, and Layout) | ||
− | ; [[CSS]] : How to integrate CSS into WordPress, with list of other WordPress CSS references | + | ; [[:en:CSS]] : How to integrate CSS into WordPress, with list of other WordPress CSS references |
− | ; [[Blog Design and Layout]] : List of articles and resources for WordPress blog design, and layout | + | ; [[:en:Blog Design and Layout]] : List of articles and resources for WordPress blog design, and layout |
− | ; [[Know Your Sources#CSS]] : List of general CSS references | + | ; [[:en:Know Your Sources#CSS]] : List of general CSS references |
− | + | External Resources: | |
* [http://flumpcakes.co.uk/css/optimiser/ Flumpcakes CSS Optimizer] - Optimize your CSS file. ''Contains a possibly "not safe for work" header image.'' | * [http://flumpcakes.co.uk/css/optimiser/ Flumpcakes CSS Optimizer] - Optimize your CSS file. ''Contains a possibly "not safe for work" header image.'' | ||
*[http://creativecommons.org/image/ Creative Commons Images]:Search for Creative Commons images that are free to share and use online. | *[http://creativecommons.org/image/ Creative Commons Images]:Search for Creative Commons images that are free to share and use online. | ||
128行目: | 104行目: | ||
*[http://www.informaticafriuli.com/category/web-friuli/template-informatica-friuli/ informaticafriuli.com]:Free wordpress theme and template. | *[http://www.informaticafriuli.com/category/web-friuli/template-informatica-friuli/ informaticafriuli.com]:Free wordpress theme and template. | ||
− | == Tools, Testing and Validating== | + | == Tools, Testing and Validating == |
− | ; [[CSS Fixing_Browser Bugs]] | + | ; [[:en:CSS Fixing_Browser Bugs]] |
− | ; [[CSS Troubleshooting]] | + | ; [[:en:CSS Troubleshooting]] |
− | ; [[Validating a Website]] | + | ; [[:en:Validating a Website]] |
; [[Glossary#Text_editor|Plain Text Editors]] :A list of plain text editors for all platforms. | ; [[Glossary#Text_editor|Plain Text Editors]] :A list of plain text editors for all platforms. | ||
− | [[Category: | + | == 外部資料(日本語) == |
− | [[Category: | + | |
− | [[Category: | + | 後で分類 |
+ | |||
+ | * [http://wptags.com/ Wptags.com] -- テーマファイルをアレンジするうえで必要な「テンプレートタグ」の機能と使い方を説明。さらなる詳細や使用例は Codex 参照。 | ||
+ | * [http://tekapo.com/st/wp/ Standing Tall » WordPress テーマの詳説] -- [http://www.urbangiraffe.com/ John Godley] による[http://www.urbangiraffe.com/themes/guides 「UrbanGiraffe » WordPress Theme Guide」]の翻訳。デフォルトテーマを分解して、構造や仕組みを学びながら再構築していく。(taiさん) | ||
+ | * [http://waviaei.com/files/wptgj/index.html WordPressテーマ:作成&カスタマイズ] -- WordPressテーマの作り方、カスタマイズのポイントやアイデア等を集めたガイド (Toruさん) | ||
+ | |||
+ | [[Category:デザインとレイアウト]] | ||
+ | [[Category:テンプレートタグ]] | ||
+ | [[Category:テンプレート]] |
2007年7月4日 (水) 00:24時点における版
原文・最新版: WordPress Codex » Templates
目次
テンプレートとは、ウェブ上で WordPressサイトをどのように表示させるかをコントロールするファイルです。テンプレートファイルは、あなたの WordPress の MySQL データベースより情報を取得し、ウェブブラウザへ送る HTML コードを生成します。WordPress では、強力なテーマシステムによって、一つのテーマの中にあるテンプレートファイルを、あなたの好きなだけ自由に定義できるようになっています。各テンプレートファイルは、ある特定の状況下で使われるように設定できます。テーマの作成についての詳細は、「テーマの作成」 をご覧ください。
以下のリンク先:
- 訳すつもりのページ → 当サイト
- WPJ Codex に和訳済みページあり(最新ではないかも) → WPJ Codex/Codex
- その他 → Codex
General Theme Articles
- テーマの使い方/en:Using Themes
- テーマとテンプレートの使い方・インストールについての基本情報
- プラグインとテーマの 2.1 への移行
- テーマを WordPress 2.1 に対応させる方法についての情報
- テーマの作成/en:Theme Development
- あなたのテーマのデザインと作り方
- en:Designing Themes for Public Release
- 公開用 WordPress テーマのデザイン・作成方法
- Version 2.2 Theme Compatibility List
- WordPress 2.2 互換テーマの一覧
- en:Site Architecture 1.5
- Standard site architecture of the Default and Classic themes, which you are encouraged to follow in your Themes
- en:Creating Admin Themes
- 管理パネルの外観を変えるプラグインの作り方
- en:Upgrade 1.2 to 1.5
- Contains information on how to upgrade from a 1.2 template to a 1.5 Theme
External resources:
- Make your Own Wordpress Theme by Fauzi Mohd Darus
- Ryan Boren's Anatomy of a Theme
- Moshu's Visual Anatomy of a WP v1.5 Theme
- Chris J. Davis' Secrets of WP Theming, Part 1
- Chris J. Davis' Secrets of WP Theming, Part 2
- Chris J. Davis' Secrets of WP Theming, Part 3
- Dissection of a WordPress Theme
- Design your First WordPress Theme
- How to create a WordPress Template or Theme tutorial
- WordPress is Not PHP - Template Files
- WordPress is PHP
Template File Articles
General References
- ja:Stepping Into Templates(和訳途中)/en:Stepping Into Templates
- WordPressテーマの構成要素であるテンプレートファイル入門。1つのウェブページを生成するためにテンプレートファイルがどのような働きをするか、テンプレートファイルへの他のテンプレートファイルの読み込み方の説明。
- ja:Template Hierarchy/en:Template Hierarchy
- 様々なページを生成するためのテンプレートの優先順序についての説明。ウェブログで要求されたページを生成する過程で、WordPress がチェックするテンプレートの簡潔なリスト。
- ループ/en:The Loop
- テンプレートファイルの一部分、コンテンツ部を生成する Wordpressループの説明
- en:The Loop in Action
- Wordpress ループについての詳細
ヘッダ・フッタ・サイドバー・コンテンツ部
(Header, Footer, Sidebar, and Content Sections)
- en:Designing Headers
- header.php テンプレートファイルのカスタマイズ
- en:Adding Post Feeds to the Header
- ヘッダ・テンプレートファイルへの RSS フィードリンクの追加方法
- en:Customizing Your Sidebar
- sidebar.php テンプレートファイルのカスタマイズ
- en:Customizing the Read More
- 抜粋につける「続きを読む(Read More)」リンクの見た目のカスタマイズ
- en:Next and Previous Links
- 次/前の記事・ページへのリンクの見た目のカスタマイズ
- en:Styling Page-Links
- How to break up single posts into multiple pages, and customize their links
- en:Separating Categories
- Putting custom separators in the category list for your posts
- en:Using Custom Fields
- 投稿へのカスタム・メタデータの追加・表示方法
- en:Adding Asides
- How to add side notes to your blog posts
- Enabling Popup Comments
- How to make comments come in a pop-up window
アーカイブ・カテゴリ・特別ページ
(Archives, Categories, and Special Pages)
- en:Creating a Static Front Page
- サイトの静的ホームページやスプラッシュ・ページの作り方
- en:Author Templates
- 著者とその投稿記事を表示する author.php テンプレートファイルのカスタマイズ
- en:Category Templates
- 様々なカテゴリアーカイブのためのテンプレートの定義・カスタマイズ
- en:Alphabetizing Posts
- How to make a category page use alphabetical rather than chronological order
- en:Creating an Archive Index
- 日付単位で投稿記事を表示する archives.php テンプレートファイルのカスタマイズ
- WPJ Codex » WordPressページ/en:Pages
- WordPressページ、テンプレートと WordPressページとの関係についての説明
- en:Styling Theme Forms
- コメント・検索等のフォームの作り方
- en:Creating a Search Page
- search.php テンプレートファイルのカスタマイズ
- en:Creating an Error 404 Page
- Creating a template file Page to feature a customized Error 404 Page.
- en:Displaying Posts Using a Custom Select Query
- Modifying which posts are displayed on a page
External Resources:
テンプレートタグ
(Template Tags Articles)
- en:Stepping Into Template Tags
- テンプレートファイルで使われるテンプレートタグ入門
- テンプレートタグ/en:Template Tags
- データベースから情報を取得してウェブ上に表示するための関数群。例えば、記事の内容(本文)は、テンプレートタグ the_content() によって表示される。
- Anatomy of a Template Tag
- テンプレートタグの構造・使用法・パラメータの理解
- インクルードタグ/en:Include Tags
- テンプレートファイルに WordPress の基本テンプレート(サイドバーなど)を読み込むときに利用できるタグの説明
- 条件分岐タグ/en:Conditional Tags
- These tags (always of the form is_something(), such as is_home()), report what sort of page is being displayed (e.g. the Main Page, a Category Archive, etc.) and can be used within a Template to control the Template's output depending on what the tags report.
- Query Posts Template Tag
- A description of the query_posts template tag, which is used to control which posts are displayed on a page
- テンプレートタグ/wp_list_pages/List Pages Template Tag
- WordPressページの一覧を作成するテンプレートタグ wp_list_pages() の説明
External Resources:
- Templates and "is" functions, by Ryan
- Theme cheatsheet
- Using the_content and the_excerpt tags within the Loop at the same time.
CSS・デザイン・レイアウト
(CSS, Design, and Layout)
- en:CSS
- How to integrate CSS into WordPress, with list of other WordPress CSS references
- en:Blog Design and Layout
- List of articles and resources for WordPress blog design, and layout
- en:Know Your Sources#CSS
- List of general CSS references
External Resources:
- Flumpcakes CSS Optimizer - Optimize your CSS file. Contains a possibly "not safe for work" header image.
- Creative Commons Images:Search for Creative Commons images that are free to share and use online.
- Image * After:A free stock image library for commercial and personal use.
- stock.xchng:Photographs available free of charge to the public.
- freedigitalphotos.net:Free photos for commercial and non-commercial use.
- informaticafriuli.com:Free wordpress theme and template.
Tools, Testing and Validating
- en:CSS Fixing_Browser Bugs
- en:CSS Troubleshooting
- en:Validating a Website
- Plain Text Editors
- A list of plain text editors for all platforms.
外部資料(日本語)
後で分類
- Wptags.com -- テーマファイルをアレンジするうえで必要な「テンプレートタグ」の機能と使い方を説明。さらなる詳細や使用例は Codex 参照。
- Standing Tall » WordPress テーマの詳説 -- John Godley による「UrbanGiraffe » WordPress Theme Guide」の翻訳。デフォルトテーマを分解して、構造や仕組みを学びながら再構築していく。(taiさん)
- WordPressテーマ:作成&カスタマイズ -- WordPressテーマの作り方、カスタマイズのポイントやアイデア等を集めたガイド (Toruさん)