テンプレート: コメント
この記事では、以下の場合のコメントをテストしています。
- 10レベルの深さのコメント
- コメントをページ送り (設定の仕方 ダッシュボード > 設定 > ディスカッション > 1ページあたり5件のコメントを含む複数ページに分割し、最初のページをデフォルトで表示する
- マークアップを使ったコメント / フォーマット例
- 画像のあるコメント
- 動画のあるコメント
- 作者によるコメント
- グラバターがある場合とグラバターが無い場合の初期設定の画像
この記事では、以下の場合のコメントをテストしています。
山田太郎
見出しのテスト
見出し壱
見出し弐
見出し参
見出し四
見出し五
見出し六
引用 (Blockquote) テスト
一行だけの引用:
この行は引用ではありません。以下は長い引用:
テーブル
リストタイプのテスト
非順序リスト (ネスト化)
順序リスト (ネスト化)
HTML 要素タグテスト
他の HTML タグは FAQ をご覧ください。
住所タグ
〒100-0000以下は住所の例です。
<address>
タグを使用しています:東京都千代田区1-1-1
日本
anchor タグ (リンク)
これは
<anchor>
(もしくはリンクとも呼ばれます) の例です。abbr タグ
この abbr は文章の中にある <abbr> タグの例です。
Acronym タグ (HTML5 では非推奨)
これは
<acronym>
タグを使用した TLA です。Big タグ(HTML5 では非推奨)
このテストは大きな文字を表す
<big>
タグの例ですが、このタグは HTML5 ではサポートされていません。Cite タグ
“Code is poetry.” —WordPress
Code タグ
<code>
タグはこのように使います:word-wrap: break-word;
Delete タグ
<del>
タグは打ち消し線などで表現されますが、このタグは HTML5 ではサポートされていません (代わりに<strike>
を使ってください)。Emphasize タグ
<em>
タグは文章の強調に使われます。欧文では斜体になっていることがよくあります。Insert タグ
<ins>
タグは挿入されたコンテンツを意味します。Keyboard タグ
このあまり知られていない
<kbd>
タグは Ctrl のようにキーボードテキストをエミュレートします。通常、<code>
タグと同じようにスタイリングされます。Preformatted タグ
<pre>
タグは複数行のコードのスタイリングに使います。Quote タグ
–スティーブ・バルマー
Strike タグ (HTML5 では非推奨)
このタグは打ち消し線を表しています。
Strong タグ
このタグは太字テキストを表しています。
Subscript タグ
Subscript タグ
<sub>
を使うと H2O のような表示の際に「2」が下付きになります。Superscript タグ
Superscript タグ
<sup>
を使うと E = MC2 のような表示の際に「2」が上付きになります。Teletype タグ (HTML5 では非推奨)
<tt>
はあまり使われないタグですが、テレタイプテキスト として通常<code>
タグのようにスタイルVariable タグ
変数や引数を表す variables タグです。
山田太郎
見出しのテスト
見出し壱
見出し弐
見出し参
見出し四
見出し五
見出し六
引用 (Blockquote) テスト
一行だけの引用:
この行は引用ではありません。以下は長い引用:
テーブル
リストタイプのテスト
非順序リスト (ネスト化)
順序リスト (ネスト化)
HTML 要素タグテスト
他の HTML タグは FAQ をご覧ください。
住所タグ
〒100-0000以下は住所の例です。
<address>
タグを使用しています:東京都千代田区1-1-1
日本
anchor タグ (リンク)
これは
<anchor>
(もしくはリンクとも呼ばれます) の例です。abbr タグ
この abbr は文章の中にある <abbr> タグの例です。
Acronym タグ (HTML5 では非推奨)
これは
<acronym>
タグを使用した TLA です。Big タグ(HTML5 では非推奨)
このテストは大きな文字を表す
<big>
タグの例ですが、このタグは HTML5 ではサポートされていません。Cite タグ
“Code is poetry.” —WordPress
Code タグ
<code>
タグはこのように使います:word-wrap: break-word;
Delete タグ
<del>
タグは打ち消し線などで表現されますが、このタグは HTML5 ではサポートされていません (代わりに<strike>
を使ってください)。Emphasize タグ
<em>
タグは文章の強調に使われます。欧文では斜体になっていることがよくあります。Insert タグ
<ins>
タグは挿入されたコンテンツを意味します。Keyboard タグ
このあまり知られていない
<kbd>
タグは Ctrl のようにキーボードテキストをエミュレートします。通常、<code>
タグと同じようにスタイリングされます。Preformatted タグ
<pre>
タグは複数行のコードのスタイリングに使います。Quote タグ
–スティーブ・バルマー
Strike タグ (HTML5 では非推奨)
このタグは打ち消し線を表しています。
Strong タグ
このタグは太字テキストを表しています。
Subscript タグ
Subscript タグ
<sub>
を使うと H2O のような表示の際に「2」が下付きになります。Superscript タグ
Superscript タグ
<sup>
を使うと E = MC2 のような表示の際に「2」が上付きになります。Teletype タグ (HTML5 では非推奨)
<tt>
はあまり使われないタグですが、テレタイプテキスト として通常<code>
タグのようにスタイルVariable タグ
変数や引数を表す variables タグです。
匿名ユーザー
このユーザーは匿名で投稿しようとしています。
偽のメールを使っているため、関連付けられた Gravatar はありません。
サイト URL を指定していないため、コメント内でそのリンクが表示されないようにしてください。
匿名ユーザー
このユーザーは匿名で投稿しようとしています。
偽のメールを使っているため、関連付けられた Gravatar はありません。
サイト URL を指定していないため、コメント内でそのリンクが表示されないようにしてください。
紫式部
コメント ? コメント大好き !
紫式部
コメント ? コメント大好き !
光源氏
このテストはすごい !
山田太郎
このテストはすごい !
山田太郎
投稿者のコメントです。
山田太郎
投稿者のコメントです。
山田太郎
コメントスレッドのテスト。1階層目のコメント。
紫式部
2階層目のコメント。
桐壺帝
3階層目のコメント。
桐壺帝
4階層目のコメント。
光源氏
5階層目の深さのスレッド。
これは投稿者のコメントです。
紫式部
6階層目のコメント。
光源氏
7階層目のコメント。
紫式部
8階層目のコメント。
光源氏
9階層目のコメント。
山田太郎
10階層目の深さのスレッド。
これは投稿者のコメントです。
山田太郎
コメントスレッドのテスト。1階層目のコメント。
紫式部
2階層目のコメント。
桐壺帝
3階層目のコメント。
桐壺帝
4階層目のコメント。
紫式部
6階層目のコメント。
これも投稿者のコメントです。
紫式部
6階層目のコメント。
光源氏
7階層目のコメント。
紫式部
8階層目のコメント。
光源氏
9階層目のコメント。
光源氏
10階層目のコメント。
これも投稿者のコメントです。
紫式部
画像つきコメント
紫式部
画像つきコメント
山田太郎
このテストについて絶対ブログを書こうと思います !
山田太郎
このテストについて絶対ブログを書こうと思います !
山田太郎
このテストはとても便利です ! いつも活用してます !
山田太郎
このテストはとても便利です ! いつも活用してます !
紫式部
みんなコメントありがとう!
紫式部
みんなコメントありがとう!