آموزش فایل اصلی استایل قالب وردپرس یا style.css
در این قسمت از آموزش های طراحی قالب وردپرس با فایل اصلی استایل قالب وردپرس یا همان style.css موجود در دایرکتوری اصلی یک قالب وردپرس، آشنا خواهیم شد.
آموزش فایل اصلی قالب وردپرس یا style.css
فهرست موضوعات در این آموزش
شما با توضیحات هدر موجود در فایل style.css قالب وردپرس یا همان header comment و اجزا ضروری آن،
آشنا می گردید و یاد می گیرید چگونه از آن در قالب wordpress استفاده نمایید. بدون وجود فایل اصلی استایل قالب وردپرس، پوسته شما در هسته wordpress لود نخواهد شد.
قبل از شروع آموزش فایل اصلی قالب وردپرس تمام قالب هایی که برای wordpress طراحی میشوند، باید فایل Style.css را داشته باشند.
این فایل نمایش (طراحی بصری) صفحات سایت شما را کنترل میکند.
فایل اصلی استایل قالب وردپرس چیست؟
فایل اصلی استایل قالب وردپرس، جز ۲ فایل اصلی می باشد که در صورت موجود نبودن آن در قالب وردپرس،
قالب شما در داخل هسته وردپرس لود نخواهد شد.
فایل اصلی استایل قالب وردپرس که در به صورت اجباری در هر تم وردپرس باید قرار داده شود،
با نام style.css شناخته می شود و هر قالب وردپرس برای راه اندازی، حتما به آن نیاز دارد.
کنترل نحوه نمایش صفحات سایت شما (اعم از نحوه چینش و همین طور طراحی ظاهری آن)
بر عهده فایل اصلی استایل قالب وردپرس می باشد.
محل قرار گیری فایل اصلی استایل قالب وردپرس کجاست؟
به جهت اینکه هسته وردپرس بتواند کل مجموعه فایل های یک قالب یا همان Template File های یک قالب را شناسایی نماید،
لازم است تا فایل اصلی قالب وردپرس یا همان style.css قالب وردپرس، دقیقا در روت اصلی دایرکتوری یک قالب، قرار بگیرد.
در صورتی که این فایل در یک ساب دایرکتوری در داخل قالب شما قرار بگیرد، قالب شما لود نخواهد شد.
ساختار پایه فایل اصلی استایل قالب وردپرس به چه صورتی است؟
وردپرس برای شناساندن قالب به هسته وردپرس، از یک بخش با نام header comment در ابتدای فایل style.css استفاده می کند.
این بخش که به صورت comment شده در ابتدای فایل style.css گذاشته می شود،
دارای اطلاعات مربوط به یک قالب می باشد.
وجود این اطلاعات در هدر فایل style.css الزامی بوده و وردپرس برای نمایش اطلاعات مربوط به یک تم
یا قالب در بخش پنل کاربری سایت و بخش نمایش قالب ها، از آن ها استفاده می نماید.
ساختار پایه style.css وردپرس
وردپرس از هدر کامنت فایل style.css برای نمایش اطلاعات قالب در پنل داشبورد استفاده میکند.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
/* Theme Name: Twenty Seventeen Theme URI: https://replywp.com/ Author: zamanullah ibrahimi Author URI: https://replywp.com/ Description: Twenty Seventeen brings your site to life with immersive featured images and subtle animations. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: replywp-theme Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ |
توضیح در مورد شماره ورژن هر قالب وردپرس در فایل style.css
مخزن قالب های وردپرس، برای اینکه تشخیص دهد که ورژن جدیدی از قالب در دسترس است یا خیر، از یک شماره بعد از قسمت Version استفاده می کند.
در این بخش آموزش وردپرس، توضیحات کوتاهی در مورد هریک از این بخش ها، بیان خواهیم کرد.
در نظر داشته باشید، استفاده از بخش هایی که با ستاره مشخص شده اند، در توضیحات هدر اجباری بوده و نمی توانند حذف شوند.
- Theme Name (*): نام قالب
- Theme URI : آدرس url صفحه ای که کاربران می توانند به اطلاعات تکمیلی در مورد قالب مورد استفاده، دسترسی داشته باشند.
- Author (*): نام شخص حقیقی یا سازمان که قالب را توسعه داده است.پیشنهاد می شود که در این بخش برای اطلاعات Author ای، از اطلاعات نام کاربری استفاده شود که در سایت wordpress.org استفاده شده است.
- Description (*): توضیحات کوتاهی در مورد قالب
- Version (*): ورژن قالب که با فرمت ها X.X یا X.X.X نمایش داده می شود
- License (*): مجوز های استفاده قالب
- License URI (*): لینک مجوزهای قالب
- Tags : کلمات یا عبارت هایی که به کاربران اجازه می دهند تا قالب خود را با فیتلر کردن تگ های این بخش پیدا کنند.
- Domain Path : برای این استفاده می شود تا به وردپرس نشان دهد کجا می تواند به فایل های ترجمه قالب دسترسی داشته باشد (زمانی که قالب غیر فعال است) دایرکتوری پیش فرض برای آن languages می باشد.
جلسه معرفی فایل style.css نیز به پایان رسید.
هیچ دیدگاهی برای این محصول نوشته نشده است.