WordPressの投稿がhtmlグリッドを台無しにする

Question

私はWordPressの投稿を毎回私の3列のHTMLグリッドが完全にねじれている（物事は左に浮かんでいて、グリッドには要素があるはずです）。しかし、ポストし、グリッドが正確にどのように書式設定されているページを更新します。私はしかし、再び、私は、グリッドが細かいつのポストことを削除するときの基盤を使用しています

<div id="howTo" class="howTo"> 
     <div class="small-12 columns mainWrap"> 
      <h1 class="text-center"><span class="cb-howTo"></span>Skills</h1> 
      <?php $loop = new WP_Query(array('order' => 'asc', 'category_name' => 'des-skill')); ?> 
      <?php if (have_posts()) : while ($loop->have_posts()) : $loop->the_post(); ?> 
       <a href="<?php the_permalink(); ?>"> 
        <div class="small-12 medium-4 columns article"> 
         <div class="articleImgWrap dzsparallaxer auto-init use-loading" data-options='{ direction: "normal" }' role="banner"> 
          <div class="articleImg dzsparallaxer--target" style="background-image: url('<?php echo wp_get_attachment_url(get_post_thumbnail_id($post->ID)); ?>');"></div> 
          <div class="imgOverlay"> 
           <h4 class="text-center articleHead"><?php the_title(); ?></h4> 
          </div> 
         </div> 
         <div class="excerpt"><?php echo get_the_excerpt(); ?></div> 
        </div> 
       </a> 
      <?php endwhile; // end of the loop. ?> 
      <?php endif; ?> 
     </div> 
    </div> 

：

は、ここでの主なループです。

Answer 1

問題はWordPressが<のような文字を見て、投稿のタイトルでhtml要素の一部を開閉すると思うということです。だから、私が考えているのは、ループの中であなたのhtml要素を途中で閉じることです。投稿のタイトルから「>」を削除し、グリッドの問題が修正されているかどうかを確認してください。