【通知メッセージテスト】クリックすると「unlimited ch@os」に移動します。
WordPressテーマCocoonのテスト用デモサイトです

背景画像を固定するとパララックスっぽくていい感じ。
オーバーレイを被せると更にカッコイイ?かも?

本サイト[unlimited ch@os]に移動
投稿タイトル上

投稿タイトル上

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

投稿タイトル下

投稿タイトル下

極端な例
投稿本文上

投稿本文上

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

投稿本文下

極端な例
スポンサーリンク
投稿SNSボタン上

投稿SNSボタン上

Facebookボックス
この記事が気に入ったら
いいね!しよう
最新情報をお届けします。
Facebookバルーン
この記事が気に入ったら最新ニュース情報を、
いいねしてチェックしよう!
投稿SNSボタン下

投稿SNSボタン下

unlimited chaos Cocoon Demo Site