当サイト、Codex 日本語版は今後積極的な更新は行わない予定です。後継となる新ユーザーマニュアルは、https://ja.wordpress.org/support/ にあります。
万が一、当サイトで重大な問題を発見した際などは、フォーラムWordSlack #docs チャンネルでお知らせください。</p>

「テーマの使い方」の版間の差分

提供: WordPress Codex 日本語版
移動先: 案内検索
(多少改変、及び訳。他ページ重複箇所はコメントアウト。)
(内容を「このページは https://ja.wordpress.org/support/article/using-themes/ へ移動しました。」で置換)
 
(6人の利用者による、間の18版が非表示)
1行目: 1行目:
<!-- 原文: http://codex.wordpress.org/Using_Themes -->
+
このページは https://ja.wordpress.org/support/article/using-themes/ へ移動しました。
テーマシステムが導入される前、WordPressが表示する内容のデザインは<tt>index.php</tt>とコメント用のファイルのみで処理されていました。
+
 
+
デザインを扱うのはスタイルシートだけでした。カテゴリーページやアーカイブページを含め、それ以外のページはすべて<tt>index.php</tt>内のパラメータにより処理されていたのです。
+
 
+
テーマシステムは2つの利便性をもたらしてくれました。
+
 
+
; 物理的に各項目を分割
+
: WordPressの新しいモジュール式[[Stepping Into Templates|テンプレートファイル]]システムは[[Glossary#PHP|PHP]]ファイルを複数の部品に分割することに寄与しました。これにより、[[Category Templates|カテゴリーアーカイブ]]や[[Creating_an_Archive_Index|月別アーカイブ]]や個別記事ページのような、ページに応じたデザイン・ファンクションが可能になりました。
+
 
+
; レイアウトやデザインの変更を簡単に
+
: アップロードできる環境さえあれば、テーマファイルをアップロードし管理画面から変更するだけでサイト全体のデザインを変えることが出来るようになりました。
+
 
+
'''以前の方法はまだ機能しています。'''嘗ての方法を使っていても、テーマファイルを加える邪魔はしませんし、簡単に切り替えることも出来ます。
+
 
+
== テーマとは何か ==
+
 
+
簡単に言えば、WordPressのテーマシステムとはブログの「着せ替え」をするということです。ですが、ただの「着せ替え」以上のものを持っています。着せ替えというと、ただデザインが変わるというだけになってしまいます。WordPressのテーマは見た目の調整だけでなく、'''表示する内容'''も操ることが出来るのです。
+
 
+
WordPressのテーマはファイルの集合体で、ブログの生成する内容とともにグラフィカルインターフェイスを生み出します。<!-- 微妙 -->これらのファイルは[[Templates|'''テンプレートファイル''']]と呼ばれています。テーマにより、ブログがどのように表示されるのかを変更できるので、コアファイルに手をつける必要はありません。また、テーマには改造したテンプレートファイルやイメージファイル(例: <tt>jpg</tt>, <tt>gif</tt>, <tt>png</tt>)、スタイルシート、任意のコード・ファイルを加えた[[Pages|ページ]]も加えることが出来ます。テンプレートファイルについての詳細は[[Stepping Into Templates]]にあります。
+
 
+
テーマは新たな楽しみなのです。さて、チーズとガジェットについて書くということにしましょう。[[The Loop|ループ]]や[[Templates|テンプレートファイル]]を駆使して、チーズカテゴリーの記事はガジェットカテゴリーの記事とは違う見た目にすることが出来るのです。この素晴らしい機能のおかげでページやカテゴリーによって見た目を変えるということが出来るのです。すべてはあなたの創造力次第なのです。カテゴリーや記事毎にテーマを変えたいときは、[[The Loop in Action]]や[[Category Templates|カテゴリーテンプレート]]を見てみて下さい。
+
 
+
== テーマを探す ==
+
* [http://wordpress.org/extend/themes/ Official WordPress Theme page]
+
* [http://codex.wordpress.org/Using_Themes/Theme_List|Codex WordPress Theme List]
+
* [http://themes.wordpress.net/ WordPress Theme Viewer]
+
 
+
<!--
+
* [http://www.emilyrobbins.com/how-to-blog/comprehensive-list-of-615-free-wordpress-15-and-20-themes-templates-available-for-download-266.htm How to Blog's List of 615+ Themes]
+
* [http://www.alexking.org/blog/2005/02/27/wordpress-theme-competition/ Alex King's WordPress Theme Competition]
+
* [http://www.redalt.com/Tools/builder.php WordPress Index and Theme Builder]
+
* [http://webdesignbook.net/themes/ WordPress Theme Park]
+
* [http://www.wordpresstheme.com/ WordPressTheme.com]
+
* [http://wpdemo.kaushalsheth.com/ Kaushal Sheth's Wordpress Theme Viewer]
+
* [http://wpthemes.info/ WP Themes. Info]
+
* [http://gallery.wordpress.com/ Gallery for WordPress]
+
* [http://www.johntp.com/wp-skins/ JohnTP's WordPress Skin Library]
+
* [http://www.skinsforwp.com/ Skins/Themes for WordPress]
+
* [http://www.gfxedit.com/themes/wordpress/ GFXedit.com Themes]
+
 
+
===Theme Announcements===
+
* [http://weblogtoolscollection.com/ Web Tools Collection]
+
* [http://www.bloggingpro.com/archives/category/wordpress-themes/ Blogging Pro WordPress Themes Category]
+
* [http://wordpress.org/support/forum.php?id=5 WordPress forums]
+
* [http://www.emilyrobbins.com/how-to-blog/comprehensive-list-of-615-free-wordpress-15-and-20-themes-templates-available-for-download-266.htm How to Blog's Comprehensive Theme List]
+
* [http://www.alexking.org/blog/2005/02/27/wordpress-theme-competition/ Alex King's WordPress Theme Competition]
+
* [http://webdesignbook.net/themes/ WordPress theme park]
+
 
+
-->
+
 
+
== テーマを使う ==
+
 
+
WordPressは最初から使えるように配布時に2つのテーマが入っています。管理画面からそれらを切り替えることが出来ます。そのディレクトリにテーマを加えれば、管理画面 -&gt; テーマに表示されます。
+
 
+
=== テーマを追加する ===
+
 
+
WordPressには数多くのテーマがあります。
+
 
+
もし、テーマにReadmeファイル等がある場合は、それを先に読んでおいて下さい。テーマの導入に失敗しない為です。
+
 
+
'''テーマ開発者はテーマの使用方法を配布すべきです。'''なぜなら、テーマによっては特別な設定を必要とする場合があるからです。もし、以下の事を行ってもテーマが使えない場合は、作者に聞いてみてください。
+
 
+
テーマを導入するまでの基本的なステップ:
+
 
+
# テーマをダウンロードし、解凍する
+
:: 解凍時のディレクトリ構造は変えないこと。テーマ作者によってガイドラインが示されている時は'''それに従うこと'''。
+
# [[FTP_Clients|FTPクライアント]]を使い、サーバーに接続する
+
# <tt>wp-content/themes</tt>ディレクトリにフォルダごとアップロードする
+
# WordPressにログインし、[[Administration Panels|管理画面]]にアクセスする
+
# メニューからテーマをクリックする
+
# 利用可能なテーマから使用したいテーマをクリックする
+
 
+
これでブログのテーマが変更されます。
+
 
+
<!--
+
==Creating Themes==
+
 
+
If you are interested in creating your own theme for distribution, or learning more about the architecture of themes, please review the documentation regarding [[Theme Development]] and [[Designing Themes for Public_Release]].
+
 
+
===Theme Files===
+
 
+
The following are the files typically included within a Theme.
+
 
+
*[[Creating_an_Error_404_Page|404 Template]] = <tt>404.php</tt>
+
*Archive Template = <tt>archive.php</tt>
+
*[[Creating_an_Archive_Index|Archive Index Page]] = <tt>archives.php</tt>
+
*Comments Template = <tt>comments.php</tt>
+
*Footer Template = <tt>footer.php</tt>
+
*[[Designing Headers|Header Template]] = <tt>header.php</tt>
+
*Links = <tt>links.php</tt>
+
*Main Template = <tt>index.php</tt>
+
*[[Pages|Page Template]] = <tt>page.php</tt>
+
*Popup Comments Template = <tt>comments-popup.php</tt>
+
*Post Template = <tt>single.php</tt>
+
*Search Form = <tt>searchform.php</tt>
+
*[[Creating a Search Page|Search Template]] = <tt>search.php</tt>
+
*[[Customizing Your Sidebar|Sidebar Template]] = <tt>sidebar.php</tt>
+
*Stylesheet = <tt>style.css</tt>
+
 
+
== Moving from 1.2.x to 1.5 == <span id="Moving 1.2.x to 1.5"></span>
+
 
+
For details on upgrading WordPress and your WordPress Theme from v1.2 to 1.5, see: [[Upgrade_1.2_to_1.5|Upgrade 1.2 to 1.5]].
+
 
+
 
+
==Theme Tools and Other Resources==
+
 
+
These tools and resources will aid you in creating and/or enhancing themes.
+
 
+
===Layout===
+
 
+
* [[Blog Design and Layout]]
+
* [[Stepping Into Templates]]
+
* [[Customizing Your Sidebar]]
+
* [[Good Navigation Links]]
+
* [[Next and Previous Links]]
+
* [[Styling Lists with CSS]]
+
* [[Creating Horizontal Menus]]
+
* [[Dynamic Menu Highlighting]]
+
* [[FAQ Layout and Design|FAQ Layout and Design]]
+
* [http://www.redalt.com/Tools/builder.php WordPress Index Builder]
+
* [http://www.wateronlydries.com/?p=158 Photoshop Template for the WordPress Default Theme]
+
 
+
===Templates and Template Tags===
+
 
+
* [[Templates|Template Files]]
+
* [[Stepping Into Templates]]
+
* [[Stepping Into Template Tags]]
+
* [[Template Tags]]
+
* [[Theme Development|Developing WordPress Themes]]
+
* [[The Loop in Action]]
+
* [http://guff.szub.net/wordpress/template-tags/ Template Tag Layout in simple to read form]
+
* [http://boren.nu/archives/2004/11/10/anatomy-of-a-wordpress-theme/ Anatomy of a WordPress Theme]
+
* [http://boren.nu/archives/2004/10/16/templates-and-the-is-functions/ Templates and the is functions]
+
* [http://www.urbangiraffe.com/2005/04/12/themeguide1/1/ Dissection of a WordPress Theme]
+
 
+
===Tools and Resources===
+
 
+
* [[Designing Themes for Public Release]]
+
* [[Know Your Sources]]
+
* [[Validating a Website]]
+
* [[Finding Your CSS Styles]]
+
* [[CSS Fixing Browser Bugs]]
+
* [http://elasticdog.com/2004/11/wp-design-sandbox/ WordPress Design Sandbox Article]
+
* [http://www.cameraontheroad.com/index.php?p=594 Working On CSS and the WordPress Theme (using a sandbox)]
+
*[http://theundersigned.net/2006/05/from-xhtmlcss-to-wordpress/ From XHTML CSS to WordPress (making a Theme}]
+
 
+
===Colors, Graphics, and Fonts===
+
 
+
* [http://www.redalt.com/Tools/kubrickr.php Kubrickr - Changes Default Theme Header Images]
+
* [http://www.digitalwestex.com/gallery/index.php?cat=3 Header Graphics]
+
* [http://creativecommons.org/image/ Creative Commons Images]
+
* [http://www.imageafter.com/ Image * After - Free Stock Image Library]
+
* [http://www.sxc.hu/ Stock.xchng - Free Stock Image Library]
+
* [[Playing With Fonts]]
+
* [[Developing a Colour Scheme]]
+
* [http://colr.org Colr.org - For Finding Colors in an Image]
+
* [http://www.redalt.com/Tools/ilyc.php I Like Your Colors]
+
 
+
[[Category:Getting Started]]
+
[[Category:Design and Layout]]
+
[[Category:UI Link]]
+
-->
+

2020年8月14日 (金) 23:51時点における最新版

このページは https://ja.wordpress.org/support/article/using-themes/ へ移動しました。