آپ تم مرجع ارائه خرید قالب وردپرس فروشگاهی | شرکتی | تجاری | خبری و... , افزونه وردپرس , آموزش وردپرس
همیشه کیفیت محصول + پشتیبانی حرفه ای + جلب رضایت مشتریان اولویت های ماست

خانه / آموزش وردپرس / آموزش های وردپرس / آموزش فراخوانی فایل css در وردپرس
آموزش فراخوانی css

آموزش فراخوانی فایل css در وردپرس

اطلاعات

کانال تلگرامی: تخفیفات ، جدیدترین اخبار وردپرس،آموزش وردپرس،اطلاع رسانی بروزرسانی ها فقط در کانال تلگرامی آپ تم جهت عضویت کلیک کنید.

دسته بندی: آموزش های وردپرس, آموزش وردپرس

برچسب ها:

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

اما روش صحیح فراخوانی css در سایت های وردپرسی

روش درست فراخوانی باید از تابع  wp_register_style() استفاده کنید و آن را ثبت نمایید که ما برای درک بهتر یک مثال در زیر آوردیم:


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

کد بالا به شکل زیر تجزیه شده که کاملا توضیح دادیم.

$handle: رشته ای کامل – لازم می باشد.شامل نام منحصر به فرد استایل مورد نظر می باشد.دقت کنید که این مقدار در در فراخوانی و معرفی توابع دیگر کاربرد دارد.

$src: رشته ای – لازم است. در این قسمت می توانید آدرس فایل را جای دهید.

$deps: آرایه – اختیاری می باشد. نام منحصر بفرد  $handle و دیگر فایلهای وابسته به آن است.

$ver: رشته ای با منطقی – اختیاری می باشد. مربوز به نسخه فایل شما در سایت وردپرسی است که قادر هستید در این بخش ورژن قالب خود را وارد کنید و در صورت اینکه قصد ندارید ورژن قالب را قرار دهید مقدار را به null مشخص کنید.در حالت پیشفرض false وارد شده

$media: رشته ای – اختیاری است. آخرین موردی که وجود دارد این بخش می باشد که مربوط به نوع استایل است برای مثال screen , all و یا … حال اگر قصد ندارید این بخش را در سایت وردپرسی استفاده نکنید وارد نکنید.

به پایان این آموزش از css در ودپرس رسیدیم امید واریم مورد پسند شما واقع قرار گرفته باشد.

 

 

منبع: آپ تم  مرجع: آموزش وردپرس

یک ستارهدو ستارهسه ستارهچهار ستارهپنج ستاره (امتیاز اول را شما ثبت کنید.) | به راستی!! در کانال تلگرامی آپ تم عضو شوید، ( آموزش وردپرس ، تخفیفات و بروز رسانی ها )
Loading...

باکس دانلود

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

هنوز هیچ دیدگاهی وجود ندارد

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


    x بستن این بنر

    تخفیف 50 درصدی به مناسبت جشن دوسالگی آپ تم ( مدت کاملا محدود عجله کنید ) کد تخفیف: uptheme2 به همراه پشتیبانی و بروزرسانی های بعدی رایگان
    نوروز 96 برشما مبارک » در این ایام تا 15 فروردین ماه تمامی محصولات آپ تم با %60 تخفیف ارائه می شود. کد تخفیف: noroze96 جزئیات بیشتر ...