• バージョン
• ダウンロード 1
• ファイルサイズ 10.40 KB
• ファイル数 1
• 投稿日 2025年7月29日
• 最終更新日時 2025年7月29日

WordPressの「カスタムHTML」ブロックで高機能四柱推命ツールを5分で設置する方法

WordPressサイトに専門的な機能を追加したいけれど、プログラミングは難しそう...そんな悩みを解決するのが「カスタムHTML」ブロックです。今回は、Neo Bazi Solutionsの四柱推命APIを例に、コピー＆ペーストだけで高機能ツールを設置する方法をご紹介します。

「カスタムHTML」ブロックとは？

WordPressのブロックエディター（Gutenberg）に標準搭載されている機能で、HTMLコードを直接貼り付けることができる便利なブロックです。

主な特徴

• プログラミング知識不要：コードをコピー＆ペーストするだけ
• 即座に反映：保存するとすぐにWebサイトに表示
• レスポンシブ対応：PC・タブレット・スマホすべてで動作
• カスタマイズ可能：CSS編集でデザイン調整も可能

実際の設置手順（5分で完了）

ステップ1: コードをダウンロード

1. 「カスタムHTMLコードをダウンロード」をクリック
2. ZipファイルをPCに保存・展開

ステップ2: WordPressに設置

1. WordPress管理画面にログイン
2. 「投稿」または「固定ページ」→「新規追加」をクリック
3. 左上の「+」ボタンから「カスタムHTML」ブロックを選択
4. ダウンロードしたHTMLコードをコピー
5. カスタムHTMLブロックに貼り付け

ステップ3: APIキーを設定

<!-- コード内のAPI_KEY部分を実際のキーに置き換え -->
<script>
const API_KEY = 'YOUR_API_KEY_HERE'; // ←ここを変更
</script>

ステップ4: 公開・確認

1. 「公開」ボタンをクリック
2. サイトで動作確認