wp_unique_id()


WordPressのwp_unique_id()関数は、一意のIDを生成するために使用されます。主にフォーム要素やその他のHTML要素にユニークなIDを割り当てる際に便利です。

構文

wp_unique_id( string $prefix );
  • $prefix(string) — 生成されるIDの前に付けるプレフィックス。デフォルトは空文字列。

例1: 基本的な使用例

フォーム要素にユニークなIDを割り当てる例です。

<input type="text" id="<?php echo wp_unique_id('input-'); ?>" name="username">

例2: 複数の要素にユニークなIDを割り当てる

複数の要素に異なるIDを割り当てる例です。

<input type="text" id="<?php echo wp_unique_id('input-'); ?>" name="username">
<input type="password" id="<?php echo wp_unique_id('input-'); ?>" name="password">

例3: カスタムプレフィックスの使用

カスタムプレフィックスを使用してIDを生成する例です。

<div id="<?php echo wp_unique_id('custom-'); ?>">コンテンツ</div>

例4: ループ内での使用

ループ内でユニークなIDを生成する例です。

<?php for ($i = 0; $i < 5; $i++): ?>
<div id="<?php echo wp_unique_id('item-'); ?>">アイテム <?php echo $i; ?></div>
<?php endfor; ?>

例5: フォームのラベルと入力欄に同じIDを割り当てる

フォームのラベルと入力欄に同じIDを割り当てる例です。

<?php $id = wp_unique_id('input-'); ?>
<label for="<?php echo $id; ?>">ユーザー名:</label>
<input type="text" id="<?php echo $id; ?>" name="username">

例6: 複数のフォームにユニークなIDを割り当てる

複数のフォームに異なるIDを割り当てる例です。

<form id="<?php echo wp_unique_id('form-'); ?>">
  <input type="text" name="username">
</form>
<form id="<?php echo wp_unique_id('form-'); ?>">
  <input type="text" name="email">
</form>

例7: 動的に生成される要素にIDを割り当てる

動的に生成される要素にユニークなIDを割り当てる例です。

<?php foreach ($items as $item): ?>
<div id="<?php echo wp_unique_id('item-'); ?>"><?php echo $item; ?></div>
<?php endforeach; ?>

例8: JavaScriptと連携して使用する

JavaScriptで要素を操作するためにユニークなIDを割り当てる例です。

<div id="<?php echo wp_unique_id('target-'); ?>">クリックしてください</div>
<script>
document.getElementById('<?php echo wp_unique_id('target-'); ?>').addEventListener('click', function() {
  alert('クリックされました');
});
</script>

注意点

  • 生成されるIDはページ内で一意であることが保証されますが、セッションやページを跨いで一意であることは保証されません。
  • プレフィックスを指定しない場合、IDは数字のみで生成されます。

関連機能：