HTMLをそのまま表示する

コードブロックを使う

　HTMLをそのままブロック内に記述するとHTMLタグとして扱われ、配置等がくずれる。
　HTMLを原稿としてそのまま表示する場合は、コードブロックを使用する。

<pre class="wp-block-code"><code>&lt;?php get_header(); ?>
&lt;div class="container">
&lt;main>

　<pre><code>が追加される。

　　

　

<?php get_header(); ?>
<div class="container">
<main>
<?php while (have_posts()): the_post(); ?>
<h2>投稿</h2>
<?php //子カテゴリーの取得　function.php への追加文あり。「中文学校」の場合カスタムフィールドを使用する。
  $descends = get_term_descendants();
  if ( $descends ){
    foreach ( $descends as $descend ){
      $descends_category = $descend;
    }
  }
  $descendsName = $descends_category->name;
  $descendsSlug = $descends_category->slug;
  $descendstId = $descends_category->term_taxonomy_id;//category ID
  $descendstParentId = $descends_category->parent;
 ?>
<time datetime="<?php the_time('Y-m-d'); ?>"><?php the_time('Y年m月d日'); ?></time>
<?php the_category(' '); ?>
&emsp;
<?php endwhile; ?>
<?php print_r($wp-query); ?>
</main>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

【第110話】ワードプレスの記事にHTMLコードを表示させる方法→グーテンベルグ対応 | びるぶろ (buildingblock.jp)