VWSとは フォーラム Lightning 記事一覧のアイキャッチ画像がない場合について

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

このトピックには6件の返信が含まれ、2人の参加者がいます。9 ヶ月前 RICK さんが最後の更新を行いました。

7件の投稿を表示中 - 1 - 7件目 (全7件中)
  • 投稿者
    投稿
  • #14858

    RICK
    参加者

    記事一覧(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; }
    

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

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

    #14859

    RICK
    参加者

    すみません。

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

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

    .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; }
    #14900

    kurudrive
    キーマスター

    子テーマに 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>
    #14909

    RICK
    参加者

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

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

    #14923

    kurudrive
    キーマスター

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

    #14966

    kurudrive
    キーマスター

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

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

    #14987

    RICK
    参加者

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

7件の投稿を表示中 - 1 - 7件目 (全7件中)

このトピックに返信するにはログインが必要です。