دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۱۶
  • مرداد

جلسه ۰۴ : فایل Style.css

  • دسته‌بندی‌ها :
جلسه ۰۴ : فایل Style.css

        با عرض سلام خدمت کاربران محترم سایت پی وی لرن.
        با جلسه ای دیگر از سری جلسات دوره جامع آموزش ساخت قالب وردپرس در خدمت شما هستیم.
        در این جلسه قصد داریم به معرفی فایل Style.css قالب های وردپرسی بپردازیم.

        مقدمه

        تمام قالب هایی که برای وردپرس طاحی می‌شوند، باید فایل Style.css را داشته باشند.
        این فایل نمایش (طراحی بصری) صفحات سایت شما را کنترل می‌کند.

        مکان فایل

        برای اینکه وردپرس مجموعه Template file های قالب را به عنوان یک قالب معتبر شناسایی کند، فایل style.css باید در دایرکتوری اصلی قالب قرار بگیرد.

        ساختار پایه

        وردپرس از هدر کامنت فایل style.css برای نمایش اطلاعات قالب در پنل داشبورد استفاده می‌کند.

        مثال:

        مثال : 

        در بخش زیر قسمت های مختلف کامنت بالا را توضیح می‌دهیم: (مورد هایی که با * مشخص شده اند، برای قالب ضروری هستند)

        • (*) Theme Name : نام قالب.
        • Theme URI : در اینجا url یک صفحه وب عمومی را که حاوی اطلاعات بیشتری از قالب است را قرار می‌دهید تا کاربران ان را بخوانند.
        • (*)Author : نام شخص یا شرکتی که قالب را توسعه داده است. پیشنهاد می‌شود که نام کاربری وردپرس برای این قسمت انتخاب شود.
        • Author URI : در اینجا url صفحه شخص یا شرکت توسعه دهنده را قرار می‌دهید.
        • (*)Description : توضیحات مختصری در مورد قالب.
        • (*)Version : نسخه قالب. در فرمت X.X یا X.X.X
        • (*)Licence : مجوز قالب.
        • (*) Licence URI : آدرس مجوز قالب.
        • (*)Text Domain : نام دامنه قالب.
        • (*)Tags : تگ یا برچسب های مرتبط با قالب.

        بعد از کامنت هدر، فایل style.css میتواند شامل هرگونه کد css ای باشد.

        Child Theme

        اگر قالب شما یک Child Theme است، مشخصه Template نیز باید وجود داشته باشد.
        این مشخصه نام قالب والد را مشخص می‌کند.

         

        جلسه معرفی فایل style.css نیز به پایان رسید.

        در جلسه بعد به معرفی انواع پست ها (Post Types) خواهیم پرداخت.

        QR:  جلسه ۰۴ : فایل Style.css
        به اشتراک بگذارید