بــیــگ تــم
مرجع قالب وردپرس ، افزونه وردپرس ، آموزش وردپرس ، هاست وردپرس

جستجو
فقط جستجو من
جستجو در عنوان
جستجو در محتوا
جستجو در دیدگاه ها
جستجو در خلاصه ها
Filter by Custom Post Type
برگه‌ها
پیش نمایش فرم
اسلایدر دلخواه

خانه / آموزش css / بارگذاری استایل ها روی وب سایت (1)


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

Want create site? Find Free WordPress Themes and plugins.

برای داشتن یه سایت زیبا  نمیتونیم فقط از تابع یا فانکشن ( )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  در وردپرس خواهید خوند.

 

Did you find apk for android? You can find new Free Android Games and apps.

باکس دانلود

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دنبال کردن