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

آموزش صحیح فراخوانی کد های CSS در وب سایت وردپرس،قسمت اول

بیگ تم

سلام و عرض ادب و احترام خدمت شما دوستان عزیز
در ادامه سری آموزش های وردپرس در این قسمت همراه شما عزیزان هستیم با آموزشی دیگر در وب سایت های وردپرس.در این آوزش بررسی میکنیم که چگونه میتوان فایل ها و کد های CSS را به صورت کاملا درست و صحیح در وب سایت وردپرسی اعمال کرد؟ دوستان عزیز همانطور که می دانید کد های css به شکل ظاهری وب سایت شما کمک بسیاری می کنند و بدون آنها وب سایت شما بسیار زشت و مشکل دار است و گاربران به آن وارد نمیشوند و یا در صورتی که وارد شوند نیز لذتی نخواهند برد

دوستان عزیز برای فهمیدن روش صحیح فراخوانی این کد ها در وب سایت های وردپرسی خود ابتدا باید روش غلط آن را بدانیم تا بتوانیم از روش صحیح استفاده نمائیم.روش غلط به صورت زیر است اما دلیل این غلط نوشتن این است که متاسفانه اکثر طراحان وب سایت ها با این کدها آشنا نیستند و هنوز هم از همان توابع قدیمی استفاده می کنند که یکی از آنها معرفی فایل های css و جاوا اسکریپت در header.php است:

<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?> " >

شکل اشتباه دیگر نیز به صورت زیر میتواند باشد:

<? php

function add_stylesheet_to_head() {
    echo "<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>";
}

add_action( 'wp_head', 'add_stylesheet_to_head' );

?>

دوستان عزیز توجه کنید که در روش های بالا که به عنوان مثال آورده شده اند ممکن است وردپرس نتواند تشخیص دهد که فایل مورد نظر شما در صفحه فراخوان شده است و یا خیر.که این میتواند مشکل بزرگی باشداز طرف دیگر نیز اگر افزونه وردپرس دیگری از همین فایل css استفاده کند، وردپرس نمی تواند چک کند که آیا این فایل در صفحه فراخوان شده است و یا نشده است.

اما خب روش صحیح به چه صورت است؟
روش صحیح به این صورت است که باید توجه کنید که اگر می خواهید فایل های وب سایت وردپرسی خود را فراخوانی کنید ابتدا باید با استفاده از تابع wp_register_style() آن را ثبت کنید برای درک بهتر این موضوع به مثال زیر توجه کنید:

<? php wp_register_style( $handle, $src, $deps, $ver, $media ); ?>

این کد به صورت زیر تجزیه شده است:

در ادامه این اموزش همراه من باشید دوستان
منبع: بیگ تم مرجع اموزش های هک وردپرس

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