javascript – WordPress Snippet

カテゴリー別アーカイブ javascript

WordPress4.5 wp_add_inline_script()

4.5で、おなじみの　wp_add_inline_style()みたいに、インラインスクリプトを追加する関数 wp_add_inline_script() がとうとう使えるようになります。

function mytheme_enqueue_typekit() {
   wp_enqueue_script( 'mytheme-typekit', 'https://use.typekit.net/<typekit-id>.js', array(), '1.0' );
   wp_add_inline_script( 'mytheme-typekit', 'try{Typekit.load({ async: true });}catch(e){}' );
}
add_action( 'wp_enqueue_scripts', 'mytheme_enqueue_typekit' );

function mytheme_enqueue_typekit() {

wp_enqueue_script( 'mytheme-typekit', 'https://use.typekit.net/<typekit-id>.js', array(), '1.0' );

wp_add_inline_script( 'mytheme-typekit', 'try{Typekit.load({ async: true });}catch(e){}' );

}

add_action( 'wp_enqueue_scripts', 'mytheme_enqueue_typekit' );

Enhanc…

javascript

動的なオプション値を、外部 javascript に適用する

javascriptファイルのオプション値は、大抵 head 要素内に、インラインのスクリプトを記述していることが多いと思います。ダイナミックなオプション値は、

<script type="text/javascript"> var option1 = <?php echo get_option( 'example_value' );?> </script>

1
2
3

<script type="text/javascript">
var option1 = <?php echo get_option( 'example_value' );?>
</script>

このようにテンプレート内でないと、Wo…

javascript
特定のページや投稿で、テンプレート編集なしで、スクリプトをセットアップする

特定のページで、javascriptを実行したい時、スクリプトへのリンク、インラインのスクリプト、CSSの追加の3つがたいていの場合必要になります。テンプレートを編集したり、固定ページを作成したりしてもいいのですが、手間のかかる割には、柔軟性に欠けるという事がありま…

javascript 📎タグ inline_script

WordPress4.5 wp_add_inline_script()

動的なオプション値を、外部 javascript に適用する

特定のページや投稿で、テンプレート編集なしで、スクリプトをセットアップする