مقدمة لموضوعات كتلة وورد بريس

إذا كنت تستخدم WordPress، فمن المحتمل أنك على دراية بالموضوعات بالفعل. تشكل عناصر التصميم هذه أساس مظهر موقع الويب الخاص بك وتصميمه العام.

منذ إصدار WordPress 5.9، يمكنك أيضًا الاستفادة من سمات كتلة WordPress. ومع ذلك، قد تتساءل عن كيفية عمل هذه الميزة.

باستخدام قالب كتلة WordPress، يتكون التصميم الكامل لموقع الويب الخاص بك من كتل. يتضمن هذا التخطيط مناطق المحتوى وغير المحتوى على موقعك، مثل الرؤوس والتذييلات.

لذلك، يتيح لك استخدام قالب الكتلة تعديل مظهر موقعك دون لمس أداة التخصيص أو ملفات القالب.

😎 في دليل اليوم، سنستكشف ماهية سمة كتلة WordPress ونعرض لك بعض الأمثلة الأساسية. سنشرح بعد ذلك كيفية استخدام سمة الكتلة وتحريرها لتناسب احتياجات التصميم الخاصة بك. هيا بنا نبدأ!

ما هو موضوع كتلة وورد بريس؟

قد لا يكون من المستغرب أن تكون سمة كتلة WordPress عبارة عن سمة مكونة من كتل. كل جزء من صفحتك قابل للتعديل والنقل، بما في ذلك العناصر غير المتعلقة بالمحتوى مثل الرؤوس والتذييلات والقوائم والشعارات والعناوين.

تعد سمات الحظر جزءًا من تحرير الموقع الكامل لـ WordPress (FSE). تم إدخال هذا المفهوم إلى البرنامج الأساسي باستخدام WordPress 5.9.

باستخدام FSE، يمكنك الوصول إلى محرر الموقع الجديد الذي يمكّنك من إنشاء تخطيطات الكتل وتحريرها لتناسب احتياجاتك.

بالإضافة إلى ذلك، يمكنك استخدام الأنماط العامة لإجراء تغييرات شاملة في التصميم على المظهر العام لموقع الويب الخاص بك.

👉 بشكل عام، يمكن لموضوعات الحظر وFSE تسريع عملية التصميم الخاصة بك ومساعدتك في تخصيص موقع الويب الخاص بك على المستوى الدقيق.

يمكنك تصميم الموقع الذي تريده دون التعمق في ملفات القالب الخاص بك أو اللعب باستخدام CSS المخصص.

خمسة أمثلة لموضوعات كتلة WordPress

يمكنك العثور على سمات كتلة WordPress بمجرد النقر على “سمات الحظر” على WordPress.org:

لا تزال سمات المجموعة جديدة نسبيًا، لكن شعبيتها تنمو بسرعة. وحتى وقت كتابة هذه السطور، هناك عدة مئات من الخيارات المعروضة.

بدلاً من قضاء وقتك في غربلة كل هذه الخيارات، تحقق من نظرة عامة سريعة على خمس خيارات رائعة حقًا.

طوف
نيفي إف إس إي
اثنان وعشرون
جادرو
توفي

1. الطوافة

Raft هو قالب WordPress الخاص بنا، والذي نفخر للغاية بأن نقول إنه تم اعتماده بسرعة من قبل مستخدمي WordPress حول العالم. في الواقع، إنه حاليًا قالب الحظر الأكثر شيوعًا في مستودع WordPress بأكمله!

لقد صممنا Raft بأقصى قدر من التنوع وسهولة الاستخدام كمبادئ أساسية، مما يجعلها خيارًا مثاليًا… حسنًا، للجميع تقريبًا. إنه حقًا موضوع متعدد المهن يقدم شيئًا يناسب كل الأذواق والغرض والتفضيلات.

لهذا السبب ارتفعت شعبيتها بهذه السرعة. قم بإلقاء نظرة خاطفة على عينة من الأنماط العالمية التي يمكنك تنفيذها ببضع نقرات فقط:

اختر من بين مجموعات الألوان المختلفة حتى تجد الشكل الذي تريده، ثم استفد من أنماط الكتل الخاصة بـ Raft لتخصيص موقعك الجديد بشكل أكبر بسرعة وكفاءة.

إذا لم يكن هذا كافيًا، فقد قمنا أيضًا بتجميعه مع البرنامج الإضافي Otter Blocks كأداة مدمجة، مما يعني أنه يمكنك الوصول إلى أكثر من 30 كتلة إضافية لإضافة أي ميزات ترغب فيها.

👉 سواء كنت تتطلع إلى إنشاء مدونة، أو موقع ويب شخصي، أو موقع ويب تجاري، أو متجر للتجارة الإلكترونية، أو أي شيء آخر، ستجد أن Raft ملائم بشكل استثنائي حتى للمستخدمين الأكثر تطلبًا.

أوه، وهل ذكرنا أنه مجاني 100% للتنزيل والاستخدام؟

2. نيفي FSE

يعد Neve FSE بديلاً لموضوع Neve الشهير، وهو مصمم لأولئك الذين يرغبون في الاستفادة الكاملة من محرر قوالب WordPress عند إنشاء موقع ويب.

يمكنك بسهولة تخصيص Neve FSE وجعله يتناسب مع نمط موقعك لأن تصميمه مرن وبسيط.

يأتي الموضوع مع قوالب متعددة لجميع صفحات الموقع الرئيسية وأنماط الكتل المعدة مسبقًا لأقسام الموقع. كما يقدم أيضًا اختلافات في الأنماط العالمية لأنظمة الألوان والطباعة.

علاوة على ذلك، يتيح لك هذا المظهر عرض تخصيصاتك في الوقت الفعلي، وهو مُحسّن للتحميل بسرعة.

👉 يعد Neve FSE خيارًا رائعًا لمواقع الويب التجارية لأنه لا يبدو جيدًا فحسب، بل إنه مُحسّن أيضًا للأداء وتحسين محركات البحث. يمكنك بسهولة تخصيص وترجمة Neve FSE إلى لغات أخرى غير الإنجليزية أيضًا.

3. اثنان وعشرون

Twenty-Two هو سمة كتلة WordPress الافتراضية. تم إصداره مع الإصدار 5.9 وتم تطويره بواسطة فريق WordPress.org:

تم تصميم Twenty Twenty-Two حول شكل طائر، ويقصد به أن يرمز إلى التنوع والتنوع والتفرد للمواقع المختلفة. بالإضافة إلى ذلك، نظرًا لأنه تم تطوير السمة ليتم تشغيلها مع FSE، فقد تم تحسينها لأنماط الكتل والقوالب.

👉 بشكل عام، يعد Twenty Twenty-Two خيارًا متعدد الاستخدامات ومناسبًا لأنواع مختلفة من المواقع.

سواء كنت تدير مدونة أو محفظة أعمال أو متجرًا للتجارة الإلكترونية، يمكن أن يساعدك هذا الموضوع في إنشاء موقع ويب بسيط وقابل للتخصيص. وأفضل ما في الأمر أنه مجاني تمامًا.

4. جادرو

إذا كنت تبحث عن قالب WordPress مبسط، فقد تفكر في استخدام Jadro. هذا الموضوع متاح من علامتنا التجارية الشقيقة – CodeinWP.

إنه ذو تصميم بسيط عن عمد بحيث يمكنك تشكيله بسهولة وفقًا لاحتياجاتك باستخدام محرر الموقع الكامل.

مع ذلك، إذا كنت تريد تسريع الأمور قليلاً، فإن Jadro يأتي أيضًا مع عرض سخٍ من أنماط وقوالب الكتل المعدة مسبقًا لمساعدتك على المضي قدمًا.

يمكنك أيضًا الوصول إلى مكتبة خطوط Google المثبتة مسبقًا وخيارات إضافية لعائلة الخطوط وحجمها ومظهرها وما إلى ذلك. خيارات الألوان وافرة ويمكنك تعديلها بسهولة لتتناسب مع علامتك التجارية.

هذا الموضوع ليس مجرد وجه جميل للنظر إليه. ستجد أسفل الغطاء محركًا مشفرًا جيدًا وقادرًا على التحميل بسرعة البرق.

👉 يعتبر Jadro خيارًا ممتازًا للمبتدئين لأنه سهل التنقل ويوفر التوازن الصحيح بين الأسلوب والأداء. بالإضافة إلى أن تصميمه البسيط يجعله مناسبًا لمجموعة واسعة من مواقع الويب والمدونات.

ما يميز الكعكة هو أنها مجانية تمامًا، وهو أمر موضع تقدير دائمًا.

5. توفي

Tove هو قالب WordPress مجاني آخر وسهل الاستخدام للغاية. على الرغم من أن هذا المظهر مصمم خصيصًا للمقاهي والمطاعم، إلا أنه يمكنك تعديله ليناسب أنواع الأعمال المختلفة:

يأتي Tove مزودًا بأكثر من 40 نمطًا للكتل، بما في ذلك اختلافات متعددة في الرؤوس والتذييلات. لذلك، يمكنك تجميع المنشورات والصفحات معًا في أقل وقت ممكن.

كما أن لديها تصميمًا ودودًا وغير رسمي لمساعدتك على التواصل بشكل أفضل مع عملائك.

👉 علاوة على ذلك، Tove هو موضوع خفيف الوزن للغاية. ولا يستخدم أي JavaScript ولا يقوم بتحميل الصور على الواجهة الأمامية لموقعك بشكل افتراضي.

على هذا النحو، يمكن أن يساعدك ذلك على تحسين أوقات تحميل صفحتك وتحسين مؤشرات أداء الويب الأساسية لديك.

كيفية تعديل سمات كتلة WordPress في محرر الموقع

هناك عدة طرق مختلفة لتحرير سمة الكتلة وضبط إعداداتها. فيما يلي ثلاثة من السيناريوهات الأكثر شيوعًا.

استخدم الأنماط العالمية
تحرير القوالب
ضبط أجزاء القالب

1. استخدم الأنماط العالمية

قبل FSE، كنت تقوم عادةً بتعديل مظهر القالب الخاص بك باستخدام WordPress Customizer. اعتمادًا على القالب الخاص بك، قد يكون لديك إمكانية الوصول إلى عدد قليل أو أكثر من إعدادات التصميم.

بالإضافة إلى ذلك، يمكنك استخدام CSS مخصص لتخصيص قالبك بشكل أكبر.

ومع ذلك، باستخدام سمات كتلة WordPress، يمكنك تطبيق إعدادات النمط العامة من محرر الموقع. هنا، يمكنك بسهولة تعديل مظهر المظهر الخاص بك وتطبيق جميع التغييرات عبر موقع الويب الخاص بك بالكامل.

يمكنك أيضًا عزل هذه التعديلات على صفحات محددة.

للبدء في استخدام الأنماط العامة، انتقل إلى المظهر → المحرر في لوحة تحكم WordPress الخاصة بك. سترى الآن محرر الموقع الجديد، والذي سيتم فتحه على صفحتك الرئيسية افتراضيًا:

ثم حدد أيقونة الأنماط من شريط القائمة العلوي الأيمن. يجب أن تشاهد الآن قائمة إعدادات جديدة حيث يمكنك تخصيص أسلوب الطباعة ولوحة الألوان والتخطيطات الخاصة بموضوعك:

لاحظ أنه يمكنك أيضًا ضبط إعدادات النمط لكتل معينة. سيتم تطبيق هذه التخصيصات على جميع العناصر نفسها عبر موقع الويب الخاص بك. على سبيل المثال، يمكنك تعديل الزر أو التنقل أو كتل الرموز الاجتماعية.

عندما تصبح راضيًا عن التغييرات التي أجريتها، تابع واحفظها. يمكنك العودة في أي وقت لتعديل إعدادات النمط العامة لموضوعك.

2. تحرير القوالب

تأتي سمات كتلة WordPress أيضًا مع قوالب مدمجة. هذه تخطيطات مخصصة لصفحات معينة، مثل الأرشيف أو صفحة 404. قد تتمكن من الوصول إلى صفحات إضافية اعتمادًا على سمة الكتلة التي تختارها.

للوصول إلى هذه القوالب وتحريرها من محرر الموقع، انقر على أيقونة WordPress في الزاوية العلوية اليسرى. يمكنك بعد ذلك تحديد القوالب لرؤية التخطيطات المتاحة لموضوع الكتلة الخاص بك:

انقر على أحد هذه القوالب لتحريره. في مثالنا، سنقوم بتعديل صفحة 404 لموقعنا الإلكتروني:

لاحظ أن هذا القالب يتكون من عدة كتل. إذا قمت بتحديد أحد العناصر، يمكنك استخدام إعدادات الكتلة لتخصيص مظهره:

لاحظ أنه يمكنك إضافة كتل جديدة إلى القالب الخاص بك وحفظ إعداداتك لتطبيق التخصيصات الخاصة بك. بالإضافة إلى ذلك، يمكنك إنشاء قوالب جديدة من خلال الانتقال مرة أخرى إلى قائمة النماذج والنقر على “إضافة جديد”:

ستحتاج فقط إلى إضافة كتل إلى صفحتك الجديدة وتهيئة إعداداتها لاختيار مكان عرضها. ومع ذلك، قد تؤدي بعض السمات إلى تقييد أنواع القوالب الجديدة التي يمكنك إنشاؤها.

كما ترون في الصورة أعلاه، فإن Twenty-Two سوف يسمح لك فقط بإنشاء قالب الصفحة الأولى.

3. ضبط أجزاء القالب

وبصرف النظر عن القوالب، يمكنك أيضًا تعديل سمة كتلة WordPress الخاصة بك عن طريق ضبط أجزاء القالب الخاصة بها.

هذه هي العناصر الأصغر التي يتم استخدامها في القوالب العامة الخاصة بك. في معظم الحالات، ستكون أجزاء القالب هي مناطق رأس وتذييل القالب الخاص بك.

لتعديل أجزاء قالب قالبك، افتح محرر الموقع وانقر على أيقونة WordPress. الآن، حدد أجزاء القالب واختر العنصر الذي تريد تعديله. في مثالنا، سنقوم بتحرير رأس السمة:

يمكنك الآن التحكم في إعدادات جزء القالب في اللوحة اليمنى، بما في ذلك التبرير والاتجاه واللون والحدود. سيتم تطبيق أي تغييرات تجريها على قسم الرأس الخاص بك عبر موقع الويب بالكامل.

كما هو الحال مع القوالب، يمكنك أيضًا تصميم أجزاء قالب جديدة. ما عليك سوى الانتقال مرة أخرى إلى قائمة أجزاء القالب وتحديد إضافة جديد في الزاوية اليمنى العليا: