loop.php

<div class="mt-5">
  <div class="row list">
    <?php if ( have_posts() ): while ( have_posts() ) : the_post();
      $post_id = get_the_ID();
    ?>
      <div class="col-sm-12 col-md-6 col-lg-4 list-item">

        <div class="card mb-3 w-100">
        <!-- article -->
        <?php
          $is_external = false;
          $link_url = get_post_meta( $post_id, 'resource_url', true );
          if ( empty( $link_url ) ){
            $link_url = get_post_permalink( $post_id );
          }
          else{
            $is_external = true;
          }

          if ( has_post_thumbnail() ){
            $post_thumbnail_url = get_the_post_thumbnail_url( $post_id, 'large' );
            $post_thumbnail_url_full = get_the_post_thumbnail_url( $post_id );

            $dominant_color  = get_post_meta( $post_id, 'dominant_color', true );
            $dominant_color_css = str_replace('[', 'background-color:rgb(', $dominant_color);
            $dominant_color_css = str_replace(']', ')', $dominant_color_css);
          ?>
            <div class="overflow-hidden" style="<?php echo $dominant_color_css; ?>">
              <a href="<?php echo $link_url; ?>" title="<?php  get_the_title(); ?>"> 
                <img loading="lazy" class="lazy-load card-img-top" src="<?php echo $post_thumbnail_url; ?>" data-src="<?php echo $post_thumbnail_url_full;  ?>" alt="<?php echo $related_bot->post_title; ?>">
              </a>
            </div>
          <?php } ?>
          <div class="card-body" id="post-<?php the_ID(); ?>">
            <h5 class="card-title"><a class="stretched-link" href="<?php echo $link_url; ?>" title="<?php get_the_title(); ?>"><?php the_title(); ?></a></h5>
            <p class="card-text">   
            <?php
              bw_excerpt( 'html5wp_index' );
              $post_type = get_post_type( $post_id );
              $post_meta = get_post_meta( $post_id );
            ?>
            <!-- post details -->
            <?php if ( is_home() || $post_type == 'tutorial' ){ 
              $post_date = get_the_time( 'F j, Y' );
              $post_date_full = $post_date . ' ' . get_the_time( 'g:i a' );
              $author_nickname = get_the_author_meta( 'nickname', $author_id );
              $profile_img_url = esc_attr( get_the_author_meta( 'profile-img-url', $author_id ) );

              if ( class_exists( 'Moment\Moment' ) ){
                $m = new \Moment\Moment( $post_date );
                $post_date_ago = $m->fromNow()->getRelative();
              } else {
                $post_date_ago = $post_date;
              }
            ?>
            </div>
            <div class="card-footer">
              <p class="text-muted mt-n2"><a href="<?php echo get_author_posts_url( $author_id, get_the_author_meta( 'user_nicename', $author_id ) ); ?>"><img width="22" height="22" loading="lazy" class="lazy-load u-photo rounded-circle mr-2" src="<?php echo $profile_img_url; ?>" data-src="<?php echo $profile_img_url; ?>" alt="$<?php echo $author_nickname; ?>"><?php echo $author_nickname; ?></a> | <span title="<?php echo $post_date; ?>"><?php echo $post_date_ago; ?></span></p>
            <?php } ?>
            <?php if ( $post_type === 'bot' ){ 

              $networks = get_the_terms( $post_id, 'network' );
              $network_names = [];

              if ( $networks ){
                $network_names = array_map( 'get_network_name', $networks );
              }

              $network_links = array();
              if ( $networks ){
                foreach ( $networks as $network ) {
                  $network_links[] = '<li class="list-inline-item"><span class="badge badge-secondary p-2 mb-2 text-bg-secondary">' . $network->name . '</span></li>';
                }
              }
            ?>
            </div>
            <div class="card-footer">
              <p class="text-muted mt-n2"><ul class="list-unstyled list-inline"><?php echo join( '', $network_links );?></ul></p>
            <?php } ?>
            </div>            
          </div>
        </div>
      <?php endwhile; ?>
  <?php else: ?>
    <!-- article -->
        <?php if ( !is_search() ){ ?>
          <div class="col-sm-12">
            <article>
              <h2><?php _e( 'Sorry, nothing to display.', 'botwiki' ); ?></h2>
            </article>
          </div>
        <?php } ?>
    <!-- /article -->
  <?php endif; ?>
  </div>
</div>