<?php
  $icon = get_field('icon', $p->id);
  $iconurl = wp_get_attachment_image_src($icon, 'icon');
?>
<article class="table_article m_article_budo" alt="<?php the_permalink($p->id); ?>">
  <a href="<?php the_permalink($p->id) ?>">
    <div class="cover-outer">
      <div class="cover m-outer-cover">
        <?php if($iconurl){ ?>
          <img src="<?php echo $iconurl[0]; ?>" alt="">
        <?php } else { ?>
          <img src="<?= home_url() ?>/assets/images/dummyicon.jpg" alt="SAMURAI WARRIOR">
        <?php } ?>
      </div>
    </div>
    <div class="cnt">
      <p class="name"><?php the_field('name',$p->id); ?></p>
      <h1>
        <?php if(mb_strlen($p->title)>20) {
          $title= mb_substr($p->title,0,20);
          echo $title.'...';
        } else {
          echo $p->title;
        }?>
      </h1>
    </div>
  </a>
</article>