WordPress の管理パネルに、トランジション効果や速度などを変更できる画像スライダーの設定があります。これらの設定 (php 変数) は、次のようなスライダーの標準初期化スクリプトに渡されます。
<script>
jQuery(function(){
jQuery('#camera_wrap_3').camera({
height: '40%',
thumbnails: true,
time: <?php echo $pause_time; ?>,
fx: '<?php echo $transition_effect; ?>',
transPeriod: <?php echo $transition_speed; ?>,
autoAdvance: <?php echo $auto_advance; ?>,
minHeight: '50px',
mobileNavHover: false,
imagePath: '<?php echo get_template_directory_uri(); ?>/images/'
});
});
コードをクリーンアップするために、これを別の php ファイルとして保存することにしました。
私の問題は、終了 < /head> タグの直前に wp_head() を配置する必要があることです。これを行うと、jQuery がロードされた後に上記のスクリプトを実装する方法がないため、機能せず、スライダーも動作しません。どちらかで動作します。
次のようにjsファイルの場合と同じように、アクションフックでアタッチしようとしました:
<?php function add_camera_init() {
require_once('includes/sliders/camera/camera-init.php');
}
add_action('wp_enqueue_scripts', 'add_camera_init'); ?>
しかし、これは何もしなかったようです。
jQuery の後にこのような設定を追加し、< /head> の直前に wp_head() を追加するにはどうすればよいですか?