テンプレートタグに直接classを付与したいです。

現在、自作htmlをwordpress化し、テンプレートタグでの出力で悩んでいるものです。

<?php
              $args = array(
                'post_type' => 'first_kiji',  //カスタム投稿タイプ名
                'posts_per_page' => 1, // 表示件数
                'paged' => $paged,
              );
            ?>
            <?php $myposts = new WP_Query($args);
              if($myposts->have_posts()): while($myposts->have_posts()): $myposts->the_post(); $c = get_post_custom(); 
      ?>
      <div class="fv_wrapper">
            <?php
            $pic = get_field('first_gazou');
            $pic_url = $pic['url'];
            ?>
        <img src="<?php echo $pic_url; ?>" alt="山">
        <div class="fv_text">
          <?php the_title('<h2>','</h2>'); ?>
          <p class="fv_text01"><?php the_time('Y.m.d');?></p>
          <p class="fv_text02"><?php the_content(); ?></p>
        </div>
      </div>
      <?php endwhile; endif;?>

以上のコードの中の

<p class="fv_text02"><?php the_content(); ?></p>

というふうに記述をしたのですが
ブラウザ画面を見ると


「これはtopページのサンプルです」、という言葉がfv_text02のpタグに
囲まれておらず、別でpタグに囲まれたまま弾き出されているのです。
divタグで囲むとちゃんと囲まれてくれるのですが、そうするとfv_text02のdivタグの中にpタグが入るという
構造になります。そうするとcssの部分を書き直さなくてはいけないのです。

<?php the_content(); ?>

というテンプレートタグに、fv_text02というクラスを直接付与たいのですが、どう対処すればよろしいのでしょうか。わかりづらい説明文で恐縮です。教えていただけると嬉しいです。よろしくお願いいたします。

tabuu

2021/05/10 00:34

pタグは入れ子にできませんが最終的にどのようなHTMLにされたいのでしょうか？

tooju

2021/05/10 05:46

ありがとうございます！はい、<?php the_content(); ?>を記述することで、pタグに囲まれた文章が自動的に生成されるというところまではいいのですが、それと一緒に、この、<?php the_content(); ?>を記述することで生成されたpタグに対してclassを付与し、文章幅を調整したいのです！