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>



درباره نویسنده
افسانه نامور هستم مدیر تارا وب. فوق لیسانس مهندسی کامپیوتر گرایش نرم افزار دارم. اگر نیاز به طراحی قالب وردپرس اختصاصی دارید ما در تارا وب این کار را با بهترین کیفیت برایتان انجام می دهیم.

  • دیدگاه خود را در مورد این محصول یا مطلب وارد کنید
  • ایمیل شما منتشر نخواهد شد، با خیال آسوده آن را به درستی وارد کنید
  • امکاناتی که قصد دارید به محصول اضافه شوند را در نظرات همین صفحه وارد کنید تا بررسی شوند
  • پیشنهادات و انتقادات خود را برای ما بنویسید

تعداد دیدگاه ها برای این مطلب: 2 دیدگاه