WPカスタムポストタイプのエリアを定義する

Question

うまくいけば私の説明は明確になります！

私は基本的にポートフォリオ作業の領域を表示しようとしています。私はWordpressでカスタムの投稿タイプを作成しました。私はそれをfront-page.phpに持っていきたいと思います。私は作業を表示したい場所を指定しました（see image）。 濃い灰色の部分は、ポートフォリオ品目のみを配置したい場所です。各灰色の領域は、私は、カスタムポストタイプで引っ張って、このスクリプトを使用しています1ポートフォリオ品目

を示すべきである：

<?php 
$args = array('post_type' => 'Portfolio', 'posts_per_page' => 4); 
    $loop = new WP_Query($args); 
     while ($loop->have_posts()) : $loop->the_post(); 
echo '<div class="home-recent-thumb">'; the_post_thumbnail(); echo '</div>'; 
echo '<div class="home-recent-title">'; the_title(); echo '</div>'; 
echo '<div class="home-recent-copy">'; the_excerpt(); echo '</div>'; 
endwhile; 
?> 

それは内部の4つのポストを示しているので、私はPHPでエリアを指定するにはどうすればよいです正しい要素ですか？

Answer 1

あなたのレイアウトは必ずしも伝統的な「ループ」機能には役立たないということです。つまり、結果をお互いに並べるのではなく、外部の図書館（石工や同位体など）私はちょうど4つの正方形のそれぞれについて個別の質問をするでしょう。最初のカスタムポストタイプの広場

- それは希望：

あなたのオフセットが増加し続ける

$query = new WP_Query('post_type' => 'Portfolio', 'posts_per_page' => 1, 'offset=1'); 

：

$query = new WP_Query('post_type' => 'Portfolio', 'posts_per_page' => 1); 

と（n番目の）第二は次のようになります。私の心の中では、これは引き続きダイナミックなままであり、4つのポストのために十分単純です。他の四角との追加ロジックのちょうど束にジャンプしてください。

Answer 2

<?php 
$portfolioPosts = get_posts([ 
    'post_type' => 'Portfolio', 
    'posts_per_page' => 4 
]); 
//first section 
?> 
<div class="home-recent-thumb"><?php the_post_thumbnail($portfolioPosts[0]->ID); ?></div> 
<div class="home-recent-title"><?php echo $portfolioPosts[0]->post_title ?></div> 
<div class="home-recent-copy"><?php echo $portfolioPosts[0]->post_excerpt; ?></div> 
<?php 
//later in code 
//second section 
?> 
<div class="home-recent-thumb"><?php the_post_thumbnail($portfolioPosts[1]->ID); ?></div> 
<div class="home-recent-title"><?php echo $portfolioPosts[1]->post_title ?></div> 
<div class="home-recent-copy"><?php echo $portfolioPosts[1]->post_excerpt; ?></div> 
//et cetera