WordPress Block Themes إنشاء وتحرير كامل المكدس

إذا كنت تتابع منتديات WordPress والأخبار مؤخرًا ، فمن المؤكد أنك سمعت عن تحرير الموقع بالكامل (FSE) ، أو على الأقل رأيت إشارات إليه ، مثل إنشاء سمات الكتلة. حتى لو لم تكن على دراية بما هو عليه ، فمن المحتمل أنك سمعت حديثًا عنه وربما تساءلت عما قد يترتب عليه بالنسبة لك.

سواء كنت تستخدم WordPress بشكل متكرر أو كنت مطورًا ، فهناك أخبار رائعة لك. الشيء الحقيقي هو أنه لا يجب أن تخاف منه وأن كل شيء سوف يعمل بشكل جيد بالنسبة لك ، مما يسهل عليك العملية.

على أي أساس ندعي ذلك؟ يأتي أولاً أولاً. دعنا نفهم أولاً قليلاً عن التحرير الكامل للموقع WordPress قبل أن نتعمق في معرفة ما غطينا في العنوان.

تحرير موقع WordPress بالكامل (FSE) هل…؟

من حيث الجوهر ، يتجنب التحرير الكامل للموقع فكرة الكتل. في السابق ، كان من الممكن استخدام الكتل لتحرير منطقة محتوى موقع الويب. سيتم الآن اعتبار كل قسم من أقسام موقعك كتلة عند استخدام تحرير الموقع بالكامل.

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

بعد تحديث WordPress إلى أحدث إصدار ، يجب تمكين سمة FSE ، مثل Twenty-Two. بعد ذلك ، يمكنك استخدام كتل Gutenberg فقط لإنشاء موقع ويب بأكمله.

كيف يمكن أن تساعدك FSE؟

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

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

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

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

تتطور بيئة WordPress مرة أخرى

حدث هذا النوع من التغيير في WordPress في الفترة السابقة. لقد تعرفنا جميعًا على جوتنبرج منذ حوالي ثلاث سنوات (من الصعب أن نتذكر بسبب حقيقة أن واحدة ، إن لم يكن أكثر ، اختفت فجأة من هذه السنوات الأخيرة). يمكنك الآن الرجوع إليه كمحرر الكتلة.

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

تحول التركيز: من المستخدمين إلى البناة

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

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

سواء كنت تستخدم أدوات إنشاء الصفحات ، أي إكمال مشروع إطلاق موقع بمنصة سهلة الاستخدام من بين أفضل منشئي مواقع العضوية أو بناءهم ، فقد اعتاد الكثير منكم على هذه المرحلة من الحياة. قد يتم تصميم صفحاتك كيفما تشاء. لكن في وقت لاحق ، أصبحت على دراية بقضايا الأداء. خفضت Google تصنيفاتك وذكرت أن DOM الخاص بك كان ضخمًا جدًا (مهما كان ذلك). نظرًا لأننا ندرك جميعًا أن الأداء هو الملك ، فقد حان الوقت الآن لمعرفة المزيد عن FSE وكيف يمكن أن تغير مواقع الويب التي تنشئها.

إذن لماذا يعتبر بناء سمة الموقع الكامل أمرًا مهمًا؟

جاء Beaver Builder قبل Elementor ، هل تتذكر؟ استخدمه العديد منكم بأنفسهم أو في الشركات التي عملت فيها لإنشاء مواقع ويب كبيرة لعملاء الأعمال. ومع ذلك ، فقد طلبوا منتجًا آخر ، بيفر ثيمير. بخلاف ذلك ، كان عليك تزويدهم بالمساعدة في سمة تدعم الرؤوس والتذييلات المخصصة (والديناميكية) عندما يحتاجون إلى تعديل رأس وتذييل صفحات الويب (أو المنشورات).

كان الأمر مثيرًا عندما بدأت موضوعات مثل Blocksy و Kadence و Astra في تطوير هذه الميزات. لكنه أدى أيضًا إلى بعض الانغلاق. وأنت تدرك ما يحدث بعد ذلك: بعد أن يقوم العميل بتثبيت مكون إضافي على موقعه على الويب ، يكتشف أنه غير متوافق مع السمة أو منشئ الصفحة.

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

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

المحلول

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

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

بالإضافة إلى ذلك ، لا توجد العديد من عناصر واجهة المستخدم في السمات. من السهل أن تتخيل أن التكرار التالي لما اعتدت عليه - باستخدام المنشئ المخصص - سيكون مدفوعًا بمكوِّن JSON كما هو الحال اليوم.

باختصار ، هذا هو الجيل المستقبلي من السمات والوسائل التي ستتمكن من خلالها في النهاية من تحديد ما يمكن للمستخدمين تحقيقه باستخدام مثل هذه السمات الجديدة.

كيف تجعل كل شيء منطقيًا؟

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

تريد راحة "المجرب والحقيقي مع قوة" الجديد ". وهناك أسئلة أكثر من الحلول ...

أنت تبحث عن دورة للمطورين لتكامل وبناء قوالب البناء

تخيل أنك أخذت دورة أوضحت كل ما عليك أن تفهمه بالتفصيل حول بناء Block Themes و FSE. نشير إلى العناصر الأربعة عشر التالية ، بالإضافة إلى العناصر الأخرى:

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

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

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

حسنًا ، يا رفاق ، حظًا سعيدًا في تصميم قوالب اللبنات وتنفيذ FSE!