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>
- دیدگاه خود را در مورد این محصول یا مطلب وارد کنید
- ایمیل شما منتشر نخواهد شد، با خیال آسوده آن را به درستی وارد کنید
- امکاناتی که قصد دارید به محصول اضافه شوند را در نظرات همین صفحه وارد کنید تا بررسی شوند
- پیشنهادات و انتقادات خود را برای ما بنویسید
خیلی خوب توضیح دادین… ممنون
سپاس از حمایتتون