ワードプレスのwp_metaフィルタの使用方法・解説

概要

wp_metaフィルタは、WordPressのメタ情報を表示する際に使用されるフィルタです。このフィルタは、ページや投稿のメタデータをカスタマイズしたり、新しいデータを追加したりするのに便利です。以下は、wp_metaフィルタがどのような機能を実装する際によく使われるかの例です。

1. SEO関連情報の追加
2. スクリプトやスタイルの読み込み管理
3. ソーシャルメディア用のメタ情報の追加
4. Google Analyticsコードの埋め込み
5. カスタムメタデータの挿入
6. フロントエンドエレメントのカスタマイズ
7. ナビゲーションメニューの操作
8. 特定の条件に基づくメタ情報の動的変更

このフィルタの構文は以下の通りです。

add_filter( 'wp_meta', 'your_function_name' );

パラメータ

• wp_meta: フィルタ名
• your_function_name: フィルタを適用するコールバック関数

戻り値

• 変更されたメタ情報の文字列。

関連する関数

• wp_meta

使用可能なバージョン

• すべてのバージョンで使用可能

コアファイルのパス

• wp-includes/general-template.php

この関数のアクションでの使用可能性

アクション	使用可能性
mu_plugin_loaded
registered_post_type
plugins_loaded
wp_roles_init
setup_theme
after_setup_theme
set_current_user
init
register_sidebar
wp_loaded
send_headers
parse_query
pre_get_posts
wp
template_redirect
get_header
wp_head	〇

サンプルコード

サンプルコード1: メタ情報のカスタマイズ

このサンプルコードは、ページのメタ情報にカスタムテキストを追加します。

add_filter( 'wp_meta', 'custom_meta_info' );
function custom_meta_info( $meta ) {
    $meta .= '<meta name="description" content="カスタムメタ情報" />';
    return $meta;
}

引用元: https://example.com/sample1

サンプルコード2: Google Analyticsの追加

このサンプルコードは、Google Analyticsのトラッキングコードをメタ情報に追加します。

add_filter( 'wp_meta', 'add_google_analytics' );
function add_google_analytics( $meta ) {
    $meta .= '<script async src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID"></script>';
    $meta .= '<script>window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag("js", new Date()); gtag("config", "GA_TRACKING_ID");</script>';
    return $meta;
}

引用元: https://example.com/sample2

サンプルコード3: SEOメタ情報の追加

このサンプルコードは、SEO用のメタ情報を追加します。

add_filter( 'wp_meta', 'add_seo_meta' );
function add_seo_meta( $meta ) {
    $meta .= '<meta name="robots" content="noindex, follow" />';
    return $meta;
}

引用元: https://example.com/sample3

サンプルコード4: フェイスブック用メタ情報の追加

このサンプルコードは、Facebook用のオープングラフメタ情報を追加します。

add_filter( 'wp_meta', 'add_facebook_meta' );
function add_facebook_meta( $meta ) {
    $meta .= '<meta property="og:title" content="ページタイトル" />';
    return $meta;
}

引用元: https://example.com/sample4

サンプルコード5: Twitter用メタ情報の追加

このサンプルコードは、Twitterカードメタ情報を追加します。

add_filter( 'wp_meta', 'add_twitter_meta' );
function add_twitter_meta( $meta ) {
    $meta .= '<meta name="twitter:card" content="summary" />';
    return $meta;
}

引用元: https://example.com/sample5

このように、wp_metaフィルタを使用することで、ページのメタ情報を柔軟にカスタマイズできます。