投稿内容を表示（ワードプレス）をクリックするとdiv（上記）

Question

私は3列の行を持っています。そのうちの1つには最近の3つの投稿でmini_post_listが表示されています。

ミニポストのタイトルをクリックすると投稿内容全体を表示します。 どこを変更しますか？

<ul class="mini-posts-list "> 
<li class="mini-post-holder clearfix list-item-0"> 
    <div class="mini-post-content"> 
     <h4> 
      <a href="http://linktopost1" title="Title">THE TITLE</a> 
     </h4> 
     <div class="mini-post-meta"> 
      <time datetime="2016-04-18T08:12:51"><span>April 18, 2016</span></time> 
     </div> 
     <div class="excerpt">lorum lorum lorum lorum lorum ipsum…</div> 
    </div> 
</li> 
<li class="mini-post-holder clearfix list-item-1"> 
    <div class="mini-post-content"> 
     <h4> 
      <a href="http://linktopost2" title="Title2">THE TITLE2</a> 
     </h4> 
     <div class="mini-post-meta"> 
      <time datetime="2015-09-09T20:28:57"> 
       <span>September 9, 2015</span> 
      </time> 
     </div> 
     <div class="excerpt">lorum lorum lorum lorum lorum ipsum…dfsdafasdfasdf</div> 
    </div> 
</li> 

i「はhttp://linktopost1」をクリックしたときに、全体のポストコンテンツがポップアップ上または上のdivに表示されます。感謝！ ありがとう！

Answer 1

タイトルにonclickイベントを追加し、このonclickによってトリガされるjavascript関数を追加できます。この関数は、ポップアップを作成するか、HTMLにdivを追加する必要があります。どのタイトルを表示するかを知るには、タイトルごとにユニークなIDを付ける方がよいでしょう。