نماد سایت بیگ تم

بارگذاری استایل ها روی وب سایت (1)

برای داشتن یه سایت زیبا  نمیتونیم فقط از تابع یا فانکشن ( )wp_enqueue_style  در هرجایی از قالب استفاده کنیم.به این منظور باید از سه اکشن استفاده کنیم که برای اهداف زیادی کاربرد داره. و این کدهای کاربردی می تونه سبب زیباسازی سایت بشه. در این بخش 3 کد کاربردی را برای قالب های وردپرس معرفی می کنیم تا با استفاده از ان بتوانیم قالب وردپرس را استاندارد و به بهترین نحو ممکن طراحی کنیم

1) wp_enqueue_scripts

اکشنی برای بارگذاری استایل ها و یا اسکریپت ها بر روی وب سایت

2)admin_enqueue_scripts

اکشنی برای بارگذاری اسکریپت ها و استایل ها در پنل مدیریت

3)login_enqueue_scripts

اکشنی جهت بارگذاری اسکریپت ها واستایل ها در قسمت ورود یا log in

نمونه هایی از این اکشن ها رو میبینید:

<?php
// load css into the website's front-end
function mytheme_enqueue_style() {
    wp_enqueue_style( 'mytheme-style', get_stylesheet_uri() );
}
add_action( 'wp_enqueue_scripts', 'mytheme_enqueue_style' );
// load css into the admin pages
function mytheme_enqueue_options_style() {
    wp_enqueue_style( 'mytheme-options-style', get_template_directory_uri() . '/css/admin.css' );
}
add_action( 'admin_enqueue_scripts', 'mytheme_enqueue_options_style' );
// load css into the login page
function mytheme_enqueue_login_style() {
    wp_enqueue_style( 'mytheme-options-style', get_template_directory_uri() . '/css/login.css' );
}
add_action( 'login_enqueue_scripts', 'mytheme_enqueue_login_style' );
?>

………………………………………………………………………………………………..

توابع دیگر برای  ایجاد استایل خاص بر روی وب سایت ( قالب های وردپرس ):

توابع زیادی از CSS در وردپرس وجود داره که  این امکانو به شما میده که به عنوان مثال از استایل های درون خطی پرینت بگیرید یا متادیتا رو به فایل های استایلتون اظافه کنید.

دراین جا مروری کوتاه به  این مبحث داریم:

اضافه کردن استایل های درون خطی  دینامیک:{ ( ) wp_add_inline_style}:

اگه قالب شما امکان سفارشی سازی استایل قالب رو داشته باشه میتونید از ظاهر های طراحی شده ی درون خطی استفاده کنید و از اونا با تابع  ()wp_add_inline_style

پرینت بگیرید.

<?php
function mytheme_custom_styles() {
    wp_enqueue_style( 'custom-style', get_template_directory_uri() . '/css/custom-style.css' );
    $bold_headlines = get_theme_mod( 'headline-font-weight' ); // let's say its value is "bold"
    $custom_inline_style = '.headline { font-weight: ' . $bold_headlines . '; }';
    wp_add_inline_style( 'custom-style', $custom_inline_style );
}
add_action( 'wp_enqueue_scripts', 'mytheme_custom_styles' );
?>
…………………………………………………………………………………………………………………………………………………

نمونه ای از این کد های پیش طراحی شده برای استایل رو مشاهده کردید.در پست های آینده در باره کاربرد های CSS  در وردپرس خواهید خوند.

 

خروج از نسخه موبایل