固定ページのどの部分のことでしょうか。
フォーラムの案内にありますように、該当ページのURLをいただければと思います。

不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください

返信ありがとうございます。

固定ページのmain内です。URLは教えられません。

大変恐縮ですが、よろしくお願いします。

固定ページをフロントページに設定しております。

そのようにすると、縦型カードを実装することができません。。

数時間前に同じ名前で別の方が投稿されていますが、どなたでしょうか…全く身に覚えがないのですが・・・

投稿者:: @sam

数時間前に同じ名前で別の方が投稿されていますが、どなたでしょうか…全く身に覚えがないのですが・・・

これのことでしょうか。

投稿者:: @sam

返信ありがとうございます。

固定ページのmain内です。URLは教えられません。

大変恐縮ですが、よろしくお願いします。

ただ、いずれにしても、申し訳ないですが該当ページのURLがないと、ちょっと何とも言えないです。

わいひらさん、ご返信ありがとうございます。

対象サイトは以下になります。

http://tabizukan-backpacker.com

よろしくお願い申し上げます。

@sam さん

横から失礼します。

固定ページに縦型カード2列を導入するのはちょっと難しかったので、通常のインデックスページのトップページで似たような表示にできないかな、と、試してみました。

一番上に新着記事の「縦型カード2列」を表示する、という前提ですが・・

Cocoon設定の「インデックス」タブで、フロントページタイプ（β版）のところを

「カテゴリごと（2カラム）」

にして、

カードタイプを

「縦型カード2列」

にしました。

通常ですと、この設定だと、新着記事の下に表示される、カテゴリのリストは、２列になってしまうので、以下のCSSのコードで、sam さんのサイトのように、1列に変更します。

#list-columns {
   display: block;
}

#list-columns .list-column {
   width: 100%;
   display: block;
}

そうしましたら、以下の画像のような感じになりました。

もし、ご希望の表示と大きく異なっていたら、ごめんなさい。

また、どうしてもトップページは固定ページでなければならない、といったご事情があれば、それはそれで仕方ないです。

同じ要領で、「縦型カード3列」にしてみたら、新着記事が４つしか表示されません。 ? 

６つにするのは、どうしたらいいのやら・・ ? 

なんだ、ちゃんと表示数も設定できるんですね。 ? 

http://tabizukan-backpacker.com/
該当ページは新着記事ショートコードとかでエントリーカード表示されているんでしょうかね。
これだと、縦型は難しいです。
typeオプションを変更して、CSSを使えば、出来ないことはないかもしれません。
https://wp-cocoon.com/new_list/

ただ、それをやるぐらいなら、リフィトリーさん書かれているようなことを行う方が簡単かもしれません。

みなさま

ご対応ありがとうございます。
誠に感謝申し上げます。

ご教示いただいた内容で下記のようにはなります。確かに縦型2列で新着記事が表示されますが、本来はカテゴリ別でそれぞれ1つずつの表示にしたいのところです。

例えば

Aカテゴリ　Bカテゴリ

　カード　　カード

　カード　　カード

といった具合です。

元々はカテゴリ毎で新着記事を分けて表示していましたので、今回の質問はこのような場合どのような処理を行えばいいのかという点です。

どうぞよろしくお願いします。

@sam さん

縦型カードのスニペット（記事の説明文）が必要なのかと思っていましたが、スニペットのテキストが不要なら、わいひらさんのご案内のように、表示をCSSでカスタマイズできるような気がしないでもないです。

例えば、固定ページでのやり方に戻ってしまいますが、カラムブロックの２カラムで、それぞれのカテゴリを左右別に設定して、CSSで縦型カードっぽいデザインに変更するとか・・（でも、サムネイルの画像のサイズをPHPで最適化しないとぼやけてしまうかも・・）（large_thumbを使えばいいのか・・）

Cocoonの標準の機能にはない表示だろうと思われるので、ひと手間ふた手間かけないとできなさそうです。

標準の機能のどれかを組み合わせてできるデザインのうち、最も希望に近いデザインを選択する方が簡単と言えば簡単のような気がします。

タブ表示はスクロールしなくてカテゴリを切り替えられるので、個人的には便利な機能だなと思ったりします。

あまりお役にたたない書き込みかもですが・・

@leafytree

リフィとりーさん

ご丁寧なご返信ありがとうございます。

完成図としてはスニペットのある縦型カードがカテゴリ毎で二つ並ぶ（２カラムの状態）を想定しています。固定ページをフロントページ としてlarge_thumbを使うののでは、スニペットが出てこないので何れにしてもなんらかのカスタマイズが必要になるかと思います・・・。欲を言えばショートコードで縦型カードが選べられるように実装がされればいいのですが、、

恥ずかしながらタブ機能は知らなかったです。こちらは大いに参考させていただきます。

@sam さん

いま出先なので、詳しくみれないのですが、スニペットは、ショートコードでは表示できないんですよね。

需要は、ある程度はありそうな気もするのですが......

@sam さん

昨日調べていたら、スニペットをショートコードで表示できるようにと、PHPファイルをカスタマイズする記事を書いている方がおられましたので。

投稿者:: @sam

large_thumbを使うののでは、スニペットが出てこないので何れにしてもなんらかのカスタマイズが必要になるかと思います・・・。

snippetオプションは試してみられたのでしょうか。
https://wp-cocoon.com/new_list/
試してみた上で、表示されなかったのであれば不具合かもしれません。

トップページと新着記事ショートコードは、全く別機能なので同じ見た目にならないのはしょうがないかもしれません。
とはいえCSSである程度デザインを似せることはできるかと思います。

投稿者:: @sam

完成図としてはスニペットのある縦型カードがカテゴリ毎で二つ並ぶ（２カラムの状態）を想定しています。

というかこれは、フロントページタイプを「カテゴリごと」にして、「カテゴリーエントリーカード数」を2に変更するのではダメなのでしょうか。

@yhira さん

投稿者:: @yhira

snippetオプションは試してみられたのでしょうか。
https://wp-cocoon.com/new_list/
試してみた上で、表示されなかったのであれば不具合かもしれません。

これは、失礼しました。

ちゃんと、あったのですね。 ? 

出てまいりました。

その際「カードタイプ」設定も「縦型カード2例」にする必要があるかと思います。

@yhira さん

フロントページタイプ（β版）→カテゴリーごと

カードタイプ→縦型カード2列

の設定で以下の画像のようになりました。

スニペットの行数によって、各記事のコンテナの高さが変わるるみたいです。

やっぱり、フロントページタイプのデフォルトのデザインの方が整っているようにも感じます。

@sam さん

というようなことで、思い切りズッコケながらですが、何かしらの参考になりますでしょうか？

あとは、ご自身で試されることと思いますので・・

@yhira さん

至らぬ点をお助けいただき、ありがとうございます。

２カラムショートコードで、左右のエントリーカードの高さ揃える方法がないかとやってみました。

以下のコードで高さは揃うような気もします。(最初からスニペットのスペースの高さを指定しておく)

投稿日を挿入するショートコードオプションは無かった？ような・・（また、間違えてるかもしれません）

.widget-entry-card-snippet {
  height: 6em;
}

.widget-entry-cards.card-large-image .a-wrap {
  max-width: none;
}

この辺でやめときます。

記事タイトルが２行、３行という場合も想定しておかないとダメですね。 ? 

上記の案はボツっぽいです。 ? 

みなさま

ご教示ありがとうございます。

とりあえず教えていただいた方法で実践させていただきます。

変にカスタマイズしなくても、設定画面から色々できるんですね・・・完全に勉強不足でお伺いしてしまい申し訳ございませんでした…！