ملف قالب التنسيق (style.css) – تطوير ثيمات ووردبريس الجزء الثاني

تم نشرها من قبل : مرجع ووردبريس | في قسم تطوير ثيمات ووردبريس | آخر تحديث : الخميس مارس 4, 2021 | مدة القراءة 2 دقيقة
 ملف قالب التنسيق (style.css) – تطوير ثيمات ووردبريس الجزء الثاني

ملف قالب التنسيق style.css هو ملف يكتب به فقط كود (CSS) مطلوب لكل ثيم ووردبريس . يتحكم في العرض التقديمي (التصميم البصري والتخطيط) لصفحات الموقع.

الموقع#

لكي يتعرف ووردبريس على مجموعة ملفات قالب السمة كقالب صالح ، يجب أن يكون ملف style.css موجودًا في الدليل الجذر للقالب الخاص بك ، وليس دليلًا فرعيًا.

للحصول على شرح أكثر تفصيلاً حول كيفية تضمين ملف style.css في قالب ، راجع قسم تعرف ملفات CSS و JS في ثيم ووردبريس – الجزء الثالث

الهيكل الأساسي

يستخدم ووردبريس قسم الترويسة في style.css لعرض معلومات حول الثيم في لوحة لوحة مظهر في ووردبريس.

مثال # مثال
فيما يلي مثال على جزء بداية ملف style.css. نكتب التعليق التالي :

/*
Theme Name: Twenty Twenty
Theme URI: https://wordpress.org/themes/twentytwenty/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.3
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwenty
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.
*/

توضيح المسميّات السابقة # تفسيرات


العناصر المشار إليها بعلامة (*) مطلوبة للقالب في مستودع قوالب WordPress.

  • Theme Name (*):اسم الثيم.
  • Theme URI: عنوان URL لصفحة ويب عامة حيث يمكن للمستخدمين العثور على مزيد من المعلومات حول الثيم.
  • Author (*): اسم الشخص أو المنظمة التي طورت الثيم.
  • Author URI:عنوان URL للفرد أو المنظمة المؤلفة.
  • Description (*): وصف موجز للثيم .
  • Version (*): إصدار الثيم ، مكتوب بتنسيق X.X أو X.X.X .
  • Requires at least (*):أقدم إصدار رئيسي من WordPress سيعمل به الثيم ، مكتوب بتنسيق X.X.
  • Tested up to (*): آخر إصدار رئيسي من WordPress تم اختبار الثيم عليه ، أي 5.4. اكتب فقط الرقم بتنسيق X.X.
  • Requires PHP (*): أقدم إصدار PHP مدعوم ، بتنسيق X.X ، الرقم فقط
  • License (*): ترخيص الثيم .
  • License URI (*):عنوان URL لترخيص الثيم.
  • Text Domain (*):السلسلة المستخدمة لمجال ترجمة الثيم.
  • Tags: الكلمات أو العبارات التي تسمح للمستخدمين بالعثور على الثيم باستخدام العلامة
  • Domain Path: تُستخدم بحيث يعرف الثيم مكان العثور على الترجمة عند تعطيل السمة.

بعد قسم الاسطر السابقة ، يمكن أن يحتوي style.css على أي شيء يحتويه ملف CSS عادي.

الدرس السابق : ملفات القوالب – تطوير ثيمات ووردبريس الجزء الأول 2021

الدرس التالي : تعريف ملفات CSS و JS في ثيم ووردبريس – الجزء الثالث