サムネイル大の設定について

> 記事一覧（エントリーカード）の際にサムネイル大を
> 導入した時に、抜粋が40字しか表示されず

サムネイル大の場合.entry-snippetにheightが入るようになっているので抜粋部分を増やしたとしてもおそらくはその高さまでしか表示されません。抜粋が短いアイテムと長いアイテムの高さの差を気にしないのであれば、子テーマstyle.cssで、

.entry-snippet {
  height: auto !important;
}

などとして、カスタマイザーの設定が上書きしないようにすればよいのではなかろうかと思います。

> エントリーカードの一番下のに投稿日を貼り付けたい

これは投稿日だけですか？それともpost-meta部全部ですかね？

なるほどー、そうなのですね。。。ありがとうございます。

投稿日だけです。それって可能でしょうか？

あと、エントリーカードの縦の幅を縮める方法も知りたいです。。。

何度も何度もすいません！！(＞人＜;)

いっそのこと、デフォルトのリストスタイルをcssで2列にした方が色々できるかも。

サンプル: 例えばのサンプル | codepen

あー…..なるほど…。
できればサムネイル大のままが望ましいのですが…。

エントリーカードの縮尺を変えることだけでも可能でしょうか？

> エントリーカードの縮尺を変えることだけでも可能でしょうか？

これは縦のサイズですかね？
僕がいじった所、高さは380pxぐらいがギリでしょうか。もちろん記事タイトルや中身の文字を小さくしたり、画像自体をもう少し小さくすればもう少しイケると思いますが、ここを間違うとサムネイル大の場合はその構造上レイアウトが崩れます。

サンプルで書いたflexであれば各アイテムを自動で高さ調整するので高い所に低い部分が合うと言うことでレイアウトは崩れませんが、floatの場合は高さが低い所にその後のアイテムが詰め込まれて無駄にスペースが空いたりしたりするわけです。
デベロッパーツールでいじればそれがどういうことかは理解してもらえると思いますが、まぁ「どうやったら直るんだこれ？」状態になるかと思います。

サンプルをサムネイル大と見た目同じようにすることはできると思いますが、最終的に高さをなるべく無くしたいと考えた場合、記事タイトルを画像に重ねたり、記事タイトルはそのままでマウスオーバーしたら画像部分に抜粋が表示されたりと言うようなことをすればより高さは削れます。

最終的にこうなってほしいと言うような形が明確にあれば、それを書いてもらったらそれらしいことは色々試してみますけれども。

そうですね、縦のサイズです。
こうなってほしい、というか、http://o3-web.com/category/wordpress/
この方のサイトのように下の余白部分を狭くして、小さくしたい、というのが希望です。
この方のエントリーカードが理想なのですが、出来ますでしょうか？

サンプルをアップデートしました。

これ以上縦幅を狭めるためには画像をもう少し縦サイズを縮める必要があるかと思います。

おおおお！！
すごいです！
わざわざご丁寧にありがとうございます！！m(_ _)m

cssだけだと、画像の高さが拾えないので.entryの上部にentry-snippetが表示されるようにサンプルを変更しました。
テキストの文字数は同じでもアルファベットが多用してある場合と、日本語だけの場合では等幅フォントでもない限り高さを合わせることが困難です。半角文字と全角文字の混合状態のため。

例)
Simplicity
Ｓｉｍｐｌｉｃｉｔｙ

このように幅が変わります。幅が変わると言うことは高さも変わるわけです。これを何とかするためには、その文字が半角文字の場合は2つで全角1文字分という処理を抜粋する時にせねばならず、半角が偶数なら良いですが奇数になった場合はやはり微妙な幅の違いができてしまう場合があります。これはとても面倒な処理なので、リンク先のサイトのようにするためには、px固定でデザインするか、jQueryの利用が必須になるかと思います。

jQueryを利用して画像の高さがわかれば、そのセンターあるいは画像全体を覆うように設定できると思います。
pxで固定した場合もその固定した高さで覆うこともできるんですけれども、flexの場合は勝手にレスポンシブになるためjQuery無しでは高さを完全に合わせることができません。
ここらはもっと緻密に計算すれば可能かと思いますが、現状では画像を覆うようにするためにはjQueryが必要かと思います。
また、その画像を覆った場合に、そのセンターに文字を持ってくる場合はentry-snippetの中にもう一つテキストを囲む要素がある方が良いのでここらもjQueryが必要になってしまいます。

完全再現するためには、jQueryを使うか親テーマの元のhtmlを改造するかが必要で、デフォルトが書き出すhtmlをcssだけでいろいろするにはサンプルが限度かと思います。

フォントをレスポンシブにすると言う方法もあるかも知れませんね。
これは僕も勉強中です。

なるほど….（あんまりわかってない）
jQueryまで引っ張ってこなければならない、というわけですか…。
自分も精進します！
ありがとうございました！