آموزش فایل اصلی استایل قالب وردپرس یا 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 برای نمایش اطلاعات قالب در پنل داشبورد استفاده می‌کند.

توضیح در مورد شماره ورژن هر قالب وردپرس در فایل 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 نیز به پایان رسید.

میانگین رتبه 2.2/5 تعداد رای : 5

نظرات

هیچ دیدگاهی برای این محصول نوشته نشده است.

سبد خرید
در حال بروز رسانی

آموزش‌های ویدیویی جدید یوتیوب رو از دست ندی!

بزن بریــم!