記事一覧ページサムネイルのレイアウトについて

画像の通りになったら良いのであれば、entry-card.phpをいじらなくてもcssと場合によってはjQuery少々ぐらいでイケますよ。

タイトル
post-meta
画像 | ディスクリプション(抜粋)
記事を読む

こういう構成ですよね？
無いものを追加したり、cssに頼らず位置を変えたいのであればjQuery使ったり、phpファイルをイジる必要もあるかと思いますが、位置を変えたいだけならcssでたいていイケます。

で、おそらく誰もが利用できるような汎用的なスタイルではないかも知れないので(ウィジェットの関係やその他諸々の要因で)、サイトのアドレスをレス頂けたら、松本さん用にcssのサンプルを作ったりできます。

汎用的な書き方をした場合、ある方はうまく行かず、ある方はうまく行くというような場合が出る可能性があり、それらは現在の親・子style.css等のカスタマイズの内容やその他諸々の手の加え方の違いによって生じる問題です。

デフォルトの状態とかであれば、skinファイルを作って提供することも可能ですが、たいていは既に手を加えられている所にスタイルを変更することになるため、これら理由でサイトのアドレスを提示していただく方が何かと良いかと思います。

Hidekichiさん。迅速な対応ありがとうございます。

私のためにサンプルを作って頂けるとはとても有難いです。
が、まだまだ作成途中のサイトで恥ずかしいのですが・・・

こちらに載せたアドレスは後で消す事はできないですかね？

ここに投稿した内容は個人的には削除・編集等ができないので、デフォルトのstyle.cssを元に作ってみました。寝ログのリスト表示を利用してます。

サンプル: トップリストのカスタマイズ | codepen

色々なアプローチがあるのですが、.entry-thumbがちょっとアレだったのでjQueryによって.entry-card-contentの中に入れてます。このjQueryはまんま子テーマjavascript.jsに入れることでhtmlの構造を前述内容に変更します。
デフォルトのスタイルで必要のない部分、問題となる部分は打ち消すスタイルを少し書いてます。

codepenのcss欄はscssで書いてあります。
view compiledボタンを押すことによりcssが出力できますので、利用する場合はcssを利用して下さい。
cssのflexにより、それぞれの部位の並びを変更していたりしてます。これらはscssからcssにコンパイルすれば自動的にベンダープレフィックスが付与されます。
また、各部位の並び順はcssのorderにて設定してあります。これらを変更することにより、画像を右側にしたり色々と変更することができます。ただし、それに伴ってスタイルが崩れるような場合は再調整が必要です。

スマホやタブレットに対しては特別何も考慮していないので、メディアクエリ等を利用して別途スタイルの調整をする必要があります。

画像の位置、あるいはサイズ等の調整などが必要かと思います。

念の為、css先頭あたりにメディアクエリ用のscssを入れておきました。
使い方等はうちの記事でアレですけど SASS(SCSS)を利用する メディアクエリのアイデア等を参考までに。

scssはそのままstyle.cssに書いても動作しません。必ずcssを利用して下さい。
codepen上で色々といじくって、良い感じになったスタイルをview compiledからcssにして自身のstyle.cssに適用されるのが良いかと思います。