wordpress - 写真のように投稿するには？

Question

静的なthemplateから投稿を取得し、テーマのワードプレスに投稿して動的にします。

私は2つの要素を含む簡単な投稿を投稿する方法を知っています：

1. タイトルテキスト。

2. 段落テキスト。

しかし、私の場合、投稿のスタイルは単純な投稿とは異なります。

投稿テーマに変換したい静的コードhtml：

<section id="content">
    <div class="container_16">
        <div class="p10">
            <article class="grid_4">
                <h4>Honeymoons:</h4> 
                <div class="txt-1">Praesent vestibulum aenean Nonummy hendrerit mauris.</div>
                <p>Cum sociis natoque penatibus et magnis dis parturient montes ascetur ridiculus
                mus. Nulla dui. Fusce feugiat malesuada odio.</p> <a href="#" class="link-1">read more</a>
            </article>
            <article class="grid_4">
                <h4>Honeymoons:</h4> 
                <div class="txt-1">Praesent vestibulum aenean Nonummy hendrerit mauris.</div>
                <p>Cum sociis natoque penatibus et magnis dis parturient montes ascetur ridiculus
                mus. Nulla dui. Fusce feugiat malesuada odio.</p> <a href="#" class="link-1">read more</a>
            </article>
            <article class="grid_4">
                <h4>Honeymoons:</h4> 
                <div class="txt-1">Praesent vestibulum aenean Nonummy hendrerit mauris.</div>
                <p>Cum sociis natoque penatibus et magnis dis parturient montes ascetur ridiculus
                mus. Nulla dui. Fusce feugiat malesuada odio.</p> <a href="#" class="link-1">read more</a>
            </article>
        </div>
</section>

以下のコードでわかるように、タグhtmlを投稿に追加するにはどうすればよいですか？

1. <article class="grid_4">

2. <h4>here is the title:</h4>

3. <div class="txt-1">

4. <p>

スタイル：

どうもありがとう。

Answer 1

あなたの質問から、あなたは以下のコードのようなものを探していると思います。

<section id="content">
    <div class="container_16">
        <div class="p10">

        <?php if (have_posts()) : while (have_posts()) : the_post(); ?>     

            <article class="grid_4">


                    <h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>

                    <div class="txt-1"><?php the_excerpt(); ?></div>

                    <?php the_content(); ?>

                    <a href="<?php the_permalink(); ?>" class="link-1">read more</a>


            </article>

        <?php endwhile; endif; ?>

        </div>
    </div>
</section>      

それは確かにあなたが始めるのを助けるでしょう。</div>終了タグを省略していることに注意してください。

標準のWordpressループではなく、カスタムWP_Queryを確認することをお勧めします。これにより、ブログから最新の3つの投稿を取得したり、特定のカテゴリから投稿を取得したりできます。