デモサイト

テンプレート: 先頭固定表示

先頭固定表示投稿です。 以下を確認してください。 先頭に固定表示する投稿は、何らかの形で通常の投稿と差をつけてその違いが認識できるようにしてください。post_class() 関数を使って投稿の class を生成している場合、.sticky クラスにスタイルを追加できます。この方法が最適なやり方です。 ブログのインデックスページでは、もし時系列的に後の方に出現する投稿であったとしても一番先頭に表示されるべきです。 時系列的に正しい位置でももう一度表示されるべきです。その際には固定表示向けの特別なスタイルは必要ありません。 人気の投稿やコメントを一覧表示するプラグインやウィジェットを使っている…

ロパーヒン やっと汽車が着いた、やれやれ。何時だね? ドゥニャーシャ まもなく二時。(蝋燭を吹き消す)もう明るいですわ。 ロパーヒン いったいどのくらい遅れたんだね、汽車は? まあ二時間はまちがいあるまい。(あくび、のび)おれもいいところがあるよ、とんだドジを踏んじまった! 停車場まで出迎えるつもりで、わざわざここへ来ていながら、とたんに寝すごしちまうなんて……。椅子いすにかけたなりぐっすりさ。いまいましい。……せめてお前さんでも起してくれりゃいいのに。 ドゥニャーシャ お出かけになったとばかり思ってました。(耳をすます)おや、もういらしたらしい。 ロパーヒン (耳をすます)ちがう。……手荷物…
bren
10年前

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

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

マークアップ: HTML タグとフォーマット

見出し 見出し壱 見出し弐 見出し参 見出し四 見出し五 見出し六 引用 (Blockquote) テスト 一行の引用。 ハングリーであれ、愚かであれ。 cite 参照を含む複数行の引用。 これは言語みたいなものだ。アルファベットすなわち音階を学び、文すなわちコードを学ぶ。そしてやがてホーンと即興で会話するようになる。即興で話すのはすばらしいことだと思うが、私には決して会得できないだろう。しかし音楽ともなれば、私は即座によろこんで会話する。そう、それがジャズ音楽のすべてだ。 スタン・ゲッツ テーブル 社員 給料 山田太郎 1ドル スティーブ・ジョブズが必要なサラリーと同じ額。 田中花子 1,0…
naokomc
11年前
I Am Worth Loving Wallpaper

マークアップ: 画像の配置

画像の配置テストへようこそ ! 画像をいろいろな位置に配置してみるのに一番良い方法は、言葉の海の中に画像をそっとうずめてみることです。さあ、はじめましょう。 画像の配置では、ユーザーが「指定なし」「右寄せ」「左寄せ」「中央揃え」の中から自分の好きなものを選べるようにする必要があります。さらに、「サムネイル」「中サイズ」「大サイズ」「フルサイズ」という選択肢の中から大きさを選べるようにするべきです。 上記の画像は中央寄せになるはずです。 このパラグラフの残り画像を左寄せしたとき、文章が150ピクセルの画像の周りを囲むようになるかどうか見るためのものです。 ご覧のとおり、画像の上・下・右にスペース…
WP-Hangouts
11年前

マークアップ: テキスト配置

デフォルト これは段落です。特別なテキスト配置処理が付いていない状態になっている必要があります。通常のテキストフローと同じように表示されるべきです。なにも特別なことはありません。ただ、愛とともに自由に流れるテキストだけ。完全に中立的で、どちらかの肩を持つこともなく、かといってどっちつかずの態度というわけでもない。それだけ。それだけです。ここにいることが好きで、片方のサイドを選ぶ必要を感じていない。そんな彼はほっといてあげてください。彼は彼のままで。私を信じて。 左寄せ これは段落です。左寄せになっています。彼の視点はやや左寄りです。好きな色は緑。左寄せな彼はエコフレンドリーになりがちですが、実…
WP-Hangouts
11年前

マークアップ: 特殊記号を含むタイトル ~`!@#$%^&*()-_=+{}[]/;:'”?,.>

タイトルに特殊記号を含めた場合にも、レイアウトや機能に悪影響が出ないようにする必要があります。 投稿タイトル内の特殊記号は minify された JavaScript を使用している際に問題を引き起こす場合があることが確認されています。特に管理画面での投稿編集に影響が出やすいので注意しましょう (例: メタ・ボックス、メディアアップロードなど) 。 ラテン文字テスト これは、テーマで使われているフォントで基本的なラテン文字が表示できるかどうかのテストです。 ! " # $ % & ' ( ) * + , - . / 0 1 2 3 4 5 6 7 8 9 : ; > = <…
WP-Hangouts
11年前