WordPress│Lazy Blocksのサンプルコード

  <!-- テキスト -->
  <h3>テキスト</h3>
  <p>
    <?php 
      if ( isset( $attributes['my_text'] ) && '' !== $attributes['my_text'] ) {
        echo nl2br( esc_html( $attributes['my_text'] ) );
      }
    ?>
  </p>

  <!-- テキストエリア -->
  <h3>テキストエリア</h3>
  <p>
    <?php 
      if ( isset( $attributes['my_textarea'] ) && '' !== $attributes['my_textarea'] ) {
        echo nl2br( esc_html( $attributes['my_textarea'] ) );
      }
    ?>
  </p>

  <!-- 数値 -->
  <h3>数値</h3>
  <p>
    <?php 
      if ( isset( $attributes['my_number'] ) ) {
        echo esc_html( $attributes['my_number'] );
      }
    ?>
  </p>

  <!-- 範囲 -->
  <h3>範囲</h3>
  <p>
    <?php 
      if ( isset( $attributes['my_range'] ) ) {
        echo esc_html( $attributes['my_range'] );
      }
    ?>
  </p>

  <!-- URL -->
  <h3>URL</h3>
  <p>
    <a href="<?php echo esc_url( $attributes['my_url'] ?? '' ); ?>">
      <?php echo esc_html( $attributes['my_url'] ?? '' ); ?>
    </a>
  </p>

  <!-- メールアドレス -->
  <h3>メールアドレス</h3>
  <p>
    <a href="<?php echo esc_url( 'mailto:' . ( $attributes['my_email'] ?? '' ) ); ?>">お問い合わせ</a>
  </p>

  <!-- パスワード -->
  <h3>パスワード</h3>
  <p>パスワードの値は公開しません。</p>

  <!-- 画像 -->
  <h3>画像</h3>
  <?php if ( isset( $attributes['my_image']['url'] ) ) : ?>
    <img src="<?php echo esc_url( $attributes['my_image']['url'] ); ?>" alt="<?php echo esc_attr( $attributes['my_image']['alt'] ?? '' ); ?>">
  <?php endif; ?>

  <!-- ギャラリー -->
  <h3>ギャラリー</h3>
  <?php if ( ! empty( $attributes['my_gallery'] ) && is_array( $attributes['my_gallery'] ) ) : ?>
    <?php foreach( $attributes['my_gallery'] as $image ): ?>
      <?php if ( is_array( $image ) && ! empty( $image['url'] ) ) : ?>
        <img src="<?php echo esc_url( $image['url'] ); ?>" alt="<?php echo esc_attr( $image['alt'] ?? '' ); ?>">
      <?php endif; ?>
    <?php endforeach; ?>
  <?php endif; ?>

  <!-- ファイル -->
  <h3>ファイル</h3>
  <?php if ( isset( $attributes['my_file']['url'] ) ) : ?>
    <audio src="<?php echo esc_url( $attributes['my_file']['url'] ); ?>" controls>
      お使いのブラウザは、オーディオ要素に対応していません。
    </audio>
  <?php endif; ?>

  <!-- リッチテキスト (WYSIWYG) -->
  <h3>リッチテキスト (WYSIWYG)</h3>
  <div>
    <?php echo wp_kses_post( $attributes['my_rich_text'] ?? '' ); ?>
  </div>

  <!-- クラシックエディター (WYSIWYG) -->
  <h3>クラシックエディター (WYSIWYG)</h3>
  <div>
    <?php echo wp_kses_post( $attributes['my_classic_editor'] ?? '' ); ?>
  </div>

  <!-- コードエディター -->
  <h3>コードエディター</h3>
  <pre>
<?php echo esc_html( $attributes['my_code'] ?? '' ); ?>
  </pre>

  <!-- 選択 -->
  <h3>選択</h3>
  <?php if ( isset( $attributes['my_select']['label'], $attributes['my_select']['value'] ) ) : ?>
      <p>ラベル: <?php echo esc_html( $attributes['my_select']['label'] ); ?></p>
      <p>値: <?php echo esc_html( $attributes['my_select']['value'] ); ?></p>
  <?php else : ?>
      <p>選択の値が正しく設定されていません。</p>
  <?php endif; ?>

  <!-- ラジオボタン -->
  <h3>ラジオボタン</h3>
  <?php if ( isset( $attributes['my_radio']['label'], $attributes['my_radio']['value'] ) ) : ?>
      <p>ラベル: <?php echo esc_html( $attributes['my_radio']['label'] ); ?></p>
      <p>値: <?php echo esc_html( $attributes['my_radio']['value'] ); ?></p>
  <?php else : ?>
      <p>ラジオボタンの値が正しく設定されていません。</p>
  <?php endif; ?>

  <!-- チェックボックス -->
  <h3>チェックボックス</h3>
  <?php if ( ! empty( $attributes['my_checkbox'] ) ) : ?>
    <p>値は「True」です</p>
  <?php else: ?>
    <p>値は「False」です</p>
  <?php endif; ?>

  <!-- 切り替え -->
  <h3>切り替え</h3>
  <?php if ( ! empty( $attributes['my_toggle'] ) ) : ?>
    <p>値は「True」です</p>
  <?php else: ?>
    <p>値は「False」です</p>
  <?php endif; ?>

  <!-- カラーピッカー -->
  <h3>カラーピッカー</h3>
  <?php
  $color_input = $attributes['my_color'] ?? '';
  $color = is_string( $color_input ) ? sanitize_hex_color( $color_input ) : null;
  ?>
  <p<?php if ( $color ) : ?> style="color: <?php echo esc_attr( $color ); ?>"<?php endif; ?>>
    ここにテキスト
  </p>

  <!-- 日時ピッカー -->
  <h3>日時ピッカー</h3>
  <?php
  $datetime_input = $attributes['my_datetime'] ?? '';
  $datetime_value = is_string( $datetime_input ) && '' !== trim( $datetime_input )
    ? strtotime( $datetime_input )
    : false;
  ?>
  <?php if ( false !== $datetime_value ) : ?>
    <p>日付と時刻: <?php echo esc_html( date_i18n( 'Y年n月j日 H:i', $datetime_value ) ); ?></p>
    <p>日付: <?php echo esc_html( date_i18n( 'Y年n月j日', $datetime_value ) ); ?></p>
    <p>時刻: <?php echo esc_html( date_i18n( 'H:i', $datetime_value ) ); ?></p>
  <?php else : ?>
    <p>日時が未入力、または読み取れない値です。</p>
  <?php endif; ?>

  <!-- 繰り返し -->
  <h3>繰り返し</h3>
  <?php if ( ! empty( $attributes['my_repeater'] ) && is_array( $attributes['my_repeater'] ) ) : ?>
    <?php foreach( $attributes['my_repeater'] as $inner ): ?>
      <p>
        <?php echo esc_html( is_array( $inner ) ? ( $inner['my_repeater_text'] ?? '' ) : '' ); ?>
      </p>
    <?php endforeach; ?>
  <?php endif; ?>

<div class="my-custom-block">
  <InnerBlocks />
</div>