記事一覧のアイキャッチ画像がない場合について
記事一覧のアイキャッチ画像がない場合について
- このトピックには6件の返信、2人の参加者があり、最後に
により5年、 9ヶ月前に更新されました。
7件の投稿を表示中 - 1 - 7件目 (全7件中)
-
投稿
-
記事一覧（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; }どのように改変すればよいでしょうか？
記事一覧に画像がない場合でもそれなりの統一感をもたせたかったので質問を差し上げました。
すみません。
もしくは、アイキャッチ画像がある場合に下記のスタイルを適用したい場合
については下記のスタイルを適用することで解決できました。
.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; }子テーマに 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>ありがとうございます。
LTGコンテンツエリア投稿ウィジェットでもmodule_loop_post.phpの設定が利くことが理解できました。では、VK最新記事ウィジェットで同様のことを行いたい場合はどのようにすればよろしいでしょうか？
それとも新たにトピックを立て直したほうがよろしいでしょうか？VK 最新記事ウィジェットですか…うーむ…
ちょっと実装検討しますのでまた近日進捗しますね。ウィジェットでデフォルトのサムネイル画像を登録する機能を実装しました。
次回リリースまで今しばらくお待ちください。
7件の投稿を表示中 - 1 - 7件目 (全7件中)
- このトピックに返信するにはログインが必要です。
