فایل style.css در ساخت قالب وردپرس وظیفه تعریف استایل و ظاهر قالب وردپرس را بر عهده دارد. این از یک ساختار خاص پیروی می کند و حاوی اطلاعات مهمی برای وردپرس برای تشخیص و نمایش درست تم است. در اینجا نمونه ای از ساختار یک فایل style.css در قالب وردپرس آورده شده است:
/*
Theme Name: Wpstorm Theme
Theme URI: https://wpstorm.ir/wpstorm-theme
Author: Wpstorm DEV team
Author URI: https://wpstorm.ir
Description: A brief description of your theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, custom-header, custom-menu, featured-images, translation-ready
General comments or notes about the theme can be added here.
*/
/* Reset and Normalize CSS */
/* Theme Styles */
/* Custom Styles */
CSSبیایید هر قسمت از این ساختار را تجزیه کنیم:
- Theme Name: نام قالب شما را مشخص می کند. این نام در هنگام انتخاب قالب در داشبورد مدیریت وردپرس ظاهر می شود.
- Theme URI: آدرس وب سایت قالب یا یک صفحه اختصاصی با اطلاعاتی در مورد قالب.
- Author: نام شما یا نام سازنده قالب.
- Author URI: وب سایت شما یا وب سایت سازنده قالب.
- Description: شرح مختصری از هدف تم یا ویژگی های کلیدی آن.
- Version: شماره نسخه تم. این به ردیابی به روز رسانی ها و تغییرات کمک می کند.
- License: مجوزی که تحت آن تم شما توزیع می شود. اکثر تم های وردپرس از مجوز عمومی عمومی گنو (GPL) استفاده می کنند.
- License URI: آدرسی که کاربران می توانند متن کامل مجوز تم را پیدا کنند.
- Tags: کلمات کلیدی توصیفی که ویژگیهای موضوع را تعریف میکنند، مانند چیدمان، ویژگیها یا سازگاری.
- نظرات یا یادداشت های کلی: این بخش می تواند برای ارائه اطلاعات اضافی در مورد موضوع، مانند اعتبار، قدردانی، یادداشتی کوتاه و یا هر دستورالعمل خاص استفاده شود.
پس از این نظرات و اطلاعات اولیه، می توانید به نوشتن کد CSS واقعی برای قالب خود ادامه دهید. تقسیم کردن کد های CSS به بخش های مختلف برای خوانایی و نگهداری بهتر معمول است. همانطور که در ساختار مثال بالا نشان داده شده است، می توانید از کامنت ها برای نشان دادن بخش های مختلف یا استایل های خاص استفاده کنید.
بیشتر بدانید: آموزش ساخت قالب وردپرس به صورت گام به گام برای مبتدیان
توجه به این نکته مهم است که فایل style.css تنها بخشی از قالب وردپرس است. فایل های استایل های اضافی، فایل های جاوا اسکریپت و فایل های قالب معمولاً در ساختار پوشه تم گنجانده می شوند تا طراحی کامل و عملکرد تم را مشخص کنند.
به یاد داشته باشید که فایل style.css را با نام صحیح و در دایرکتوری ریشه پوشه تم خود ذخیره کنید تا وردپرس آن را به درستی تشخیص دهد.
تیم طوفان وردپرس