_customizer_mobile_viewport_meta()


WordPressの_customizer_mobile_viewport_meta()関数は、モバイルデバイス向けのビューポートメタタグを生成するために使用されます。カスタマイザーで設定されたビューポートの値を反映します。

構文

_customizer_mobile_viewport_meta();

例1: 基本的な使用法

ヘッダーにビューポートメタタグを追加します。

add_action('wp_head', '_customizer_mobile_viewport_meta');

例2: カスタムフックで使用

別のフックを使ってビューポートを出力します。

add_action('custom_hook', '_customizer_mobile_viewport_meta');

例3: 条件付きで使用

モバイルデバイスのみで実行します。

if (wp_is_mobile()) { _customizer_mobile_viewport_meta(); }

例4: フィルターと組み合わせ

ビューポートの内容をフィルタリングします。

add_filter('theme_mod_viewport', function($value) { return 'width=device-width, initial-scale=1.0'; });

例5: カスタマイザー設定を上書き

テーマモッドでビューポートを変更します。

set_theme_mod('viewport', 'width=1200');

例6: ショートコード内で使用

ショートコードからビューポートを出力します。

add_shortcode('viewport', function() { _customizer_mobile_viewport_meta(); });

例7: 管理画面で使用

管理画面にビューポートを追加します。

add_action('admin_head', '_customizer_mobile_viewport_meta');

注意事項

  • この関数はテーマカスタマイザーと連携しています
  • モバイル表示に直接影響します
  • 子テーマで上書き可能です

関連機能：