如何在前端设置自定义帖子类型

时间:2019-03-26 11:38:41

标签: wordpress loops post types

刚开始学习单词新闻和自定义帖子类型。我可以创建一个并添加字段。问题是在前端部分调用它们。我设法动态地做了一些简单的文章,但是现在我遇到了我无法解决的问题,所以我在这里寻求帮助。

首先,我的目标是使所有按钮循环并在其中扩展文本。但是我的代码有点奇怪,因为第一个按钮带有标记,而其他按钮带有标记。因此,我决定不浪费时间,因为我希望能够从WP仪表板更改的最重要部分是第3个按钮扩展(列表和内部的文本)。

我尝试使用以下代码: 但它会在第一个按钮内创建帖子。我只需要3个帖子(扩展文本),最后一个是动态的。我觉得我已经接近了,但我无法到达那里。

<div class="row">
  <div class="col-lg-4 col-xm-12">
    <div class="collapse multi-collapse" id="multiCollapseExample1">
      <div class="card card-body">
        <?php
        $args = array( 'post_type' => 'paslaugos' );
        $loop = new WP_Query( $args );
        while ( $loop->have_posts() ) : $loop->the_post(); ?>
        <h4 class="d-flex justify-content-center"><?php the_field( 'paslaugos1_text' ); ?></h4>
        <ul class="kinas-teatras">
          <li>scenarijaus rašymas</li>
          <li>scenarijaus rašymas komandoje
          (co-writing)</li>
          <li>scenarijaus traktuotės (treatment), sinopsio ir kitų tekstų rašymas</li>
          <li>scenarijaus redagavimas (script editing)</li>
          <li>giluminė scenarijaus analizė ir
          “gydymo” paslaugos (script doctor</li>
          <li>individualios/ kolektyvinės konsultacijos</li>
        </ul>
        <?php endwhile; $loop->reset_postdata(); ?>
      </div>
    </div>
  </div>
  <div class="container">
    <br>
  </div>
</div>
</div>

我的html代码:

 <div class="container">
  <h2 id="Paslaugos" class="d-flex justify-content-center">Paslaugos</h2>
<div class="row">
  <div class="col-lg-4 col-xm-12">
<p>
  <a class="btn mygtukai" data-toggle="collapse" href="#multiCollapseExample1" role="button" aria-expanded="false" aria-controls="multiCollapseExample1">KINAS, TEATRAS</a>
</div>
<div class="col-lg-4 col-xm-12">
  <button class="btn mygtukai" type="button" data-toggle="collapse" data-target="#multiCollapseExample2" aria-expanded="false" aria-controls="multiCollapseExample2">REKLAMOS, TV IR KITA</button>
</div>
<div class="col-lg-4 col-xm-12">

  <button class="btn mygtukai" type="button" data-toggle="collapse" data-target="#multiCollapseExample3" aria-expanded="false" aria-controls="multiCollapseExample3">EDUKACIJA</button>
</div>
</div>
</div>
</p>
<div class="row">
  <div class="col-lg-4 col-xm-12">
    <div class="collapse multi-collapse" id="multiCollapseExample1">
      <div class="card card-body">
        <h4 class="d-flex justify-content-center">KINAS, TEATRAS</h4>
        <ul class="kinas-teatras">
          <li>scenarijaus rašymas</li>
          <li>scenarijaus rašymas komandoje
          (co-writing)</li>
          <li>scenarijaus traktuotės (treatment), sinopsio ir kitų tekstų rašymas</li>
          <li>scenarijaus redagavimas (script editing)</li>
          <li>giluminė scenarijaus analizė ir
          “gydymo” paslaugos (script doctor</li>
          <li>individualios/ kolektyvinės konsultacijos</li>
        </ul>

      </div>
    </div>
  </div>
  <div class="col-lg-4 col-xm-12">
    <div class="collapse multi-collapse" id="multiCollapseExample2">
      <div class="card card-body">
        <h4 class="d-flex justify-content-center">REKLAMOS, TV IR KITA</h4>
        <ul class="TV">
          <li>idėjų ir koncepcijų generavimas</li>
          <li>scenarijų rašymas</li>
          <li>tekstų rašymas</li>
        </ul>
      </div>
    </div>
  </div>
  <div class="col-lg-4 col-xm-12">
    <div class="collapse multi-collapse" id="multiCollapseExample3">
      <div class="card card-body">
        <h4 class="d-flex justify-content-center">EDUKACIJA</h4>
        <ul class="edukacija">
          <li>kūrybinio rašymo kursai</li>
          <li>scenarijaus rašymo kursai</li>
        </ul>
        <p class="pp">Teikiame rašymo paslaugas ir konsultacijas. Dirbame individualiai ir komandoje.</p>
        <p class="pp">Kviečiame mokytis pasakoti istorijas mūsų autorių
      organizuojamuose kūrybinio rašymo ir scenarijaus kūrimo
      kursuose.</p>
      <p class="pp">Kūrybinius užsiėmimus galime organizuoti ir pagal
      individualius užsakymus.</p>
      <p class="pp">Artimiausi kūrybinio rašymo kursai numatomi 2019 m. kovo mėnesį,
      daugiau informacijos FB puslapyje.</p>
      </div>
    </div>
  </div>
  <div class="container">

    <br>
  </div>
</div>
</div>

1 个答案:

答案 0 :(得分:0)

如果我正确阅读了您的问题,则可能只需要在循环中移动类为<div>的{​​{1}},以便代码为查询中的每个帖子输出一个卡片元素。

card