私は 'portfolio'という名前のカスタム投稿型を作成しましたが、2列3列のループを作成し、高度なカスタムフィールドを使って画像をアップロードしようとしていますが、次のコードに何を追加するのか分かりませんそれを実現させる。Bootstrap Girdのカスタム投稿タイプの操作方法Wordpressのループですか?
まず
私のステップ:私は、ポートフォリオページから来ているカスタムポストタイプを生成します。
2番目:以前のプロジェクトをポートフォリオページにアップロードしたとき。以前の8つのサンプルをホームページにループしたいだけです。
3番目:2列のグリッド最も前の投稿のみを表示します。しかし、3列のグリッド私はあまり以前の投稿を表示したいです。私は正しくブートストラップ4グリッドをやっています。
ここでは、現在、私のために動作しませんコードです。ポートフォリオページに画像をアップロードすると、ホームページに表示されません。
<!-- recent work -->
<div class="old-portfolio recent_work">
<div class="container-fluid text-center">
<div class="row">
<?php
$alter_args = new WP_Query(array('numberposts' => 8,'orderby' => 'post_date','post_type' => 'portfolio','suppress_filters' => true));
if ($alter_args->have_posts()) : while ($alter_args->have_posts()) : $alter_args->the_post(); ?>
<div class="portfolio-work col-xs-12 col-md-6 col-lg-12">
<a href="<?php the_field('portfolio_image'); ?>" data-lightbox="placeholder-image">
<img class="" src="<?php the_field('portfolio_image'); ?>"/>
</a>
<li class="portfolio-item">
<h3><?php the_title(); ?></h3>
</li>
</div>
</div>
<div class="row">
<div class="portfolio-work col-md-4">
<a href="<?php the_field('portfolio_image'); ?>" data-lightbox="placeholder-image">
<img class="" src="<?php the_field('portfolio_image'); ?>"/>
</a>
<li class="portfolio-item">
<h3><?php the_title(); ?></h>
</li>
<?php endwhile; ?>
</div>
<?php endif; ?>
</div>
</div>
</div>
<!-- recent work -->
を追加するよう
col-md-6
クラスとcol-md-4
クラスを持っている残りの部分を持っている最初の2つの項目を設定したいあなたはうまく説明、ありがとうございます! –