極端な例

ものすごく長い日本語のタイトルが付いた記事の表示テストです。1行分しか想定されていない見出しのデザインだと文字がはみ出してしまってあら大変。複数行になっても問題ないデザインだといいですね。あと前後の記事へのリンクを出力している場合や、パンくずリストを実装している場合なども表示にズレがないか確認しておきましょう。

投稿日:

  • 記事タイトル部分の見出しデザインが崩れていないか、文字が背景からはみ出していたりしないか確認しましょう。
  • previous_post_linkやnext_post_linkなどで前後の記事のタイトルを出力する場合も、レイアウト崩れが発生していないか確認しましょう。
  • その他、ウィジェットやプラグイン等でいろいろな場所に記事タイトルが出力されるケースが多いので併せて確認しましょう。
  • 用途に応じて、PHPのmb_substrmb_strlen関数を使って文字列をトリミングするという手もあります。

    ※その際、データの無害化 (サニタイズ) にも配慮するとより盤石です。

336px広告
336px広告

-極端な例

執筆者:

関連記事

no image

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

ネスト化された混合リストでは以下が正しく表示されるようにしてください。 リストの中のリストは番号付きリストの順番を壊さないこと 箇条書きのスタイルの深さは十分であること 番号付きリスト – …

no image

極端な例: コンテンツのない投稿

no image

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

no image

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

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

no image

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

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