タグ: 極端な例

  • テンプレート: アイキャッチ画像 (縦)

    テンプレート: アイキャッチ画像 (縦)

    この投稿は、テーマが対応している場合、アイキャッチ画像を表示すべきです。

    正方形ではない画像の場合、特別なスタイリング上の問題が発生することがあります。

    これは縦向きのアイキャッチ画像テスト向けの投稿です。

  • テンプレート: アイキャッチ画像 (横)

    テンプレート: アイキャッチ画像 (横)

    この投稿は、テーマが対応している場合、アイキャッチ画像を表示すべきです。

    正方形ではない画像の場合、特別なスタイリング上の問題が発生することがあります。

    これは横向きのアイキャッチ画像テスト向けの投稿です。

  • Pneumonoultramicroscopicsilicovolcanoconiosis

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

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

    チェックすべき項目:

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

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

    -ms-word-wrap: break-word;
    
    word-wrap: break-word;
  • タイトルのない投稿。

    しかし、この投稿へのリンクは表示されなければならない。

  • 極端な例: たくさんのカテゴリー

    多すぎるほどのカテゴリーに属している投稿。

  • 極端な例: たくさんのタグ

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

  • 極端な例: ネスト化された混合リスト

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

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

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

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

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

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

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

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

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

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