開発者ガイド: ブロックのHTMLをカスタマイズする方法

仕組み

通常、CMSはデフォルトのHTML（Tailwindクラス付き）を出力します。
しかし、テーマフォルダ内に特定のファイルを置くことで、その出力を上書きできます。

theme/
  └── {your_theme}/
      └── blocks/
          ├── button.php   <-- Overrides 'Button' block
          ├── card.php     <-- Overrides 'Card' block
          └── ...          <-- Any block type name

実装例 (button.php)

例えば、Bootstrapのクラスを使ったボタンに変更したい場合、`theme/{theme}/blocks/button.php` を作成して以下のように記述します。

<?php
// Available variables: $data, $text, $url, $color, etc.

$btnClass = ($color === 'primary') ? 'btn-primary' : 'btn-secondary';
?>

<div class="text-center my-4">
  <a href="<?= $url ?>" class="btn <?= $btnClass ?> btn-lg shadow">
    <?= $text ?>
  </a>
</div>

このように、PHPファイルを作成するだけで、直感的にHTMLをコントロールできます。ロジック（functions.php）を編集する必要はありません。