Wordpres アーカイブで、投稿記事内容の一部を表示

Question

現在以下のサイトのようにアーカイブ又はカテゴリで、はアイキャッチとコンテンツ内容の一部を表示
させ、リンク先では、動画＋文章の表示をする場合の方法がわかりません。
http://vivivi-campaign.com/movie/
カテゴリなどで、<?php the_content(); ?>としてしまう場合、投稿内容に動画も含まれている場合、動画の画面も一緒に出力されてしまいます。

Answer 1

Web iconを読み込ませて

<div class="video">
<p><img src"./imges/hoge.jpg"></p>
<i class="far fa-play-circle"></i>
</div>

.video {
  position: relative;
  }

.video .far {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  }