grayishスキン適用中

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

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

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

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

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

新着記事の横型表示例

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

通常のカード

[new_list horizontal="1" type="border_square" arrow="1" count="20"]
Cocoon 2.7.1公開。シェア・フォローアイコンにMastodonやMisskey等を追加。背景アイコン機能を追加
テーブルで◎○△×アイコンを用いた比較表を作る方法
パターン(旧再利用ブロック)を呼び出せるpatternショートコードの使い方
Cocoon 2.7.0公開。ads.txt編集・リファラー設定機能の追加。AMP・PWA・HTML縮小化機能の廃止
リファラーの振る舞いを変更する「リファラー設定」をする方法
ads.txtファイルの編集方法
美しいグレーに統一されたデザインの「grayish」スキンを同梱
Cocoon 2.6.9公開。「grayish」スキンの追加、不具合修正など
Cocoon 2.6.8公開。リストブロックのボーダー・スタイル装飾追加。不具合修正など
リストブロックの装飾オプションサンプル
段落ブロックの装飾オプションサンプル
Cocoon 2.6.7公開。カテゴリー・タグページでもPR表記を表示できるように機能追加
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機能の非推奨化

大きなサムネイル

[new_list horizontal="1" type="large_thumb" count="20"]
Cocoon 2.7.1公開。シェア・フォローアイコンにMastodonやMisskey等を追加。背景アイコン機能を追加
テーブルで◎○△×アイコンを用いた比較表を作る方法
パターン(旧再利用ブロック)を呼び出せるpatternショートコードの使い方
Cocoon 2.7.0公開。ads.txt編集・リファラー設定機能の追加。AMP・PWA・HTML縮小化機能の廃止
リファラーの振る舞いを変更する「リファラー設定」をする方法
ads.txtファイルの編集方法
美しいグレーに統一されたデザインの「grayish」スキンを同梱
Cocoon 2.6.9公開。「grayish」スキンの追加、不具合修正など
Cocoon 2.6.8公開。リストブロックのボーダー・スタイル装飾追加。不具合修正など
リストブロックの装飾オプションサンプル
段落ブロックの装飾オプションサンプル
Cocoon 2.6.7公開。カテゴリー・タグページでもPR表記を表示できるように機能追加
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機能の非推奨化

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

[new_list horizontal="1" type="large_thumb_on" count="20"]
Cocoon 2.7.1公開。シェア・フォローアイコンにMastodonやMisskey等を追加。背景アイコン機能を追加
テーブルで◎○△×アイコンを用いた比較表を作る方法
パターン(旧再利用ブロック)を呼び出せるpatternショートコードの使い方
Cocoon 2.7.0公開。ads.txt編集・リファラー設定機能の追加。AMP・PWA・HTML縮小化機能の廃止
リファラーの振る舞いを変更する「リファラー設定」をする方法
ads.txtファイルの編集方法
美しいグレーに統一されたデザインの「grayish」スキンを同梱
Cocoon 2.6.9公開。「grayish」スキンの追加、不具合修正など
Cocoon 2.6.8公開。リストブロックのボーダー・スタイル装飾追加。不具合修正など
リストブロックの装飾オプションサンプル
段落ブロックの装飾オプションサンプル
Cocoon 2.6.7公開。カテゴリー・タグページでもPR表記を表示できるように機能追加
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機能の非推奨化

ウィジェットでも利用可

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

人気記事の横型表示例

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

通常のカード

[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メディア(サムネイル画像)サイズ設定
ヘッダーのロゴを画像に変更する方法

ウィジェットでも利用可

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

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