wordpress-PHPを使用して特定のページでのみBootstrapModalを呼び出す方法
(wordpressを使用して)当社のWebサイトでブートストラップモーダルパッケージを正常に使用していますが、JSはすべてのページに読み込まれており、特定の3ページでのみ使用しています。問題の3つの特定のページにJSをのみ読み込むための最良の方法を探しています。問題のサイトは、https://www.bakashana.orgです。
モーダルが動作する3つのページは次のとおりです。 Bootstrapパッケージには、bootstrap.cssとbootstrap.min.jsの2つのファイルがあります。これらのファイルは、それぞれ私の子テーマ(/ wp-content / themes / astra-child/cssおよび/wp-content/ themes / astra-child / js)のcssフォルダーとjsフォルダーに配置されます。
ブートストラップは次のように私のfunctions.phpファイルに登録されてキューに入れられます:
私はJSの初心者であり、特定のページをロードするためだけに呼び出すために、functions.phpファイルにコードを追加する場所/方法がわかりません。
よろしくお願いします! function themeprefix_bootstrap_modals() {
wp_register_script ( 'modaljs' , get_stylesheet_directory_uri() . '/js/bootstrap.min.js', array( 'jquery' ), '1', true );
wp_register_style ( 'modalcss' , get_stylesheet_directory_uri() . '/css/bootstrap.css', '' , '', 'all' );
wp_enqueue_script( 'modaljs' );
wp_enqueue_style( 'modalcss' );
}
add_action( 'wp_enqueue_scripts', 'themeprefix_bootstrap_modals');
答え :
解決策:
調査の結果、主にこのリンクのおかげで自分で理解できました:
https://www.youtube.com/watch?v=Fw6VDOZYqrM
コードは次のようにif(is_page)を使用します:
function themeprefix_bootstrap_modals() {
if( is_page( array (1071, 3725, 3814) ) ) {
wp_register_script ( 'modaljs' , get_stylesheet_directory_uri() . '/js/bootstrap.min.js', array( 'jquery' ), '', true );
wp_register_style ( 'modalcss' , get_stylesheet_directory_uri() . '/css/bootstrap.css', '' , '', 'all' );
wp_enqueue_script( 'modaljs' );
wp_enqueue_style( 'modalcss' );
}
}
同様の質問
私たちのウェブサイトで同様の質問で答えを見つけてください。