Pneumonoultramicroscopicsilicovolcanoconiosis
  極端な例
レイアウト 極端な例 コンテンツ タイトル css html

タイトルが長い英単語の時、コンテンツエリアをはみ出すべきではない。

ラテン文字45字で書かれるこの単語は、辞書に記載されている中では最も長い実用的な英単語とされている。

チェックすべき項目:

  • タイトル・コンテンツ・コメント内の改行なしテキストが、レイアウトや機能に悪影響を及ぼしてはなりません。
  • ブラウザのウインドウやタブのタイトルをチェックしてください。
  • プラグインやウィジェットの開発者の方は、このテキストにより何かが崩れたりしていないかチェックしてください。

改行なしテキストにうまく対応するために、以下の CSS プロパティが役立つでしょう。

-ms-word-wrap: break-word;

word-wrap: break-word;
極端な例: たくさんのタグ
  極端な例
ギャラリー コメント レイアウト 極端な例 8ビット コンテンツ 標準 ショートコード 動画 母船 Codex タイトル 注目の画像 css 埋め込み FTW タグ 失敗 画像 html チャット 字幕 目に見えない jetpack テンプレート 引用 twitter 必読 自慢 videopress 愛 記事 成功 WordPress ファン wordpress.tv マークアップ 投稿フォーマット アライメント 抜粋 カテゴリー リンク

多すぎるほどのタグを持つ投稿。

極端な例: ネスト化された混合リスト
  極端な例
極端な例 コンテンツ 一覧 css マークアップ

ネスト化された混合リストでは以下が正しく表示されるようにしてください。

  • リストの中のリストは番号付きリストの順番を壊さないこと
  • 箇条書きのスタイルの深さは十分であること

番号付きリスト – 番号なしリスト – 番号付きリスト

  1. 番号付きリストアイテム
  2. 番号付きリストアイテム
    • 番号なし
    • 番号なし
      1. 番号付きリストアイテム
      2. 番号付きリストアイテム
  3. 番号付きリストアイテム
  4. 番号付きリストアイテム

番号付きリスト – 番号なしリスト – 番号なしリスト

  1. 番号付きリストアイテム
  2. 番号付きリストアイテム
    • 番号なし
    • 番号なし
      • 番号なしリストアイテム
      • 番号なしリストアイテム
  3. 番号付きリストアイテム
  4. 番号付きリストアイテム

番号なしリスト – 番号付きリスト – 番号なしリスト

  • 番号なしリストアイテム
  • 番号なしリストアイテム
    1. 番号付き
    2. 番号付き
      • 番号なしリストアイテム
      • 番号なしリストアイテム
  • 番号なしリストアイテム
  • 番号なしリストアイテム

番号なしリスト – 番号なしリスト – 番号付きリスト

  • 番号なしリストアイテム
  • 番号なしリストアイテム
    • 番号なし
    • 番号なし
      1. 番号付きリストアイテム
      2. 番号付きリストアイテム
  • 番号なしリストアイテム
  • 番号なしリストアイテム