新着・人気記事ショートコードの横型表示（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.5.7公開。人気記事ブロックの追加・不具合修正など
きのこをモチーフにしたオリジナルスキン「ハナオチバタケ」の紹介
Cocoon 2.5.6公開。新着記事ブロック追加、不具合修正など
Cocoonスキン「ゆっくり色が変化」を同梱追加
Cocoon 2.5.5公開。広告・プロフィールブロック追加。「ゆっくり色が変化」スキンを追加
Cocoon 2.5.4公開。テンプレート・ボックスメニューブロックの追加など。
Cocoon 2.5.3公開。ランキングブロック追加、WordPress 6.1の仕様変更対応、一部環境のエラー対応など。
Cocoon 2.5.2公開。新着記事等の横型表示をスワイパー操作に変更。WordPress 6.1でプロフィール画像が消える不具合修正対応など。
Cocoon 2.5.1公開。WordPress6.1・PHP8.1などへの対応。
Cocoonでヒートマップ分析ツールのClarityを利用する方法
Cocoon 2.5.0公開。ヒートマップ分析ツールClarity設定項目追加など。
Cocoon 2.4.9公開。エックスサーバー社との提携により特典機能を全開放。
「Cocoon」と「エックスサーバー株式会社」は業務提携させていただきました
Cocoon 2.4.8公開。FAQブロックにアコーディオンスタイル追加など。
Cocoon 2.4.7公開。「ふわっと追加」スキンを追加・不具合修正など。
Cocoonサイトに動きが出るアニメーションを追加する方法。「ふわっと追加」スキン同梱による機能。
Cocoon 2.4.6公開。主に不具合修正。
サイトが手書きテイストになる「てがきノート」スキンを追加
Cocoon 2.4.5公開。新スキン「てがきノート」追加
Cocoon2.4.4公開。Google Analytics 4対応・WP6不具合修正など。

大きなサムネイル

[new_list horizontal="1" type="large_thumb" count="20"]
Cocoon 2.5.7公開。人気記事ブロックの追加・不具合修正など
きのこをモチーフにしたオリジナルスキン「ハナオチバタケ」の紹介
Cocoon 2.5.6公開。新着記事ブロック追加、不具合修正など
Cocoonスキン「ゆっくり色が変化」を同梱追加
Cocoon 2.5.5公開。広告・プロフィールブロック追加。「ゆっくり色が変化」スキンを追加
Cocoon 2.5.4公開。テンプレート・ボックスメニューブロックの追加など。
Cocoon 2.5.3公開。ランキングブロック追加、WordPress 6.1の仕様変更対応、一部環境のエラー対応など。
Cocoon 2.5.2公開。新着記事等の横型表示をスワイパー操作に変更。WordPress 6.1でプロフィール画像が消える不具合修正対応など。
Cocoon 2.5.1公開。WordPress6.1・PHP8.1などへの対応。
Cocoonでヒートマップ分析ツールのClarityを利用する方法
Cocoon 2.5.0公開。ヒートマップ分析ツールClarity設定項目追加など。
Cocoon 2.4.9公開。エックスサーバー社との提携により特典機能を全開放。
「Cocoon」と「エックスサーバー株式会社」は業務提携させていただきました
Cocoon 2.4.8公開。FAQブロックにアコーディオンスタイル追加など。
Cocoon 2.4.7公開。「ふわっと追加」スキンを追加・不具合修正など。
Cocoonサイトに動きが出るアニメーションを追加する方法。「ふわっと追加」スキン同梱による機能。
Cocoon 2.4.6公開。主に不具合修正。
サイトが手書きテイストになる「てがきノート」スキンを追加
Cocoon 2.4.5公開。新スキン「てがきノート」追加
Cocoon2.4.4公開。Google Analytics 4対応・WP6不具合修正など。

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

[new_list horizontal="1" type="large_thumb_on" count="20"]
Cocoon 2.5.7公開。人気記事ブロックの追加・不具合修正など
きのこをモチーフにしたオリジナルスキン「ハナオチバタケ」の紹介
Cocoon 2.5.6公開。新着記事ブロック追加、不具合修正など
Cocoonスキン「ゆっくり色が変化」を同梱追加
Cocoon 2.5.5公開。広告・プロフィールブロック追加。「ゆっくり色が変化」スキンを追加
Cocoon 2.5.4公開。テンプレート・ボックスメニューブロックの追加など。
Cocoon 2.5.3公開。ランキングブロック追加、WordPress 6.1の仕様変更対応、一部環境のエラー対応など。
Cocoon 2.5.2公開。新着記事等の横型表示をスワイパー操作に変更。WordPress 6.1でプロフィール画像が消える不具合修正対応など。
Cocoon 2.5.1公開。WordPress6.1・PHP8.1などへの対応。
Cocoonでヒートマップ分析ツールのClarityを利用する方法
Cocoon 2.5.0公開。ヒートマップ分析ツールClarity設定項目追加など。
Cocoon 2.4.9公開。エックスサーバー社との提携により特典機能を全開放。
「Cocoon」と「エックスサーバー株式会社」は業務提携させていただきました
Cocoon 2.4.8公開。FAQブロックにアコーディオンスタイル追加など。
Cocoon 2.4.7公開。「ふわっと追加」スキンを追加・不具合修正など。
Cocoonサイトに動きが出るアニメーションを追加する方法。「ふわっと追加」スキン同梱による機能。
Cocoon 2.4.6公開。主に不具合修正。
サイトが手書きテイストになる「てがきノート」スキンを追加
Cocoon 2.4.5公開。新スキン「てがきノート」追加
Cocoon2.4.4公開。Google Analytics 4対応・WP6不具合修正など。

ウィジェットでも利用可

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

人気記事の横型表示例

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

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

通常のカード

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

大きなサムネイル

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

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

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

ウィジェットでも利用可

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

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