enqueue فایلهای css و js پوسته

enqueue فایلهای css و js

یک روش ساده برای enqueue فایلهای css و js قالب این است که یک پوشه به نام inc در مسیر فایهای خود ایجاد کنید سپس یک فایل با پسوند php مثلا به نام enqueue.php ایجاد کنید و در آن مشابه کد زیر برای enqueue  کردن فایل های خود استفاده کنید و سپس در فایل فانکشن خود آن را فراخوانی کنید تا به فایل فانکشن خود نیز نظم دهید.  

wp_enqueue_script و wp_enqueue_style برای اتصال فایل‌های جاوا اسکریپت و استایل مورد استفاده قرار می‌گیرند و شامل چند پارامتر‌ می‌شوند که برای تعیین نسخه و انتخاب مکان فراخوانی آن‌ها مورد استفاده قرار می‌گیرد.

wp_enqueue_script ( string $handle, string|bool $src = false, array $deps = array(), string|bool $ver = false, bool $in_footer = false )

• $handle:این پارامتر نام اسکریپت را تعیین می کند.
• $src:از طریق این پارامتر آدرس فایل مورد نظر جهت فراخوانی مشخص می‌شود.
• $deps:این پارامتر که بوسیله یک آرایه مشخص می‌شود پیشنیاز‌های اسکریپت مورد نظر را مشخص می‌کند.
• $ver:این پارامتر ورژن یا نسخه اسکریپت را مشخص می‌کند.
• $in_footer:
• این پارامتر که از جنس bool  یا شرطی است مکان فراخوانی اسکریپت را مشخص می‌کند. اگر مقدار آن روی true تنظیم شود اسکریپت در فوتر پوسته (از طریق تابع wp_footer()) فراخوانی می شود؛ اگر مقدار برابر false باشد اسکریپت در header و توسط تابع wp_header() فراخوانی می‌شود.

کد enqueue فایلهای css و js

می توانید فایلهای css و js را طبق محل ذخیره سازی آنها در پوسته خود ، در کد زیر جایگذاری کنید.

<pre>
<?php

function repairman_style_nscripts(){

    wp_enqueue_style( 'bootstrap-css', get_template_directory_uri() .'/css/bootstrap.css', array(),'1.0');
    wp_enqueue_style( 'owl-carousel-css', get_template_directory_uri() .'/css/owl.carousel.css', array(),'1.0');

 wp_enqueue_script( 'jquery-2-2-4-min-js', get_template_directory_uri() . '/js/jquery-2.2.4.min.js', array(), '1.0.0', true );
 wp_enqueue_script( 'bootstrap-min-js', get_template_directory_uri() . '/js/bootstrap.min.js', array(), '1.0.0', true );

    if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
    wp_enqueue_script( 'comment-reply' );
    }
}
add_action( 'wp_enqueue_scripts', 'taaraweb_style_nscripts' );
 ?>

<pre>

اما نکته اصلی این است که در در فانکشن پوسته خود طبق کد زیر پیش بروید و کد زیر را به آن اضافه نمایید:

<pre>
include (get_template_directory(). '/inc/enqueue.php')  ; 
<pre>