はるさん

スマホからですので、あまり書けませんが、お許しください。

少しご要望と違うかも知れませんが。

サムネイルの大きなカードタイプに変更するというもの一案かと思います。

以下のCocoonのテーマ設定のページが参考になると思います。

エントリーカードの設定方法

https://wp-cocoon.com/index-entry-card-type/

エントリーカードのことかを思い、お答え致しました。

もし、ご質問と違った場合は、具体的にここだと分かるような画像の添付などをお願い致します。

@mk2_mk2 

mk2さんご回答ありがとうございます。設定での変更だと大きすぎるというところと、モバイル表示だと変わらないです。エントリーカードの画像の割合をもう少し高くしてモバイル表示させたいという要望です。

Cocoon設定>インデックス>カードタイプを「縦型カード2列」にして、「スマホ端末で縦型＆タイル型のエントリーカードを1カラムにする」にチェックを入れて、style.cssに以下を追記する感じだとご希望に沿いますか…？

@media screen and (max-width: 480px) {
  .ect-vertical-card .entry-card-wrap .entry-card-thumb {
    width: 50%;
    float: left;
  }
}

50%の部分は任意の大きさで。

ご回答ありがとうございます。

スタイルシートに書き込みを加えたのですが変更されないです。

もともと言語が書いてあったところをネットで調べて消してしまったことも関係しているのでしょうか？

@haruinoue

前略、はる（ゲストの方の） さん

フォーラム冒頭の案内にありますとおり、高速化設定を無効にして、環境情報を貼り付けていただければと思います。

なお、環境情報のサイト名の部分は削除いただいて構いません。

特に高速化設定が有効になっていると、正しいカスタマイズ方法が見つけにくいです。

ご協力をお願いします。

高速化設定を無効にするには

https://wp-cocoon.com/theme-trouble/

環境情報の取得方法

https://wp-cocoon.com/theme-report/

前略、はる（ゲストの方の） さん

あと、もう一つ、プラグインの「LiteSpeed Cache」を停止してくださいませ。

キャッシュが残っていると、キャシュを参照していしまうので、現状が反映されません。

はる（ゲストの方の） さん

スタイルシートに書き込みを加えたのですが変更されないです。

もともと言語が書いてあったところをネットで調べて消してしまったことも関係しているのでしょうか？

「50%」のところの「50」の数字が全角になっているから、コードが反映されないのだと推測します。

半角に修正するか、ご自分で手打ちせずに、はるさんの書かれたコードを、このフォーラムからコピー＆ペーストすれば反映されると思います。

@leafytree様

確認不足でお手を煩わせました！

ありがとうございます。かなり納得のいくものになってきました！

図々しくて大変申し訳ないのですが、関連記事のエントリーカードをpcでは2列でスマホでは1列でトップページと同じ大きさで出したいです。

はる（ゲストの方の） さん

図々しくて大変申し訳ないのですが、関連記事のエントリーカードをpcでは2列でスマホでは1列でトップページと同じ大きさで出したいです。

関連記事の表示タイプは、Cocoon設定の「投稿」タブで

・エントリーカード（デフォルト）
・ミニカード（推奨表示数：偶数）
・縦型カード3列（推奨表示数：6, 12, 18...）
・縦型カード4列（推奨表示数：4, 8, 12...）

の４種類を選択できるようになっています。

取得できるサムネイル画像は、縦型カード3列が一番大きいサイズですが、横幅が160pxのサムネイル画像となっているようです。

ですので、これを拡大表示させてしまうと、ピンボケの画像となってしまいます。

また、関連記事については、通常のエントリーカードと区別がつくように、サイズを分けたり、他にこのような記事もありますよ、という紹介なので、少ないスペースに数をならべることが一般的にも多いように思います。

そのような理由から、「縦型カード３列」での利用をオススメします。

また、フォーラムにご質問をされる際は、フォーラム冒頭の案内にありますとおり、高速化設定を無効にして、環境情報を貼り付けていただければと思います。

また、キャシュ系のプラグインをお使いの場合は、停止してくださるようお願いいたします。

はる（ゲストの方の） さん

それでも、なんとか おもい通りにカスタマイズしたい、という場合は、以下のプロの方に、ご希望のカスタマイズが可能かどうかや、料金などをたずねてみるのもいいかもしれません。

Cocoonカスタマイズを依頼するならば是非こちらに【Cocoon対応されている方々】

https://wp-cocoon.com/cocoon-custom/