表示確認リスト

表示確認リスト

表示確認チェックリスト

随時追加していきます。

デザインとの相違

  1. 背景色
  2. 背景画像
  3. フォントカラー
  4. フォントサイズ
  5. フォントファミリー
  6. フォントの太さ
  7. line-height
  8. letter-spacing
  9. 写真サイズ
  10. イラストサイズ
  11. 要素の高さ
  12. 要素の横幅
  13. 要素の内側の余白
  14. 要素の外側の余白

崩れ

ブラウザ

  1. PCの主要ブラウザ(特に)Internet ExplorerやMacintoshのSafariなどで崩れが無い。
  2. スマホの主要ブラウザで崩れが無い。
  3. iPad Pro、iPadなどで崩れが無い。

WordPress

管理者

  1. アドミンバーが表示されている。

投稿のシングル

  1. 本文出力部分で、管理画面から投稿した画像がコンテンツをはみ出さない。
  2. 文字や画像などの要素の上下に適宜余白が空いている。
  3. 要素内が半角英数字の文字のみの場合も親要素を幅を突き抜けない。
  4. (最低限)記事タイトル、投稿日、本文が表示されている。

アーカイブ

  1. 記事タイトル、記事本文、画像などが親要素からはみ出さない。
  2. 横並びのリストの高さが揃っている。
  3. 投稿日がある。

全体

  1. サイドバーなどの新着記事や関連記事などの一覧表示で、タイトルや本文が適切に抜粋されている。
  2. サイドバーなどの新着記事一覧で投稿日がある。
  3. トップページやアーカイブなどのサムネイル画像のサイズや余白が適切。
  4. 要素内が半角英数字の文字のみの場合も、親要素を幅を突き抜けない。

挙動

Java Script

メガメニュー

  1. アンカーページ内の移動時、メニュークリックで閉じる。
  2. BODYやクローズボタンクリックで開いているメニューリストが閉じる。
  3. 入れ子メニューも問題無く開閉する。

ハンバーガーメニュー

  1. アンカーページ内の移動時、メニュークリックで閉じる。
  2. BODYやクローズボタンクリックで開いているメニューリストが閉じる。
  3. 入れ子メニューも問題無く開閉する。
  4. 開く、閉じる、各動作時、ハンバーガーボタンの開く・閉じるの表記が逆にならない。

スムーズスクロール

  1. PAGETOPのスクロールがスムーズ。
  2. アンカーページ内の移動時のスクロールがスムーズ。

WordPress

プラグイン

  1. 正常に動作する。

Pagenavi

  1. 2、3ページ目以降のページ送りの動作に問題無い。

テーマ

  1. アーカイブなどの一覧表示で表示件数を指定している。
  2. アーカイブなどの記事タイトルや本文が適切に抜粋されている。
  3. アーカイブなどのサムネイル画像のトリミング設定は適切。
  4. 記事の一覧表示部分で投稿日の出力がある。
  5. ヘッダーのheadに<!–?php wp_head(); ?–>、フッターのbody締めタグ直前に<!–?php wp_footer(); ?–>の記述がある。

関連タグ

ブログ