極端な例 - test https://monocil.com Sun, 05 Jan 2014 06:01:18 +0000 ja hourly 1 1行分しか想定されていない見出しのデザインだと文字がはみ出してしまってあら大変。ものすごく長い日本語のタイトルが付いた記事の表示テストです。複数行になっても問題ないデザインだといいですね。あと前後の記事へのリンクを出力している場合や、パンくずリストを実装している場合なども表示にズレがないか確認しておきましょう。 https://monocil.com/2014/01/05/%e3%82%82%e3%81%ae%e3%81%99%e3%81%94%e3%81%8f%e9%95%b7%e3%81%84%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%81%8c%e4%bb%98%e3%81%84%e3%81%9f%e8%a8%98%e4%ba%8b%e3%81%ae/ Sun, 05 Jan 2014 06:01:18 +0000 https://monocil.com/2014/01/05/%e3%82%82%e3%81%ae%e3%81%99%e3%81%94%e3%81%8f%e9%95%b7%e3%81%84%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%81%8c%e4%bb%98%e3%81%84%e3%81%9f%e8%a8%98%e4%ba%8b%e3%81%ae/ 記事タイトル部分の見出しデザインが崩れていないか、文字が背景からはみ出していたりしないか確認しましょう。 the_post_navigation() などで前後の記事のタイトルを出力する場合も、レイアウト崩れが発生してい...

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

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

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

    ]]>         Pneumonoultramicroscopicsilicovolcanoconiosis https://monocil.com/2009/10/05/title-should-not-overflow-the-content-area/ Mon, 05 Oct 2009 19:00:59 +0000 http://wptest.io/demo/?p=877 タイトルが長い英単語の時、コンテンツエリアをはみ出すべきではない。 ラテン文字45字で書かれるこの単語は、辞書に記載されている中では最も長い実用的な英単語とされている。 チェックすべき項目: タイトル・コンテンツ・コメン...

    The post Pneumonoultramicroscopicsilicovolcanoconiosis first appeared on test.

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

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

    チェックすべき項目:

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

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

    -ms-word-wrap: break-word;

word-wrap: break-word;

    The post Pneumonoultramicroscopicsilicovolcanoconiosis first appeared on test.

    ]]>         https://monocil.com/2009/09/05/edge-case-no-title/ Sat, 05 Sep 2009 16:00:23 +0000 http://wpthemetestdata.wordpress.com/2007/09/04/14/ タイトルのない投稿。 しかし、この投稿へのリンクは表示されなければならない。

    The post first appeared on test.

    ]]>     タイトルのない投稿。

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

    The post first appeared on test.

    ]]>         極端な例: コンテンツのない投稿 https://monocil.com/2009/08/06/edge-case-no-content/ https://monocil.com/2009/08/06/edge-case-no-content/#comments Thu, 06 Aug 2009 16:39:56 +0000 http://wpthemetestdata.wordpress.com/2007/09/04/this-post-has-no-body/ https://monocil.com/2009/08/06/edge-case-no-content/feed/ 1 極端な例: たくさんのカテゴリー https://monocil.com/2009/07/02/edge-case-many-categories/ Thu, 02 Jul 2009 09:00:03 +0000 http://wpthemetestdata.wordpress.com/2007/11/24/many-categories/ 多すぎるほどのカテゴリーに属している投稿。

    The post 極端な例: たくさんのカテゴリー first appeared on test.

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

    The post 極端な例: たくさんのカテゴリー first appeared on test.

    ]]>         極端な例: たくさんのタグ https://monocil.com/2009/06/01/edge-case-many-tags/ Mon, 01 Jun 2009 08:00:34 +0000 http://wpthemetestdata.wordpress.com/2007/11/24/many-tags/ 多すぎるほどのタグを持つ投稿。

    The post 極端な例: たくさんのタグ first appeared on test.

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

    The post 極端な例: たくさんのタグ first appeared on test.

    ]]>         極端な例: ネスト化された混合リスト https://monocil.com/2009/05/15/edge-case-nested-and-mixed-lists/ Fri, 15 May 2009 21:48:32 +0000 http://wptest.io/demo/?p=1000 ネスト化された混合リストでは以下が正しく表示されるようにしてください。 リストの中のリストは番号付きリストの順番を壊さないこと 箇条書きのスタイルの深さは十分であること 番号付きリスト – 番号なしリスト &...

    The post 極端な例: ネスト化された混合リスト first appeared on test.

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

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

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

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

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

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

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

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

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

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

    The post 極端な例: ネスト化された混合リスト first appeared on test.

    ]]>