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

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

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

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

\お得なキャンペーン実施中!/
エックスサーバーキャンペーン

新着記事の横型表示例

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

通常のカード

[new_list horizontal="1" type="border_square" arrow="1" count="20"]
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不具合修正など。
Google Analytics(GA4)でアクセス解析をする方法
GoogleタグマネージャでGoogle Analytics 4(GA4)を用いたアクセス解析設定方法
Cocoon 2.4.3公開。主に不具合修正。
Cocoon 2.4.2公開。主に不具合修正。
Cocoon 2.4.1公開。Twitchフォローボタンの追加。WP 5.9関係の不具合修正など。
Cocoon 2.4.0公開。常時ダークモードで表示される「Simple Darkmode Always」スキンを追加。

大きなサムネイル

[new_list horizontal="1" type="large_thumb" count="20"]
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不具合修正など。
Google Analytics(GA4)でアクセス解析をする方法
GoogleタグマネージャでGoogle Analytics 4(GA4)を用いたアクセス解析設定方法
Cocoon 2.4.3公開。主に不具合修正。
Cocoon 2.4.2公開。主に不具合修正。
Cocoon 2.4.1公開。Twitchフォローボタンの追加。WP 5.9関係の不具合修正など。
Cocoon 2.4.0公開。常時ダークモードで表示される「Simple Darkmode Always」スキンを追加。

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

[new_list horizontal="1" type="large_thumb_on" count="20"]
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不具合修正など。
Google Analytics(GA4)でアクセス解析をする方法
GoogleタグマネージャでGoogle Analytics 4(GA4)を用いたアクセス解析設定方法
Cocoon 2.4.3公開。主に不具合修正。
Cocoon 2.4.2公開。主に不具合修正。
Cocoon 2.4.1公開。Twitchフォローボタンの追加。WP 5.9関係の不具合修正など。
Cocoon 2.4.0公開。常時ダークモードで表示される「Simple Darkmode Always」スキンを追加。

ウィジェットでも利用可

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

人気記事の横型表示例

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

通常のカード

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

ウィジェットでも利用可

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

タイトルとURLをコピーしました