記事一覧のアイキャッチ画像がない場合について

[DRILL LANCER]

記事一覧（LTGコンテンツエリア投稿ウィジェットを含む）で
アイキャッチ画像がない場合でもアイキャッチ画像がない時用の画像を用意した上で
画像と日付/カテゴリ/タイトル/抜粋を横並びにすることはできますか？

もしくは、アイキャッチ画像がある場合に下記のスタイルを適用したい場合

.subSection .media{ padding:0px; margin: 0px;}
.subSection .media > div{display:flex; display: flex; padding:10px 0; align-items: center; vertical-align:middle;}
.subSection .media .postList_thumbnail{ width:23%; margin-left:5px; margin-right:5px; padding:0px; margin-bottom:0px;}
.subSection .media-body{ width:73%; margin-left:10px; margin-right:10px; }
.subSection .media-body_excerpt{ display: none; }

どのように改変すればよいでしょうか？

記事一覧に画像がない場合でもそれなりの統一感をもたせたかったので質問を差し上げました。

[DRILL LANCER]

すみません。

もしくは、アイキャッチ画像がある場合に下記のスタイルを適用したい場合

については下記のスタイルを適用することで解決できました。

.subSection .media{ padding:0px; margin: 0px;}
.subSection .media > div{display:flex; display: flex; padding:10px 0; align-items: center; vertical-align:middle;}
.subSection .media .postList_thumbnail{ width:60px; margin-left:5px; margin-right:5px; padding:0px; margin-bottom:0px;}
.subSection .media-body{ flex:1; margin-left:10px; margin-right:10px; }
.subSection .media-body_excerpt{ display: none; }

[石川＠Vektor,Inc.]

子テーマに module_loop_post.php を複製して以下のように改変してしまうのが手っ取り早いとは思います。

<article class="media">
<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

	<div class="media-left postList_thumbnail">
		<a href="<?php the_permalink(); ?>">
		<?php if ( has_post_thumbnail() ) { ?>
			<?php
			$attr = array( 'class' => 'media-object' );
			the_post_thumbnail( 'thumbnail', $attr );
			?>
		<?php } else { ?>
			<img src="<?php echo get_stylesheet_directory_uri(); ?>/images/no-image.png" alt="NO IMAGE" />
		<?php } ?>
		</a>
	</div>

	<div class="media-body">
		<?php get_template_part( 'module_loop_post_meta' ); ?>
		<h1 class="media-heading entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>
		<a href="<?php the_permalink(); ?>" class="media-body_excerpt"><?php the_excerpt(); ?></a>
		<!--
		<div><a href="<?php the_permalink(); ?>" class="btn btn-default btn-sm"><?php _e( 'Read more', 'lightning' ); ?></a></div>
		-->
	</div>
</div>
</article>

[DRILL LANCER]

ありがとうございます。
LTGコンテンツエリア投稿ウィジェットでもmodule_loop_post.phpの設定が利くことが理解できました。

では、VK最新記事ウィジェットで同様のことを行いたい場合はどのようにすればよろしいでしょうか？
それとも新たにトピックを立て直したほうがよろしいでしょうか？

[石川＠Vektor,Inc.]

VK 最新記事ウィジェットですか…うーむ…
ちょっと実装検討しますのでまた近日進捗しますね。

[石川＠Vektor,Inc.]

ウィジェットでデフォルトのサムネイル画像を登録する機能を実装しました。
次回リリースまで今しばらくお待ちください。

https://github.com/vektor-inc/VK-All-in-One-Expansion-Unit/commit/251d78e112ca9412ef344324703b69402b488369

[DRILL LANCER]

反映されているのを確認しました。
ご対応ありがとうございました。

[投稿者]

投稿