۴ روش برای اعمال کردن CSS به قالب و افزونه در وردپرس

ب

همانطور که می دانید از کدهای CSS برای اهداف مختلفی مانند مرتب کردن ، زیبا کردن ، اعمال ساختار دلخواه و … در قالب ها و افزونه های مختلف استفاده می شود .

در این مقاله تمام روش های ممکن برای اعمال شدن کدهای CSS به یک قالب یا افزونه دلخواه وردپرس را به شما نشان می دهیم .

 

روش اول ) اضافه کردن کدهای CSS توسط لینک کردن یک فایل CSS به قالب یا افزونه

در این روش و بوسیله دستور زیر یک فایل CSS  که دارای کدهای مورد نظر شماست به صورت زیر به فایل قالب یا افزونه وردپرس لینک می شود .

<link rel="stylesheet" type="text/css" href="mystyles.css" media="screen" />

در کد بالا به جای mystyle.css مسیر کامل به همراه نام فایل css مورد نظر خود را بنویسید

 

روش دوم ) اعمال کردن کدهای css به قالب یا افزونه وردپرس به صورت توکار

در این روش کدهای css خود را در بین تگ های باز و بسته head  قرار دهید . به کد زیر به عنوان نمونه نگاه کنید .

<style media="screen" type="text/css">

Add style rules here

</style>

 

روش سوم ) اعمال کدهای css به صورت درون خطی یا inline به قالب یا افزونه وردپرس

در این روش می توانید بوسیله خاصیت style کدهای css مورد نظر خود را به صورت مستقیم به تگ html جاری اعمال کنید .

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

<h2 style="color:red;background:black;">This is a red heading with a black background</h2>

 

روش چهارم ) وارد کردن یک فایل CSS  در یک فایل CSS دیگر

از این روش برای جداسازی کدهای css مرتبط با هم در فایل های جداگانه و مجتمع کردن آن فایل ها در یک فایل استفاده می شود .

@import "newstyles.css";

نام و مسیر فایل css مورد نظر خود را با newstyle.css جایگزین کنید .

 

پیشنهاد می کنیم   حذف فیلدهای پیش فرض پروفایل نویسنده در وردپرس

امیدوارم بتوانید با کدهای css خود سایت ، قالب و یا افزونه وردپرس خود را زیبا و کارا کنید .

ارسال دیدگاه

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