新着・人気記事ショートコードの横型表示（horizontal）オプション表示例

この記事は約2分で読めます。

新着・人気記事ショートコードのhorizontalオプションの表示例です。

新着・人気・関連記事ウィジェットの横型表示オプションを有効にした場合の表示例でもあります。

＼エックスサーバー開発のWordPressテーマ／
エックスサーバー開発のWordPressテーマ

新着記事の横型表示例

その他のオプションはこちら。

新着記事一覧を表示するショートコードの利用方法
新着記事ウィジェットのようなリスト表示を実現できるショートコードの利用方法です。
wp-cocoon.com
2025.11.20

通常のカード

[new_list horizontal="1" type="border_square" arrow="1" count="20"]

Cocoonアクセス解析の使い方。アクセス集計ダッシュボードマニュアル
Cocoon 2.9.4公開。アクセス解析ダッシュボードの追加と各種機能の改善
Cocoon 2.9.3公開。WordPress 7.0対応、不具合の修正など
Cocoon 2.9.2.6公開。Threadsのシェア・フォローボタン対応とブログカード等の機能強化
楽天API情報の取得方法
Cocoon 2.9.1公開。WordPress 7.0対応、Amazon・楽天商品リンクブロックの追加など
楽天商品リンクブロックの使い方
Amazon商品リンクブロックの使い方
Amazon商品リンクでPA-APIからCreators APIへの移行について
Cocoon 2.9.0公開。Amazon商品リンクがCreators APIに対応
CocoonからXwriteにテーマ移行を手軽にできるプラグインを公開しました。
Cocoon 2.8.9公開。いくつか機能追加。WordPress 6.9に付随する不具合の修正など
Cocoon 2.8.8公開。細かな不具合を修正
Cocoon 2.8.7公開。主に不具合修正
Cocoon 2.8.6公開。主に不具合修正。細部の修正多数
Cocoon 2.8.5公開。カスタム投稿ページのパンくずリストに対応。あとはほぼ不具合修正
Cocoon記事のタイトルからアイキャッチを自動生成する方法
Cocoon 2.8.4公開。タイトルからアイキャッチを生成する機能を追加
Cocoon 2.8.3公開。主に設定などの表記揺れ修正と不具合修正
Cocoon 2.8.2公開。主に細かな不具合の修正

大きなサムネイル

[new_list horizontal="1" type="large_thumb" count="20"]

Cocoonアクセス解析の使い方。アクセス集計ダッシュボードマニュアル
Cocoon 2.9.4公開。アクセス解析ダッシュボードの追加と各種機能の改善
Cocoon 2.9.3公開。WordPress 7.0対応、不具合の修正など
Cocoon 2.9.2.6公開。Threadsのシェア・フォローボタン対応とブログカード等の機能強化
楽天API情報の取得方法
Cocoon 2.9.1公開。WordPress 7.0対応、Amazon・楽天商品リンクブロックの追加など
楽天商品リンクブロックの使い方
Amazon商品リンクブロックの使い方
Amazon商品リンクでPA-APIからCreators APIへの移行について
Cocoon 2.9.0公開。Amazon商品リンクがCreators APIに対応
CocoonからXwriteにテーマ移行を手軽にできるプラグインを公開しました。
Cocoon 2.8.9公開。いくつか機能追加。WordPress 6.9に付随する不具合の修正など
Cocoon 2.8.8公開。細かな不具合を修正
Cocoon 2.8.7公開。主に不具合修正
Cocoon 2.8.6公開。主に不具合修正。細部の修正多数
Cocoon 2.8.5公開。カスタム投稿ページのパンくずリストに対応。あとはほぼ不具合修正
Cocoon記事のタイトルからアイキャッチを自動生成する方法
Cocoon 2.8.4公開。タイトルからアイキャッチを生成する機能を追加
Cocoon 2.8.3公開。主に設定などの表記揺れ修正と不具合修正
Cocoon 2.8.2公開。主に細かな不具合の修正

大きなサムネイルにタイトルを重ねる

[new_list horizontal="1" type="large_thumb_on" count="20"]

Cocoonアクセス解析の使い方。アクセス集計ダッシュボードマニュアル
Cocoon 2.9.4公開。アクセス解析ダッシュボードの追加と各種機能の改善
Cocoon 2.9.3公開。WordPress 7.0対応、不具合の修正など
Cocoon 2.9.2.6公開。Threadsのシェア・フォローボタン対応とブログカード等の機能強化
楽天API情報の取得方法
Cocoon 2.9.1公開。WordPress 7.0対応、Amazon・楽天商品リンクブロックの追加など
楽天商品リンクブロックの使い方
Amazon商品リンクブロックの使い方
Amazon商品リンクでPA-APIからCreators APIへの移行について
Cocoon 2.9.0公開。Amazon商品リンクがCreators APIに対応
CocoonからXwriteにテーマ移行を手軽にできるプラグインを公開しました。
Cocoon 2.8.9公開。いくつか機能追加。WordPress 6.9に付随する不具合の修正など
Cocoon 2.8.8公開。細かな不具合を修正
Cocoon 2.8.7公開。主に不具合修正
Cocoon 2.8.6公開。主に不具合修正。細部の修正多数
Cocoon 2.8.5公開。カスタム投稿ページのパンくずリストに対応。あとはほぼ不具合修正
Cocoon記事のタイトルからアイキャッチを自動生成する方法
Cocoon 2.8.4公開。タイトルからアイキャッチを生成する機能を追加
Cocoon 2.8.3公開。主に設定などの表記揺れ修正と不具合修正
Cocoon 2.8.2公開。主に細かな不具合の修正

ウィジェットでも利用可

新着記事・関連記事ウィジェットの横型表示オプションを有効にすることでも利用できます。

人気記事の横型表示例

その他のオプションはこちら。

人気記事一覧を表示するショートコードの利用方法
人気記事ウィジェットのようなリスト表示を実現できるショートコードの利用方法です。
wp-cocoon.com
2026.04.14

通常のカード

[popular_list horizontal="1" type="border_square" arrow="1" count="20"]

Cocoonテーマをインストールする方法
Cocoonを少しリッチな見た目に「COLORS」スキン6種作成
広告（AdSense）を手っ取り早く設定する方法
Google Search Consoleに登録する方法
Cocoonを利用する際に是非行って欲しい画像設定5つ
サイトアイコンを設定する方法（ファビコン、アップルタッチアイコン等の設定）
Cocoonテーマとあわせて使用するのにお勧めなプラグインまとめ
ヘッダーモバイルボタンの設定方法
新着記事一覧を表示するショートコードの利用方法
グローバルナビのメニューを設定する方法
内部ブログカードを表示する方法
フッターモバイルボタンの設定方法
テーマが利用しているサムネイルを再生成して最適化する方法（画像の大きさを揃える）
Cocoon Blocksの現在の対応状況
CocoonのおすすめのWordpressパーマリンク設定
自作の吹き出しを作成して利用する方法
Google AdSenseの審査（認証）用コードはどこに貼り付けたら良いですか？
Amazon商品リンクの初期設定方法と使い方
ヘッダーのロゴを画像に変更する方法
おすすめのWordpressメディア（サムネイル画像）サイズ設定

大きなサムネイル

[popular_list horizontal="1" type="large_thumb" count="20"]

Cocoonテーマをインストールする方法
Cocoonを少しリッチな見た目に「COLORS」スキン6種作成
広告（AdSense）を手っ取り早く設定する方法
Google Search Consoleに登録する方法
Cocoonを利用する際に是非行って欲しい画像設定5つ
サイトアイコンを設定する方法（ファビコン、アップルタッチアイコン等の設定）
Cocoonテーマとあわせて使用するのにお勧めなプラグインまとめ
ヘッダーモバイルボタンの設定方法
新着記事一覧を表示するショートコードの利用方法
グローバルナビのメニューを設定する方法
内部ブログカードを表示する方法
フッターモバイルボタンの設定方法
テーマが利用しているサムネイルを再生成して最適化する方法（画像の大きさを揃える）
Cocoon Blocksの現在の対応状況
CocoonのおすすめのWordpressパーマリンク設定
自作の吹き出しを作成して利用する方法
Google AdSenseの審査（認証）用コードはどこに貼り付けたら良いですか？
Amazon商品リンクの初期設定方法と使い方
ヘッダーのロゴを画像に変更する方法
おすすめのWordpressメディア（サムネイル画像）サイズ設定

大きなサムネイルにタイトルを重ねる

[popular_list horizontal="1" type="large_thumb_on" count="20"]

Cocoonテーマをインストールする方法
Cocoonを少しリッチな見た目に「COLORS」スキン6種作成
広告（AdSense）を手っ取り早く設定する方法
Google Search Consoleに登録する方法
Cocoonを利用する際に是非行って欲しい画像設定5つ
サイトアイコンを設定する方法（ファビコン、アップルタッチアイコン等の設定）
Cocoonテーマとあわせて使用するのにお勧めなプラグインまとめ
ヘッダーモバイルボタンの設定方法
新着記事一覧を表示するショートコードの利用方法
グローバルナビのメニューを設定する方法
内部ブログカードを表示する方法
フッターモバイルボタンの設定方法
テーマが利用しているサムネイルを再生成して最適化する方法（画像の大きさを揃える）
Cocoon Blocksの現在の対応状況
CocoonのおすすめのWordpressパーマリンク設定
自作の吹き出しを作成して利用する方法
Google AdSenseの審査（認証）用コードはどこに貼り付けたら良いですか？
Amazon商品リンクの初期設定方法と使い方
ヘッダーのロゴを画像に変更する方法
おすすめのWordpressメディア（サムネイル画像）サイズ設定

ウィジェットでも利用可

人気記事ウィジェットの横型表示オプションを有効にすることでも利用できます。

ホーム
新着・人気記事ショートコードの横型表示（horizontal）オプション表示例
タイトルとURLをコピーしました