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

برچسب:
نویسنده: محمد رضا جوادیان