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

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

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

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

＼お得なキャンペーン実施中！／
エックスサーバーキャンペーン

新着記事の横型表示例

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

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

通常のカード

[new_list horizontal="1" type="border_square" arrow="1" count="20"]
Cocoon 2.6.6公開。ステマ規制に対応するためのPR表記機能の追加。Cocoonボタンブロックの幅設定オプション追加など。
ステマ規制に対応するためのPR表記設定について
Cocoon 2.6.5公開。主に不具合修正
Cocoon 2.6.4公開。WordPress 6.3対応、不具合修正など。
Cocoon 2.6.3公開｡WordPress 6.3対応・不具合修正など｡
ヘッダーのサイズを背景画像に設定したアスペクト比を保つように設定する方法
Cocoon 2.6.2公開。Googleユニバーサルアナリティクス関連機能の廃止など。
Cocoon 2.6.1公開。段落ブロックのスタイル追加。AMP・PWA機能の非推奨化
Cocoon 2.6.0公開。Cocoonブロックのカスタム色対応、不具合修正など
Cocoon 2.5.9公開。主に不具合修正
Cocoon 2.5.8.2公開。主に不具合修正
新着情報（新着投稿タイトル一覧）を表示するショートコードの利用方法
Cocoon 2.5.8公開。新着情報ブロック追加。WordPress 6.2対応・不具合修正など
Cocoon 2.5.7公開。人気記事ブロックの追加・不具合修正など
きのこをモチーフにしたオリジナルスキン「ハナオチバタケ」の紹介
Cocoon 2.5.6公開。新着記事ブロック追加、不具合修正など
Cocoonスキン「ゆっくり色が変化」を同梱追加
Cocoon 2.5.5公開。広告・プロフィールブロック追加。「ゆっくり色が変化」スキンを追加
Cocoon 2.5.4公開。テンプレート・ボックスメニューブロックの追加など。
Cocoon 2.5.3公開。ランキングブロック追加、WordPress 6.1の仕様変更対応、一部環境のエラー対応など。

大きなサムネイル

[new_list horizontal="1" type="large_thumb" count="20"]
Cocoon 2.6.6公開。ステマ規制に対応するためのPR表記機能の追加。Cocoonボタンブロックの幅設定オプション追加など。
ステマ規制に対応するためのPR表記設定について
Cocoon 2.6.5公開。主に不具合修正
Cocoon 2.6.4公開。WordPress 6.3対応、不具合修正など。
Cocoon 2.6.3公開｡WordPress 6.3対応・不具合修正など｡
ヘッダーのサイズを背景画像に設定したアスペクト比を保つように設定する方法
Cocoon 2.6.2公開。Googleユニバーサルアナリティクス関連機能の廃止など。
Cocoon 2.6.1公開。段落ブロックのスタイル追加。AMP・PWA機能の非推奨化
Cocoon 2.6.0公開。Cocoonブロックのカスタム色対応、不具合修正など
Cocoon 2.5.9公開。主に不具合修正
Cocoon 2.5.8.2公開。主に不具合修正
新着情報（新着投稿タイトル一覧）を表示するショートコードの利用方法
Cocoon 2.5.8公開。新着情報ブロック追加。WordPress 6.2対応・不具合修正など
Cocoon 2.5.7公開。人気記事ブロックの追加・不具合修正など
きのこをモチーフにしたオリジナルスキン「ハナオチバタケ」の紹介
Cocoon 2.5.6公開。新着記事ブロック追加、不具合修正など
Cocoonスキン「ゆっくり色が変化」を同梱追加
Cocoon 2.5.5公開。広告・プロフィールブロック追加。「ゆっくり色が変化」スキンを追加
Cocoon 2.5.4公開。テンプレート・ボックスメニューブロックの追加など。
Cocoon 2.5.3公開。ランキングブロック追加、WordPress 6.1の仕様変更対応、一部環境のエラー対応など。

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

[new_list horizontal="1" type="large_thumb_on" count="20"]
Cocoon 2.6.6公開。ステマ規制に対応するためのPR表記機能の追加。Cocoonボタンブロックの幅設定オプション追加など。
ステマ規制に対応するためのPR表記設定について
Cocoon 2.6.5公開。主に不具合修正
Cocoon 2.6.4公開。WordPress 6.3対応、不具合修正など。
Cocoon 2.6.3公開｡WordPress 6.3対応・不具合修正など｡
ヘッダーのサイズを背景画像に設定したアスペクト比を保つように設定する方法
Cocoon 2.6.2公開。Googleユニバーサルアナリティクス関連機能の廃止など。
Cocoon 2.6.1公開。段落ブロックのスタイル追加。AMP・PWA機能の非推奨化
Cocoon 2.6.0公開。Cocoonブロックのカスタム色対応、不具合修正など
Cocoon 2.5.9公開。主に不具合修正
Cocoon 2.5.8.2公開。主に不具合修正
新着情報（新着投稿タイトル一覧）を表示するショートコードの利用方法
Cocoon 2.5.8公開。新着情報ブロック追加。WordPress 6.2対応・不具合修正など
Cocoon 2.5.7公開。人気記事ブロックの追加・不具合修正など
きのこをモチーフにしたオリジナルスキン「ハナオチバタケ」の紹介
Cocoon 2.5.6公開。新着記事ブロック追加、不具合修正など
Cocoonスキン「ゆっくり色が変化」を同梱追加
Cocoon 2.5.5公開。広告・プロフィールブロック追加。「ゆっくり色が変化」スキンを追加
Cocoon 2.5.4公開。テンプレート・ボックスメニューブロックの追加など。
Cocoon 2.5.3公開。ランキングブロック追加、WordPress 6.1の仕様変更対応、一部環境のエラー対応など。

ウィジェットでも利用可

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

人気記事の横型表示例

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

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

通常のカード

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

大きなサムネイル

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

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

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

ウィジェットでも利用可

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

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