テンプレート: コメント
この記事では、以下の場合のコメントをテストしています。
- 10レベルの深さのコメント
- コメントをページ送り (設定の仕方 ダッシュボード > 設定 > ディスカッション > 1ページあたり5件のコメントを含む複数ページに分割し、最初のページをデフォルトで表示する
- マークアップを使ったコメント / フォーマット例
- 画像のあるコメント
- 動画のあるコメント
- 作者によるコメント
- グラバターがある場合とグラバターが無い場合の初期設定の画像
この記事では、以下の場合のコメントをテストしています。
コメント
//コメントリストを読み込む-
山田太郎 より:
2012年9月3日 10:18 AM
社員
給料
山田太郎
1ドル
スティーブ・ジョブズが必要なサラリーと同じ額。
田中花子
1,000万円
ブログを書くために必要になる資金。
山本次郎
1億円
百聞は一見にしかず、ということで、カメラマンはブロガーの100倍。
中山愛子
10億円
特に理由は要りません。
- 定義リストタイトル
- これは定義リストです。
- 定義
- 物事、領域、何かについての意味の正確な文章や説明: 詩を構成するものの定義。
- ギャラリー
- WordPress 2.5 から導入された、投稿に添付された画像を展示するための機能です。同じように、投稿を編集中にアップロードすると、そのファイルは「投稿に添付」されます。
- Gravatar (グラバター)
- グラバターとはグローバルに認識されるアバター (あるユーザーを表すグラフィックイメージや写真) です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。
- リスト項目 1
- リスト項目 1
- リスト項目 1
- リスト項目 2
- リスト項目 3
- リスト項目 4
- リスト項目 2
- リスト項目 3
- リスト項目 4
- リスト項目 2
- リスト項目 3
- リスト項目 4
- リスト項目 1
- リスト項目 1
- リスト項目 1
- リスト項目 2
- リスト項目 3
- リスト項目 4
- リスト項目 2
- リスト項目 3
- リスト項目 4
- リスト項目 2
- リスト項目 3
- リスト項目 4
-
山田太郎 より:
2012年9月3日 10:18 AM
社員
給料
山田太郎
1ドル
スティーブ・ジョブズが必要なサラリーと同じ額。
田中花子
1,000万円
ブログを書くために必要になる資金。
山本次郎
1億円
百聞は一見にしかず、ということで、カメラマンはブロガーの100倍。
中山愛子
10億円
特に理由は要りません。
- 定義リストタイトル
- これは定義リストです。
- 定義
- 物事、領域、何かについての意味の正確な文章や説明: 詩を構成するものの定義。
- ギャラリー
- WordPress 2.5 から導入された、投稿に添付された画像を展示するための機能です。同じように、投稿を編集中にアップロードすると、そのファイルは「投稿に添付」されます。
- Gravatar (グラバター)
- グラバターとはグローバルに認識されるアバター (あるユーザーを表すグラフィックイメージや写真) です。グラバターはメールアドレスと紐づいていて、Gravatar.com サービスによって管理されています。このサービスを利用すると、ブログ所有者は自分のブログを設定することによりコメント欄にユーザーのグラバターを表示させることができます。
- リスト項目 1
- リスト項目 1
- リスト項目 1
- リスト項目 2
- リスト項目 3
- リスト項目 4
- リスト項目 2
- リスト項目 3
- リスト項目 4
- リスト項目 2
- リスト項目 3
- リスト項目 4
- リスト項目 1
- リスト項目 1
- リスト項目 1
- リスト項目 2
- リスト項目 3
- リスト項目 4
- リスト項目 2
- リスト項目 3
- リスト項目 4
- リスト項目 2
- リスト項目 3
- リスト項目 4
-
匿名ユーザー より:
2013年3月11日 11:45 PM
-
匿名ユーザー より:
2013年3月11日 11:45 PM
-
紫式部 より:
2013年3月12日 1:17 PM
-
紫式部 より:
2013年3月12日 1:17 PM
-
光源氏 より:
2013年3月14日 7:53 AM
-
山田太郎 より:
2013年3月14日 7:53 AM
-
山田太郎 より:
2013年3月14日 7:56 AM
-
山田太郎 より:
2013年3月14日 7:56 AM
-
山田太郎 より:
2013年3月14日 7:57 AM
-
紫式部 より:
2013年3月14日 8:01 AM
-
桐壺帝 より:
2013年3月14日 8:02 AM
-
桐壺帝 より:
2013年3月14日 8:03 AM
-
光源氏 より:
2013年3月14日 8:10 AM
-
紫式部 より:
2013年3月14日 8:12 AM
-
光源氏 より:
2013年3月14日 8:12 AM
-
紫式部 より:
2013年3月14日 8:13 AM
-
光源氏 より:
2013年3月14日 8:14 AM
-
山田太郎 より:
2013年3月14日 8:14 AM
-
山田太郎 より:
2013年3月14日 7:57 AM
-
紫式部 より:
2013年3月14日 8:01 AM
-
桐壺帝 より:
2013年3月14日 8:02 AM
-
桐壺帝 より:
2013年3月14日 8:03 AM
-
紫式部 より:
2013年3月14日 8:10 AM
-
紫式部 より:
2013年3月14日 8:12 AM
-
光源氏 より:
2013年3月14日 8:12 AM
-
紫式部 より:
2013年3月14日 8:13 AM
-
光源氏 より:
2013年3月14日 8:14 AM
-
光源氏 より:
2013年3月14日 8:14 AM
-
紫式部 より:
2013年3月14日 9:56 AM
-
紫式部 より:
2013年3月14日 9:56 AM
-
山田太郎 より:
2013年3月14日 11:23 AM
-
山田太郎 より:
2013年3月14日 11:23 AM
//コメントフォームを読み込む見出しのテスト
見出し壱
見出し弐
見出し参
見出し四
見出し五
見出し六
引用 (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>タグは複数行のコードのスタイリングに使います。.post-title { margin: 0 0 5px; font-weight: bold; font-size: 38px; line-height: 1.2; and here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows; }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>タグは複数行のコードのスタイリングに使います。.post-title { margin: 0 0 5px; font-weight: bold; font-size: 38px; line-height: 1.2; and here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows; }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階層目のコメント。
これも投稿者のコメントです。
画像つきコメント
画像つきコメント
このテストについて絶対ブログを書こうと思います !
このテストについて絶対ブログを書こうと思います !