wp_enqueue_block_template_skip_link()


WordPressのwp_enqueue_block_template_skip_link()関数は、ブロックテンプレートのスキップリンクをエンキューするために使用されます。このリンクは、ユーザーがページのメインコンテンツに直接アクセスできるようにするためのものです。

構文

wp_enqueue_block_template_skip_link();

例1: 基本的な使用法

この例では、ブロックテンプレートのスキップリンクをエンキューします。

wp_enqueue_block_template_skip_link();

例2: テーマのfunctions.phpでの使用

テーマのfunctions.phpファイルでこの関数を使用して、スキップリンクを追加します。

add_action('wp_enqueue_scripts', 'custom_enqueue_skip_link'); function custom_enqueue_skip_link() { wp_enqueue_block_template_skip_link(); }

例3: カスタムブロックテンプレートでの使用

カスタムブロックテンプレートを作成する際に、スキップリンクをエンキューします。

function custom_block_template() { wp_enqueue_block_template_skip_link(); } add_action('init', 'custom_block_template');

例4: 特定のページでのみ使用

特定のページでのみスキップリンクをエンキューします。

add_action('wp_enqueue_scripts', 'conditional_enqueue_skip_link'); function conditional_enqueue_skip_link() { if (is_page('about')) { wp_enqueue_block_template_skip_link(); } }

例5: カスタムスクリプトとの併用

スキップリンクと一緒にカスタムスクリプトをエンキューします。

add_action('wp_enqueue_scripts', 'enqueue_skip_link_with_script'); function enqueue_skip_link_with_script() { wp_enqueue_block_template_skip_link(); wp_enqueue_script('custom-script', get_template_directory_uri() . '/js/custom-script.js', array(), null, true); }

例6: カスタムスタイルとの併用

スキップリンクと一緒にカスタムスタイルをエンキューします。

add_action('wp_enqueue_scripts', 'enqueue_skip_link_with_style'); function enqueue_skip_link_with_style() { wp_enqueue_block_template_skip_link(); wp_enqueue_style('custom-style', get_template_directory_uri() . '/css/custom-style.css'); }

例7: フックを使用したカスタマイズ

フックを使用してスキップリンクの動作をカスタマイズします。

add_filter('block_template_skip_link', 'custom_skip_link_text'); function custom_skip_link_text($link) { return '<a href="#main-content" class="skip-link">スキップ</a>'; }

例8: スキップリンクのテキスト変更

スキップリンクのテキストを変更します。

add_filter('block_template_skip_link', 'change_skip_link_text'); function change_skip_link_text($link) { return '<a href="#main-content" class="skip-link">メインコンテンツへ</a>'; }

注意点

  • この関数は、ブロックテーマを使用している場合にのみ有効です。
  • スキップリンクは、アクセシビリティを向上させるために使用されます。

関連機能：