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

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

「テーマユニットテスト」の版間の差分

提供: WordPress Codex 日本語版
移動先: 案内検索
(その他のページ)
(日本語版テストデータのURLが変更されていた(ブラウザでアクセスするとリダイレクトされるが、 curl などでとりにいくと失敗しちゃう。)
12行目: 12行目:
 
# テストデータのダウンロード:  
 
# テストデータのダウンロード:  
 
#* [https://wpcom-themes.svn.automattic.com/demo/theme-unit-test-data.xml 英語版テストデータ XML ファイル] (<small>更新: 09/02/2014 17:16:26 UTC</small>)
 
#* [https://wpcom-themes.svn.automattic.com/demo/theme-unit-test-data.xml 英語版テストデータ XML ファイル] (<small>更新: 09/02/2014 17:16:26 UTC</small>)
#* [https://raw.github.com/jawordpressorg/theme-test-data-ja/master/wordpress-theme-test-date-ja.xml 日本語版テストデータ](2013年作成。リンク先の説明を参照)
+
#* [https://raw.githubusercontent.com/jawordpressorg/theme-test-data-ja/master/wordpress-theme-test-date-ja.xml 日本語版テストデータ](2013年作成。リンク先の説明を参照)
 
# ツールメニューのインポートを開いて、テストデータを WordPress にインポートしてください。
 
# ツールメニューのインポートを開いて、テストデータを WordPress にインポートしてください。
 
# WordPress テーマレビューチームに関しては [http://make.wordpress.org/themes/about/how-to-join-wptrt/ How To Join WPTRT] を読み、テストの設定方法をご覧ください。
 
# WordPress テーマレビューチームに関しては [http://make.wordpress.org/themes/about/how-to-join-wptrt/ How To Join WPTRT] を読み、テストの設定方法をご覧ください。

2015年8月23日 (日) 16:48時点における版

このページ「テーマユニットテスト」は一部未翻訳です。和訳や日本語情報を加筆してくださる協力者を求めています

(Last Edited: 2015-08-23)

以下にあるテーマテストの方法は、テーマをテストするためにインポートできる WordPress エクスポート (WXR) ファイルに関するものです。これはテーマのテストのうちひとつのステップに過ぎません。詳しくはテーマテストのページをお読みください。

目次

設定

テスト環境の設定方法

  1. テストデータのダウンロード:
  2. ツールメニューのインポートを開いて、テストデータを WordPress にインポートしてください。
  3. WordPress テーマレビューチームに関しては How To Join WPTRT を読み、テストの設定方法をご覧ください。

WordPress の設定

インポートの前に WordPress の設定を以下のように変更してください。

  • 設定 -> 一般設定:サイトのタイトルとキャッチフレーズをある程度適当な長さに編集してください。少し長めの文章を設定することで、適用しているテーマが、タイトルやキャッチフレーズをどんな風に表示するかチェックすることができます。
  • 設定 -> 表示設定:「1ページに表示する最大投稿数」を5件に設定してください。こうすることで、トップページやアーカイブページでのページングを有効にすることができます。
  • 設定 -> ディスカッション設定:コメントを少なくとも3階層以上のスレッド (入れ子) 形式にしてください。こうすることで、適用しているテーマでコメント一覧がどのように表示されるかをチェックできます。
  • 設定 -> ディスカッション設定:コメントの複数ページヘの分割を有効にし、1ページ辺りのコメント数を5件に設定してください。こうすることで、コメント部分のページングがどのようにマークアップ/スタイリングされているかをチェックできます。
  • 設定 -> メディア設定:埋め込みメディア(画像の中サイズと大サイズ)の幅と高さの上限を空(0)に設定してください。こうすることで、適用しているテーマで、$content_width 機能が正しく動作しているかチェックすることができます。
  • 設定 -> パーマリンク設定:「デフォルト」以外を選択するようにしてください。(例えば「月と投稿名」など)こうすることで、テーマユニットテスト全体を円滑に進めることができます。

最低二つのカスタムメニューを作成してください。

  • Long Menu: all included Pages
  • Short Menu: a menu of 2-3 Pages

テンプレート階層インデックスページ

When viewing any Template Hierarchy Index page, including the default index page (index.php), and (if applicable) Blog Posts Index (home.php), Date Archives (archive.php), Category Archives (category.php), Tag Archives (tag.php), or Author Archives (author.php):

  • 投稿が正しく表示され、視覚的な問題やエラーが生じない
  • 投稿が正しい順序で表示される
  • 表示件数が設定どおり表示されている (設定値は 設定 > 表示設定 > 1ページに表示する最大投稿数)
  • Correct number of posts display (as per setting in Settings > Reading).
  • Page navigation displays and works correctly.
  • Debugger returns no PHP errors, warnings, or notices.
  • The browser reports no JavaScript errors.

静的フロントページ

If the Theme includes either a front-page.php or a home.php template file, go to Dashboard -> Settings -> Reading, and set the Front Page to display a Static Page (use any existing Page), and set the Blog Posts index to another Static Page (e.g. "Lorem Ipsum").

  • The Front Page displays properly, and as intended
  • The Blog Posts index page displays properly
  • Debugger returns no PHP errors, warnings, or notices
  • The browser reports no JavaScript errors

404 ページ

  • 404 ページが適切に表示される
  • Some content is displayed, more than merely the basic "Error 404 - Page Not Found" message - such as some helpful text, a search form, a list of Post or Pages, etc.
  • Debugger returns no PHP errors, warnings, or notices
  • The browser reports no JavaScript errors

検索結果ページ

  • 検索クエリの結果を含む「検索結果」のページが適切に表示される
  • Debugger returns no PHP errors, warnings, or notices
  • The browser reports no JavaScript errors

ブログ投稿インデックスページ

Test the following posts when viewing the Blog Posts Index page. Post Titles in the test data correlate with section titles below.

予約済み投稿

  • Should not be displayed by the Theme (status "scheduled", rather than "published").

下書き投稿

  • テーマに表示されるべきではありません (status "draft", rather than "published").

レイアウトテスト

  • 「上部固定ページ」が適切に表示される
  • ページナビゲーションリンクが適切に表示され、正しく動作する

可読性テスト

  • 「続きを読む」リンクが適切に表示される
  • 「続きを読む」リンクが適切に動作する (links to single post at "More" tag location).

投稿フォーマットテスト (すべて)

  • If Theme supports Post Format Type, Post displays as intended in the index view

投稿フォーマットテスト: ギャラリー

  • Gallery images display as intended in the index view

投稿フォーマットテスト: 画像 (リンク付き)

  • Image displays as intended in the index view
  • Image does not overflow the content area

投稿フォーマットテスト: 画像 (添付ファイル)

  • Image displays as intended in the index view
  • Image does not overflow the content area

投稿フォーマットテスト: 動画

  • Video displays as intended in the index view
  • Video does not overflow the content area

コンテンツのない投稿

  • Lack of body text shoul音声 adversely impact the layout.

(タイトルなし)

  • Lack of post title should not adversely impact layout.
  • Post permalink should be displayed. Making the post date a permalink is a great solution. See Twenty Ten for an example.

たくさんのカテゴリー / たくさんのタグ

  • Theme must incorporate both the "Tag" and the "Category" taxonomies in some manner.
  • Large number of categories/tags should not adversely impact layout.

パスワードで保護された投稿のテスト

  • パスワードフォームが表示される
  • 投稿の内容は表示されない
  • コメントは表示されない
  • パスワードを入力後、投稿または概要が正しく表示される

個別投稿

Test the following posts when viewing a single post (single.php). Each section title matches a post title in the test data.

レイアウトテスト

  • Displays page navigation links properly.
  • Page navigation links work properly (link to correct page).
  • Post permalink links to Page 1.

ページ 2

  • 段落が正しくスタイリングされている
  • Left, Center, Right, Justify aligned paragraphs align properly.

ページ 3

  • h1-h6 見出し要素に適切なスタイルが設定されている
  • h1-h6 要素に適切なスタイルが設定されている
  • blockquote, cite に適切なスタイルが設定されている
    • Blockquotes がインデントされているか段落テキストと異なるスタイルが設定されている
    • テーマで背景画像や引用記号が使われている場合、引用文が長い場合も短い場合も正しく表示されるか確認する
  • style を含む spanASCII 文字が正しく表示される
  • tabletrthtd に適切なスタイルが設定されている
  • dl (dt, dd), ul, ol, li styled (as appropriate).
    • 入れ子リストのインデントが正しく行われている
  • 以下の HTML タグで、各要素が持つセマンテックな意味合いに応じたスタイルが適用されている: addressabigcitecodedeleminskbdpreqsstrongsubsupttvar
    • Note: abbr and acronym require no special styling. Also, s may be address but was deprected with HTML 4 and can be left with no special styling as well.
  • divspan では適切なブロックまたはインライン表示を保ち、必要に応じてスタイルが設定されている

可読性テスト

  • コンテンツが全般的に読みやすく表示されている
  • スタイルの追加により可読性を損なっていない。前景・背景のコントラスト、フォントファミリー、フォントサイズ、行間、段落間の間隔などに注意する

画像テスト

ページ 1

  • Un-Captioned Image Alignment Tests
    • Images are aligned properly: Center, Left, Right, None.
    • Check caption styles on first image.
    • Images should not have a border unless it's part of design.

ページ 2

  • Captioned Image Alignment Tests
    • Images are aligned properly: Center, Left, Right, None.
    • Check caption styles on first image.
    • Images should not have a border unless it's part of design.

ページ 3

  • Other Image Tests
    • Wide Image (Resized) Test
      • Image should display properly, and should be resized as specified.
      • Sidebar must not be pushed to the bottom of the page.
    • Wide Image (Not Resized) Test
      • 大きな画像が適切にオーバーフロー処理されている (such as using max-width CSS rule or overflow CSS rule).
  • 画像のオーバーラックが発生してもサイドバーがカラム落ちしない
    • サムネイル
  • サムネイル画像が適切に表示される

ページ 4

  • Floats are cleared properly for floated element (thumbnail image) at the end of the Post Content.

投稿フォーマットテスト (すべて)

  • If Theme supports Post Format type, Post displays as intended in the single-post view.

投稿フォーマットテスト: ギャラリー

  • Gallery displays correctly (check for spacing after gallery).
  • Gallery image thumbnails link to image post.

投稿フォーマットテスト: 画像 (リンク付き)

  • Image displays as intended in single-post view.
  • Image does not overflow the content area.

投稿フォーマットテスト: 画像 (添付ファイル)

  • Image displays as intended in single-post view.
  • Image does not overflow the content area.

投稿フォーマットテスト: 動画

  • Video embeds work.
  • Embedded video does not push sidebar(s) below content due to overlap.
  • $content_width should have an appropriate value defined.

投稿フォーマットテスト: 音声

  • Enclosure links work properly.

タイトルの長い投稿

Long Post Title with long non-breaking string: If you say it loud enough, you’ll always sound precocious; Supercalifragilisticexpialidocious!

  • タイトルの行間をテスト
  • テーマのタイトルエリアが狭ければ、オーバーフローの問題がないかテスト

コンテンツのない投稿

  • Post displays properly and should not impact the layout.

(タイトルなし)

  • 投稿が適切に表示される
  • A link to the singular view of the post is recommended to be displayed. Making the post date a permalink (see Twenty Ten for an example) is a great solution.

たくさんのカテゴリー / たくさんのタグ

  • Theme incorporates both the "Tag" and "Category" taxonomies in some manner.
  • カテゴリリンクが正しく動作する
  • カテゴリがデザインに変な影響を与えずに、適切に動作する
  • リンクが性格に動作する
  • タグがデザインに悪影響を与えず適切に動作する

パスワードで保護された投稿のテスト

  • パスワード入力フォームが適切に表示される
  • 正しいパスワードを入力 (secret) 処理した際に投稿とコメントが表示される

コメントテスト

  • コメントが正しく表示される
  • スレッドコメントが正しく表示される
  • コメントのページネーションが正しく表示される
  • 著者コメントに適切なスタイルがある
  • ユーザーのアバターが適切に表示される
  • コメントフォームがログイン、ログアウト両方で適切に表示される
  • 管理者としてログインしたとき, 編集リンクが表示されて正しく動作する
  • コメント内の HTML が正しく表示される (特に list と blockquotes 要素)

コメントを無効にした投稿

  • コメントフォームが表示されない
  • "Comments are disabled" の注意書きが表示される

たくさんのトラックバック

  • すべてのトラックバックがオーバーラップすることなく適切に表示される

固定ページ

Test the following pages (page.php) by viewing the page that matches the section titles below.

コメントを有効にした固定ページ

  • タグ、カテゴリ、投稿日時は表示しない
  • コメントリストとコメント返信フォームが表示される

コメントを無効にした固定ページ

  • コメントリストとコメント返信フォームが表示される
  • 「コメントは受け付けていません (Comments Disabled)」というメッセージが表示されない
  • ページコンテンツが少ない場合でも正しいレイアウトが適用される

親ページ / 子ページ 1 / 子ページ 2

  • Extra credit for displaying parent and/or child when viewing pages within hierarchy.

フロートのクリア

  • このページの最後のコンテンツはフロート画像になっているため、この後の要素が適切にクリアされている必要がある

その他のページ

search.php404.phpをテストします。

検索結果

  • 検索結果ページが、役に立つ
  • 検索クエリーが表示されている

Not Found

  • 404 ページが存在し、役に立つ情報が含まれている

一般

メニュー

  • Test with a large number of categories or pages in the menu, and test with multiple levels deep in the menus.
  • If custom menus are enabled, test the layout both with custom menus enabled and with the fallback navigation menus (no custom menu enabled).

ウィジェット

  • すべてのウィジェットが正しく表示される
  • デフォルトの各ウィジェットがすべてのウィジェットエリアで正しく動作する
  • テーマにカスタムウィジェットが含まれる場合、それらが正しく動作する (Custom widgets are programmatically added by the Theme to the list of available widgets in Appearance > Widgets.)
  • 利用可能なすべてのウィジェットが、すべてのウィジェットエリアで正しく動作するかをテストする
  • Content that appears in widgetized areas by default (hard-coded into the sidebar, for example) should disappear when widgets are enabled from Appearance > Widgets.

スクリーンショット

  • スクリーンショットに的確にテーマのデザインが反映されている
  • カスタマイズ済みのヘッダー色やアップロードされたロゴなど、デフォルトで現れないものは表示しない

アンカーテキストとクレジットリンク

Theme authors should only be using links that point directly to a website specifically for the theme; an appropriate website page for the theme; or a reasonably related URL giving more information about the theme. Using anchor text for search engine gains will not be accepted.

テーマテスト

このユニットテストはテーマテストのうちひとつのステップに過ぎません。テーマテストでガイド全容の続きをお読みください。

関連ページ

最新英語版: WordPress Codex » Theme Unit Test最新版との差分