新着情報
2025.07.11
2025.07.09
2025.07.08
2025.06.26
2025.06.23

新着記事ショートコードサンプル

  1. 1. 最新記事を5件表示(基本)
  2. 2. 特定カテゴリ(ID:3,5)の記事を3件表示
  3. 3. 大きなサムネイルで表示
  4. 4. タイトルを太字で表示
  5. 5. カードに矢印を表示
  6. 6. カスタムクラスを追加して表示
  7. 7. 子カテゴリの記事も表示対象に含める
  8. 8. 横並びレイアウトで表示
  9. 9. 特定タグ(ID:2,19,213)で絞り込み
  10. 10. 更新日順で並べ替えて表示
  11. 11. 昇順(古い順)で表示
  12. 12. 最新2件をスキップして表示
  13. 13. 固定表示記事を除外して表示
  14. 14. 記事の抜粋(スニペット)を表示
  15. 15. 固定ページだけを表示
  16. 16. カスタムタクソノミーの投稿を表示
  17. 17. 特定の著者(ID:1)の記事を表示
  18. 18. 特定記事(ID:10,20,30)を除外して表示
  19. 19. 特定カテゴリ(ID:5,15)を除外して表示
  20. 20. 任意の順序で記事IDを指定して表示
  21. 21. 投稿のタイプを「カスタム投稿タイプ」に変更
  22. 22. タイトルにアイコンを表示
  23. 23. カスタムの並び順をmeta_keyで指定
  24. 24. 投稿ステータスを「private」に限定
  25. 25. 投稿フォーマットを「video」のみに限定
  26. 26. 記事の公開日のみを表示
  27. 27. 記事の著者名を表示
  28. 28. コメント数を表示
  29. 29. ランダム順に表示
  30. 30. タイトルなしでリストのみ表示
  31. 31. 吹き出しスタイルで表示(デザイン拡張)
  32. 32. サムネイル非表示
  33. 33. 公開日と更新日の両方を表示
  34. 34. スタイルをカスタム(typeに任意値)
  35. 35. トップページのみで表示
  36. 36. モバイルだけで表示
  37. 37. PCだけで表示
  38. 38. 期間指定(7日以内)
  39. 39. カテゴリスラッグで指定
  40. 40. タグスラッグで指定
  41. 41. スマホ用に2列レイアウト表示
  42. 42. フィルター機能を付けた表示
  43. 43. ユーザーの投稿のみ表示(ログインユーザー)
  44. 44. 投稿に設定したカスタムフィールドで並べ替え
  45. 45. タクソノミーとタームを組み合わせて絞り込み
  46. 46. 非公開記事を除外(デフォルト動作)
  47. 47. カスタムフィールドの値が特定値の投稿だけ表示
  48. 48. 投稿の順序をtitleで並び替え
  49. 49. カテゴリ「イベント」の新着を10件表示
  50. 50. 新着記事を3件ずつスライダーで表示(外部プラグイン連携)
  51. 51. 人気順(views)で表示(昇順)
  52. 52. 人気順(views)で表示(降順)
  53. 53. カスタム投稿タイプ+タグ指定で表示
  54. 54. カスタムフィールドが空でない投稿を表示
  55. 55. パスワード付き投稿を除外
  56. 56. IDで特定の投稿のみ表示
  57. 57. 1ページ内で複数リストを使う(個別クラス指定)
  58. 58. 抜粋文字数を制限して表示(20文字)
  59. 59. 自動生成されたアイキャッチ付き投稿のみ表示
  60. 60. カスタムタクソノミーのスラッグ指定で表示
  61. 61. 抜粋表示+日付・著者付き
  62. 62. コメントがある投稿のみ表示
  63. 63. アイキャッチ画像のない投稿のみ表示
  64. 64. 固定表示を最上位に表示
  65. 65. 投稿日が未来の投稿を含める
  66. 66. 一定期間内の投稿をカテゴリ指定で表示
  67. 67. 記事の投稿時間でソート
  68. 68. 投稿タイトルにキーワードを含むもののみ表示
  69. 69. 抜粋を省略記号なしで表示
  70. 70. 特定ページでのみ表示(固定ページIDで制御)
  71. 71. 投稿の先頭画像を表示
  72. 72. 同じタームの記事を表示(関連表示用途)
  73. 73. 検索結果内での表示用(検索ワードに一致)
  74. 74. アイキャッチ画像のサイズを指定
  75. 75. 非表示設定の投稿を除外
  76. 76. カスタムフィールドの数値が10以上の投稿を表示
  77. 77. 特定の投稿フォーマットを除外
  78. 78. 投稿タイトルの昇順表示(五十音順)
  79. 79. 日付順+抜粋表示+矢印表示
  80. 80. カスタムスタイルで太字+矢印+抜粋あり
  81. 81. タームIDを指定して表示(タクソノミー連携)
  82. 82. 子ページを一覧表示(階層表示の補助)
  83. 83. 投稿に「アイキャッチなし」バッジを表示
  84. 84. 抜粋のHTMLタグを無効化
  85. 85. カスタム投稿タイプ+並び順指定(menu_order)
  86. 86. サムネイルを丸型表示にするCSS連携用
  87. 87. JSON出力(API連携用)
  88. 88. カテゴリとタグの両方を指定
  89. 89. 投稿フォーマット「ギャラリー」のみ表示
  90. 90. 投稿タイトルの部分一致で検索
  91. 91. カスタムフィールドが空の投稿を除外
  92. 92. 日付指定で投稿を絞り込み(YYYY-MM-DD形式)
  93. 93. カスタムフィールドによる表示制御(ON)
  94. 94. 記事の長さ(word count)で並び替え(プラグイン連携)
  95. 95. カスタムフィールドの範囲指定(数値)
  96. 96. カテゴリ+日付+抜粋付きで表示
  97. 97. 検索ワードを含む投稿タイトル+タグ付き
  98. 98. 投稿者別の一覧(著者ID指定)
  99. 99. スライダー風に並べるCSS用クラス追加
  100. 100. 背景色付きカードでの表示(カスタムCSS連携)
  101. 101. ショートコードサンプル
  102. 102. ショートコードサンプル
  103. 103. ショートコードサンプル
  104. 104. ショートコードサンプル
  105. 105. ショートコードサンプル
  106. 106. ショートコードサンプル
  107. 107. ショートコードサンプル
  108. 108. ショートコードサンプル
  109. 109. ショートコードサンプル
  110. 110. ショートコードサンプル
  111. 111. ショートコードサンプル
  112. 112. ショートコードサンプル
  113. 113. ショートコードサンプル
  114. 114. ショートコードサンプル
  115. 115. ショートコードサンプル
  116. 116. ショートコードサンプル
  117. 117. ショートコードサンプル
  118. 118. ショートコードサンプル
  119. 119. ショートコードサンプル
  120. 120. ショートコードサンプル
  121. 121. ショートコードサンプル
  122. 122. ショートコードサンプル
  123. 123. ショートコードサンプル
  124. 124. ショートコードサンプル
  125. 125. ショートコードサンプル
  126. 126. ショートコードサンプル
  127. 127. ショートコードサンプル
  128. 128. ショートコードサンプル
  129. 129. ショートコードサンプル
  130. 130. ショートコードサンプル
  131. 131. ショートコードサンプル
  132. 132. ショートコードサンプル
  133. 133. ショートコードサンプル
  134. 134. ショートコードサンプル
  135. 135. ショートコードサンプル
  136. 136. ショートコードサンプル
  137. 137. ショートコードサンプル
  138. 138. ショートコードサンプル
  139. 139. ショートコードサンプル
  140. 140. ショートコードサンプル
  141. 141. ショートコードサンプル
  142. 142. ショートコードサンプル
  143. 143. ショートコードサンプル
  144. 144. ショートコードサンプル
  145. 145. ショートコードサンプル
  146. 146. ショートコードサンプル
  147. 147. ショートコードサンプル
  148. 148. ショートコードサンプル
  149. 149. ショートコードサンプル
  150. 150. ショートコードサンプル
  151. 151. ショートコードサンプル
  152. 152. ショートコードサンプル
  153. 153. ショートコードサンプル
  154. 154. ショートコードサンプル
  155. 155. ショートコードサンプル
  156. 156. ショートコードサンプル
  157. 157. ショートコードサンプル
  158. 158. ショートコードサンプル
  159. 159. ショートコードサンプル
  160. 160. ショートコードサンプル
  161. 161. ショートコードサンプル
  162. 162. ショートコードサンプル
  163. 163. ショートコードサンプル
  164. 164. ショートコードサンプル
  165. 165. ショートコードサンプル
  166. 166. ショートコードサンプル
  167. 167. ショートコードサンプル
  168. 168. ショートコードサンプル
  169. 169. ショートコードサンプル
  170. 170. ショートコードサンプル
  171. 171. ショートコードサンプル
  172. 172. ショートコードサンプル
  173. 173. ショートコードサンプル
  174. 174. ショートコードサンプル
  175. 175. ショートコードサンプル
  176. 176. ショートコードサンプル
  177. 177. ショートコードサンプル
  178. 178. ショートコードサンプル
  179. 179. ショートコードサンプル
  180. 180. ショートコードサンプル
  181. 181. ショートコードサンプル
  182. 182. ショートコードサンプル
  183. 183. ショートコードサンプル
  184. 184. ショートコードサンプル
  185. 185. ショートコードサンプル
  186. 186. ショートコードサンプル
  187. 187. ショートコードサンプル
  188. 188. ショートコードサンプル
  189. 189. ショートコードサンプル
  190. 190. ショートコードサンプル
  191. 191. ショートコードサンプル
  192. 192. ショートコードサンプル
  193. 193. ショートコードサンプル
  194. 194. ショートコードサンプル
  195. 195. ショートコードサンプル
  196. 196. ショートコードサンプル
  197. 197. ショートコードサンプル
  198. 198. ショートコードサンプル
  199. 199. ショートコードサンプル
  200. 200. ショートコードサンプル

1. 最新記事を5件表示(基本)

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

2. 特定カテゴリ(ID:3,5)の記事を3件表示

予約投稿
レイアウト見本
Hello world!

3. 大きなサムネイルで表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

4. タイトルを太字で表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

5. カードに矢印を表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

6. カスタムクラスを追加して表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

7. 子カテゴリの記事も表示対象に含める

予約投稿
レイアウト見本
Hello world!
下書き
マークアップ: HTML タグとフォーマット

8. 横並びレイアウトで表示

9. 特定タグ(ID:2,19,213)で絞り込み

No articles found.

10. 更新日順で並べ替えて表示

Amazonショートコード
寄稿者のテスト投稿
パターンレーダーチャート
レイアウト見本
段落ブロックリンク

11. 昇順(古い順)で表示

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

12. 最新2件をスキップして表示

パターンレーダーチャート
段落ブロックリンク
楽天商品リンク
ブロックのマージン
サイトフォント

13. 固定表示記事を除外して表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

14. 記事の抜粋(スニペット)を表示

寄稿者のテスト投稿
Amazonショートコード
こんにちは
パターンレーダーチャート
段落ブロックリンク
これはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストです...
楽天商品リンク

15. 固定ページだけを表示

aaaaaaaa
パスワード保護固定ページ
Forum
About
サンプルページ

16. カスタムタクソノミーの投稿を表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

17. 特定の著者(ID:1)の記事を表示

Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク
ブロックのマージン

18. 特定記事(ID:10,20,30)を除外して表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

19. 特定カテゴリ(ID:5,15)を除外して表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

20. 任意の順序で記事IDを指定して表示

No articles found.

21. 投稿のタイプを「カスタム投稿タイプ」に変更

No articles found.

22. タイトルにアイコンを表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

23. カスタムの並び順をmeta_keyで指定

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

24. 投稿ステータスを「private」に限定

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

25. 投稿フォーマットを「video」のみに限定

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

26. 記事の公開日のみを表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

27. 記事の著者名を表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

28. コメント数を表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

29. ランダム順に表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

30. タイトルなしでリストのみ表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

31. 吹き出しスタイルで表示(デザイン拡張)

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

32. サムネイル非表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

33. 公開日と更新日の両方を表示

Amazonショートコード
寄稿者のテスト投稿
パターンレーダーチャート
レイアウト見本
段落ブロックリンク

34. スタイルをカスタム(typeに任意値)

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

35. トップページのみで表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

36. モバイルだけで表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

37. PCだけで表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

38. 期間指定(7日以内)

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

39. カテゴリスラッグで指定

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

40. タグスラッグで指定

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

41. スマホ用に2列レイアウト表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

42. フィルター機能を付けた表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

43. ユーザーの投稿のみ表示(ログインユーザー)

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

44. 投稿に設定したカスタムフィールドで並べ替え

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

45. タクソノミーとタームを組み合わせて絞り込み

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

46. 非公開記事を除外(デフォルト動作)

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

47. カスタムフィールドの値が特定値の投稿だけ表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

48. 投稿の順序をtitleで並び替え

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

49. カテゴリ「イベント」の新着を10件表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク
ブロックのマージン
サイトフォント
XWRITEの目次の不具合
SILK吹き出しの不具合
目次のボーダーに関する不具合

50. 新着記事を3件ずつスライダーで表示(外部プラグイン連携)

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート

51. 人気順(views)で表示(昇順)

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

52. 人気順(views)で表示(降順)

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

53. カスタム投稿タイプ+タグ指定で表示

No articles found.

54. カスタムフィールドが空でない投稿を表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

55. パスワード付き投稿を除外

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

56. IDで特定の投稿のみ表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

57. 1ページ内で複数リストを使う(個別クラス指定)

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

58. 抜粋文字数を制限して表示(20文字)

寄稿者のテスト投稿
Amazonショートコード
こんにちは
パターンレーダーチャート
段落ブロックリンク
これはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストです...
楽天商品リンク

59. 自動生成されたアイキャッチ付き投稿のみ表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

60. カスタムタクソノミーのスラッグ指定で表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

61. 抜粋表示+日付・著者付き

寄稿者のテスト投稿
Amazonショートコード
こんにちは
パターンレーダーチャート
段落ブロックリンク
これはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストです...
楽天商品リンク

62. コメントがある投稿のみ表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

63. アイキャッチ画像のない投稿のみ表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

64. 固定表示を最上位に表示

Cocoon独自ブロックテスト
レイアウト見本
テンプレート: 先頭固定表示
寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

65. 投稿日が未来の投稿を含める

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

66. 一定期間内の投稿をカテゴリ指定で表示

No articles found.

67. 記事の投稿時間でソート

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

68. 投稿タイトルにキーワードを含むもののみ表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

69. 抜粋を省略記号なしで表示

寄稿者のテスト投稿
Amazonショートコード
こんにちは
パターンレーダーチャート
段落ブロックリンク
これはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストです...
楽天商品リンク

70. 特定ページでのみ表示(固定ページIDで制御)

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

71. 投稿の先頭画像を表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

72. 同じタームの記事を表示(関連表示用途)

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

73. 検索結果内での表示用(検索ワードに一致)

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

74. アイキャッチ画像のサイズを指定

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

75. 非表示設定の投稿を除外

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

76. カスタムフィールドの数値が10以上の投稿を表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

77. 特定の投稿フォーマットを除外

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

78. 投稿タイトルの昇順表示(五十音順)

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

79. 日付順+抜粋表示+矢印表示

Amazonショートコード
こんにちは
寄稿者のテスト投稿
パターンレーダーチャート
レイアウト見本
SimplicityでHTML要素を用いて記事を書くと、以下のようなレイアウトになります見出し弐吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩は...
段落ブロックリンク
これはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストです...

80. カスタムスタイルで太字+矢印+抜粋あり

寄稿者のテスト投稿
Amazonショートコード
こんにちは
パターンレーダーチャート
段落ブロックリンク
これはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストです...
楽天商品リンク

81. タームIDを指定して表示(タクソノミー連携)

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

82. 子ページを一覧表示(階層表示の補助)

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

83. 投稿に「アイキャッチなし」バッジを表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

84. 抜粋のHTMLタグを無効化

寄稿者のテスト投稿
Amazonショートコード
こんにちは
パターンレーダーチャート
段落ブロックリンク
これはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストです...
楽天商品リンク

85. カスタム投稿タイプ+並び順指定(menu_order)

No articles found.

86. サムネイルを丸型表示にするCSS連携用

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

87. JSON出力(API連携用)

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

88. カテゴリとタグの両方を指定

No articles found.

89. 投稿フォーマット「ギャラリー」のみ表示

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

90. 投稿タイトルの部分一致で検索

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

91. カスタムフィールドが空の投稿を除外

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

92. 日付指定で投稿を絞り込み(YYYY-MM-DD形式)

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

93. カスタムフィールドによる表示制御(ON)

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

94. 記事の長さ(word count)で並び替え(プラグイン連携)

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

95. カスタムフィールドの範囲指定(数値)

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

96. カテゴリ+日付+抜粋付きで表示

No articles found.

97. 検索ワードを含む投稿タイトル+タグ付き

No articles found.

98. 投稿者別の一覧(著者ID指定)

テンプレート: アイキャッチ画像 (縦)
テンプレート: 抜粋 (ユーザー定義)
テンプレート: コメント
テンプレート: コメント不可
投稿フォーマット: ギャラリー(タイル)
投稿フォーマット: 動画 (WordPress.tv)
投稿フォーマット: 動画 (VideoPress)
投稿フォーマット: ステータス
極端な例: たくさんのカテゴリー
極端な例: たくさんのタグ

99. スライダー風に並べるCSS用クラス追加

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

100. 背景色付きカードでの表示(カスタムCSS連携)

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

101. ショートコードサンプル

No articles found.

102. ショートコードサンプル

寄稿者のテスト投稿
Amazonショートコード
こんにちは
パターンレーダーチャート
段落ブロックリンク
これはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストです...
楽天商品リンク

103. ショートコードサンプル

No articles found.

104. ショートコードサンプル

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

105. ショートコードサンプル

No articles found.

106. ショートコードサンプル

No articles found.

107. ショートコードサンプル

No articles found.

108. ショートコードサンプル

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

109. ショートコードサンプル

No articles found.

110. ショートコードサンプル

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

111. ショートコードサンプル

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

112. ショートコードサンプル

No articles found.

113. ショートコードサンプル

aaaaaaaa
パスワード保護固定ページ
Forum
About
サンプルページ

114. ショートコードサンプル

No articles found.

115. ショートコードサンプル

No articles found.

116. ショートコードサンプル

No articles found.

117. ショートコードサンプル

aaaaaaaa
パスワード保護固定ページ
Forum
サンプルページ

118. ショートコードサンプル

119. ショートコードサンプル

Hello world!
WordPress へようこそ。これは最初の投稿です。編集もしくは削除してブログを始めてください !Then create a shortcode using the format below. Be sure to replace the...
Twitterテスト
Unlike the Twitter Timeline Widget, which displays a Twitter feed in your sidebar, Twitter embeds allows you to display ...
Operaエディターのテスト
aaaaaaaaa
ケーブルテスト
売上 利益 2014年1月 1000 100 2014年2月 1300 90 2014年3月 1100 110 2014年4月 1500 120 2014年5月 1700 140

120. ショートコードサンプル

No articles found.

121. ショートコードサンプル

テンプレート: コメント
テンプレート: コメント不可
投稿フォーマット: ギャラリー(タイル)
投稿フォーマット: 動画 (WordPress.tv)
投稿フォーマット: 動画 (VideoPress)

122. ショートコードサンプル

No articles found.

123. ショートコードサンプル

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

124. ショートコードサンプル

パターンレーダーチャート
段落ブロックリンク
楽天商品リンク
ブロックのマージン
サイトフォント

125. ショートコードサンプル

No articles found.

126. ショートコードサンプル

テンプレート: ピンバックとトラックバック
テンプレート: コメント不可
テンプレート: コメント
Protected: テンプレート: パスワードで保護されたページ

127. ショートコードサンプル

No articles found.

128. ショートコードサンプル

レイアウト見本
Cocoon独自ブロックテスト
テンプレート: 先頭固定表示
寄稿者のテスト投稿
パターンレーダーチャート
段落ブロックリンク
ブロックのマージン

129. ショートコードサンプル

130. ショートコードサンプル

No articles found.

131. ショートコードサンプル

No articles found.

132. ショートコードサンプル

テンプレート: コメント
この記事では、以下の場合のコメントをテストしています。 10レベルの深さのコメント コメントをページ送り (設定の仕方 ダッシュボード > 設定 > ディスカッション > 1ページあたり5件のコメントを含む複数ページに分割し、最初のページを...
テンプレート: コメント不可
この投稿はコメント、ピンバック、トラックバックが不可の設定になっています。コメント欄は表示されませんが、ピンバックとトラックバックは表示されます。
投稿フォーマット: ギャラリー(タイル)
これは Jetpack のタイルギャラリーのテストです。Jetpack をインストールして、テストしてください。これは各々の配置がうまくいくかの確認のための、タイルギャラリーの後にある文章です。
投稿フォーマット: 動画 (WordPress.tv)
Codexの手順に従い投稿。
投稿フォーマット: 動画 (VideoPress)
動画投稿フォーマットが使われた場合特にそうですが、VideoPress 動画には独特のスタイリングの問題が発生することがあります。Jetpack または Slim Jetpack プラグインをインストールして、ショートコードを表示可能な動画...

133. ショートコードサンプル

aaaaaaaa
パスワード保護固定ページ
Forum
About
サンプルページ

134. ショートコードサンプル

135. ショートコードサンプル

パスワード保護固定ページ
レベル 3
aaaaaaaa
About
ページマークアップ

136. ショートコードサンプル

パターンレーダーチャート
レイアウト見本
段落ブロックリンク
ブロックのマージン
楽天商品リンク

137. ショートコードサンプル

No articles found.

138. ショートコードサンプル

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート

139. ショートコードサンプル

140. ショートコードサンプル

アイキャッチの自動設定1
メディア: Twitterの埋め込み
ユーザーの投稿画像
Cocoon独自ブロックテスト
レイアウト見本

141. ショートコードサンプル

No articles found.

142. ショートコードサンプル

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク
ブロックのマージン
サイトフォント
XWRITEの目次の不具合
SILK吹き出しの不具合
目次のボーダーに関する不具合

143. ショートコードサンプル

寄稿者のテスト投稿
Amazonショートコード
こんにちは
パターンレーダーチャート
段落ブロックリンク
これはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストです...
楽天商品リンク

144. ショートコードサンプル

No articles found.

145. ショートコードサンプル

146. ショートコードサンプル

Amazonショートコード
寄稿者のテスト投稿
パターンレーダーチャート
レイアウト見本
段落ブロックリンク

147. ショートコードサンプル

予約投稿
レイアウト見本
Hello world!
下書き
マークアップ: HTML タグとフォーマット
マークアップ: 画像の配置
マークアップ: テキスト配置
マークアップ: 特殊記号を含むタイトル ~`!@#$%^&*()-_=+{}[]/;:'”?,.>
マークアップ: マークアップ付きのタイトル
テンプレート: アイキャッチ画像 (縦)
テンプレート: アイキャッチ画像 (横)
テンプレート: More タグ
テンプレート: 抜粋 (ユーザー定義)
テンプレート: 抜粋 (自動生成)
テンプレート: ページ分け

148. ショートコードサンプル

テンプレート: アイキャッチ画像 (縦)
テンプレート: 抜粋 (ユーザー定義)
テンプレート: コメント
テンプレート: コメント不可
投稿フォーマット: ギャラリー(タイル)

149. ショートコードサンプル

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

150. ショートコードサンプル

パターンレーダーチャート
段落ブロックリンク
楽天商品リンク
ブロックのマージン
サイトフォント

151. ショートコードサンプル

Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク
ブロックのマージン

152. ショートコードサンプル

No articles found.

153. ショートコードサンプル

No articles found.

154. ショートコードサンプル

No articles found.

155. ショートコードサンプル

No articles found.

156. ショートコードサンプル

No articles found.

157. ショートコードサンプル

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

158. ショートコードサンプル

aaaaaaaa
パスワード保護固定ページ
Forum
About
サンプルページ

159. ショートコードサンプル

テンプレート: アイキャッチ画像 (縦)
この投稿は、テーマが対応している場合、アイキャッチ画像を表示すべきです。正方形ではない画像の場合、特別なスタイリング上の問題が発生することがあります。これは縦向きのアイキャッチ画像テスト向けのの投稿です。
テンプレート: 抜粋 (ユーザー定義)
これはユーザー定義の投稿の抜粋です。アーカイブの目次では投稿の内容ではなく、これが表示されるべきです。
テンプレート: コメント
この記事では、以下の場合のコメントをテストしています。 10レベルの深さのコメント コメントをページ送り (設定の仕方 ダッシュボード > 設定 > ディスカッション > 1ページあたり5件のコメントを含む複数ページに分割し、最初のページを...
テンプレート: コメント不可
この投稿はコメント、ピンバック、トラックバックが不可の設定になっています。コメント欄は表示されませんが、ピンバックとトラックバックは表示されます。

160. ショートコードサンプル

Amazonショートコード
こんにちは
寄稿者のテスト投稿
パターンレーダーチャート
レイアウト見本
SimplicityでHTML要素を用いて記事を書くと、以下のようなレイアウトになります見出し弐吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。何でも薄暗いじめじめした所でニャーニャー泣いていた事だけは記憶している。吾輩は...
段落ブロックリンク
これはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストですこれはテストです...

161. ショートコードサンプル

162. ショートコードサンプル

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク
ブロックのマージン
サイトフォント
XWRITEの目次の不具合
SILK吹き出しの不具合
目次のボーダーに関する不具合

163. ショートコードサンプル

164. ショートコードサンプル

テンプレート: 抜粋 (ユーザー定義)
テンプレート: コメント
テンプレート: コメント不可

165. ショートコードサンプル

Cocoon独自ブロックテスト
レイアウト見本
テンプレート: 先頭固定表示

166. ショートコードサンプル

167. ショートコードサンプル

No articles found.

168. ショートコードサンプル

group-link-option
[navi] ショートコードのサンプルコード
繁体中文サンプル
レーダーチャートショートコード

169. ショートコードサンプル

Forum
About
サンプルページ
レベル2
レベル 3

170. ショートコードサンプル

No articles found.

171. ショートコードサンプル

レイアウト見本
Hello world!

172. ショートコードサンプル

173. ショートコードサンプル

No articles found.

174. ショートコードサンプル

パターンレーダーチャート
段落ブロックリンク
楽天商品リンク
ブロックのマージン
サイトフォント

175. ショートコードサンプル

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

176. ショートコードサンプル

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

177. ショートコードサンプル

No articles found.

178. ショートコードサンプル

テンプレート: アイキャッチ画像 (縦)
テンプレート: 抜粋 (ユーザー定義)
テンプレート: コメント
テンプレート: コメント不可
投稿フォーマット: ギャラリー(タイル)

179. ショートコードサンプル

No articles found.

180. ショートコードサンプル

No articles found.

181. ショートコードサンプル

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

182. ショートコードサンプル

No articles found.

183. ショートコードサンプル

テンプレート: アイキャッチ画像 (縦)
テンプレート: 抜粋 (ユーザー定義)
テンプレート: コメント
テンプレート: コメント不可
投稿フォーマット: ギャラリー(タイル)

184. ショートコードサンプル

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

185. ショートコードサンプル

186. ショートコードサンプル

No articles found.

187. ショートコードサンプル

No articles found.

188. ショートコードサンプル

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

189. ショートコードサンプル

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

190. ショートコードサンプル

Amazonショートコード
寄稿者のテスト投稿
パターンレーダーチャート
レイアウト見本
段落ブロックリンク

191. ショートコードサンプル

テンプレート: アイキャッチ画像 (縦)
テンプレート: 抜粋 (ユーザー定義)
テンプレート: コメント
テンプレート: コメント不可
投稿フォーマット: ギャラリー(タイル)

192. ショートコードサンプル

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

193. ショートコードサンプル

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

194. ショートコードサンプル

No articles found.

195. ショートコードサンプル

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

196. ショートコードサンプル

No articles found.

197. ショートコードサンプル

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

198. ショートコードサンプル

予約投稿
レイアウト見本
Hello world!

199. ショートコードサンプル

寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

200. ショートコードサンプル

Cocoon独自ブロックテスト
レイアウト見本
テンプレート: 先頭固定表示
寄稿者のテスト投稿
Amazonショートコード
パターンレーダーチャート
段落ブロックリンク
楽天商品リンク

コメント

Copied title and URL