আমি আমার চাইল্ড থিমটিতে একটি জেএসএস ফাইল আনতে চাই


16

আমি আমার চাইল্ড থিম ডিরেক্টরিতে একটি কাস্টম .js ফাইল সজ্জিত করার চেষ্টা করেছি।

আমার শিশু থিমের ফাংশন.এফপিতে আমি নিম্নলিখিত কোডটি পাই

/* After this. you can override Accessible Zen's pluggable functions or add your own.
 * Remember, do your best to stay accessible! :)
 *
 */
 add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_script( 'custom-script.js', 'js/custom-script.js', array('jquery') );
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_uri(), array( 'parent-style' ) );
}

যেখানে কেবলমাত্র এই অংশটিই আমার দ্বারা প্রয়োগ করা হয়েছিল এবং আমার কাস্টম.স্ক্রিপ্ট.জেগুলি জেএস / ফোল্ডার থেকে লোড করার কথা

wp_enqueue_script( 'custom-script.js', 'js/custom-script.js', array('jquery') );

দুর্ভাগ্যক্রমে এটি তা করে না, কেউ সাহায্য করতে পারে?

* আপডেট 2

কোডটি এখন দেখতে এইরকম লাগে এবং এটি কাজ করে, আমি যখন অন্য অ্যাড-অ্যাকশনে সবেমাত্র ফাংশনটি যুক্ত করেছি তখন এটি কার্যকর হয় না। সহায়তার জন্য সবাইকে ধন্যবাদ! তবুও আমি ভাবছি এই কোডটি কিছুটা কাটানোর উপায় নেই কিনা।

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_uri(), array( 'parent-style' ) );
}

/*add my custom jquery script*/
add_action( 'wp_enqueue_scripts', 'menu_scripts' );
function menu_scripts() {
wp_enqueue_script( 'responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' );
wp_enqueue_script(
    'custom-script',
    get_stylesheet_directory_uri() . '/js/custom-script.js',
    array( 'jquery' )
);
        }

এই লাইনটি কিসের জন্য?

wp_enqueue_script( 'responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' );

এটা দরকারি?


wp_enqueue_script( 'custom-script.js', get_stylesheet_directory_uri() . 'js/custom-script.js', array('jquery') );
পিটার গুজন

@ পিটার আমি আপনার পরিবর্তনটি মানিয়ে নিয়েছি তবে এটি এখনও কাজ করছে না। আমার .js ফাইলে আমার এই জিনিসটি রয়েছে এবং আমি এটি সরাসরি পেইজ.এফপি এ রাখিলে এটি কাজ করে উদাহরণস্বরূপ: <script> যদি (jQuery) {সতর্কতা ("jQuery লাইব্রেরি লোড হয়!"); } অন্য {সতর্কতা ("jQuery লাইব্রেরি পাওয়া যায় না!"); } </script>
মিঃ কাইনিগ

@ পিটার ঠিক আছে আমি প্রশ্নটিতে
কোডটি রেখেছি

আপনার জেএস ফাইল থেকে স্ক্রিপ্ট ট্যাগগুলি সরিয়ে ফেলুন
পিটার গুজন

উত্তর:


32

এখানে একটি কার্যকারী উদাহরণ:

add_action( 'wp_enqueue_scripts', 'menu_scripts' );
function menu_scripts() {
wp_enqueue_script( 'responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' );
wp_enqueue_script(
    'custom-script',
    get_stylesheet_directory_uri() . '/js/custom_script.js',
    array( 'jquery' )
);
        }

অথবা এর মতো যা আপাতদৃষ্টিতে দ্রুত লোড হয়:

function my_scripts_method() {
    wp_enqueue_script(
        'custom-script',
        get_stylesheet_directory_uri() . '/js/custom_script.js',
        array( 'jquery' )
    );
}

add_action( 'wp_enqueue_scripts', 'my_scripts_method' );

উত্স http://codex.wordpress.org/Function_References/wp_enqueue_script

get_template_directory_uri() শুধুমাত্র পিতামাতার থিমে কাজ করবে।


1
আপনি ব্যবহার করবেন না কেন get_stylesheet_directory_uri()?
পিটার গুজন 5'15

তারা উভয়ই আমার পরীক্ষার ভিত্তিতে কাজ করে।
ব্র্যাড ডালটন

আমি প্রথম চেষ্টা করেছিলাম, এটি কার্যকর হয়নি। আপনি কি পুরো কোড ব্লগ পোস্ট করতে পারেন (আমার বিদ্যমান এবং কার্যকারী এনকুইগুলি সহ)? কারণ আমি জানি না যে কীভাবে আমার
কোডটি

2
হ্যাঁ, তারা করে তবে get_stylesheet_directory_uri()দ্রুত :-)
পিটার গুজন

এটি কেবল একটি কার্যকরী উদাহরণ। এটি আপনার কোড সহ কীভাবে কাজ করে তা জানতে আপনার পক্ষে কিছু কাজ করা প্রয়োজন। আপনি এখন আপনার কোডটি পুনরায় কাজ করতে পারেন যাতে এটি আপনার থিমে আপনার স্ক্রিপ্টগুলি বোঝায়।
ব্র্যাড ডালটন
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.