The Layout Elements category includes the following blocks: Group, Button, Columns, Media & Text, separato… 続きを読む Block category: Layout Elements
Block category: Formatting
The formatting category includes the following blocks: The classic block can have almost anything in it. a hea… 続きを読む Block category: Formatting
Keyboard navigation
There are many different ways to use the web besides a mouse and a pair of eyes. Users navigate for example wi… 続きを読む Keyboard navigation
1行分しか想定されていない見出しのデザインだと文字がはみ出してしまってあら大変。ものすごく長い日本語のタイトルが付いた記事の表示テストです。複数行になっても問題ないデザインだといいですね。あと前後の記事へのリンクを出力している場合や、パンくずリストを実装している場合なども表示にズレがないか確認しておきましょう。
記事タイトル部分の見出しデザインが崩れていないか、文字が背景からはみ出していたりしないか確認しましょう。 the_post_navigation() などで前後の記事のタイトルを出力する場合も、レイアウト崩れが発生してい… 続きを読む 1行分しか想定されていない見出しのデザインだと文字がはみ出してしまってあら大変。ものすごく長い日本語のタイトルが付いた記事の表示テストです。複数行になっても問題ないデザインだといいですね。あと前後の記事へのリンクを出力している場合や、パンくずリストを実装している場合なども表示にズレがないか確認しておきましょう。
Markup: HTML Tags and Formatting
Headings Header one Header two Header three Header four Header five Header six Blockquotes Single line blockqu… 続きを読む Markup: HTML Tags and Formatting
マークアップ: HTML タグとフォーマット
見出し 見出し壱 見出し弐 見出し参 見出し四 見出し五 見出し六 引用 (Blockquote) テスト 一行の引用。 ハングリーであれ、愚かであれ。 cite 参照を含む複数行の引用。 これは言語みたいなものだ。アル… 続きを読む マークアップ: HTML タグとフォーマット
Markup: Image Alignment
Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning opti… 続きを読む Markup: Image Alignment
マークアップ: 画像の配置
画像の配置テストへようこそ ! 画像をいろいろな位置に配置してみるのに一番良い方法は、言葉の海の中に画像をそっとうずめてみることです。さあ、はじめましょう。 画像の配置では、ユーザーが「指定なし」「右寄せ」「左寄せ」「中… 続きを読む マークアップ: 画像の配置
Markup: Text Alignment
Default This is a paragraph. It should not have any alignment of any kind. It should just flow like you would … 続きを読む Markup: Text Alignment
マークアップ: テキスト配置
デフォルト これは段落です。特別なテキスト配置処理が付いていない状態になっている必要があります。通常のテキストフローと同じように表示されるべきです。なにも特別なことはありません。ただ、愛とともに自由に流れるテキストだけ。… 続きを読む マークアップ: テキスト配置