كيفية إعداد موقع الويب الخاص بك ل Gutenberg

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

ما هو جوتنبرج؟

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

لمعرفة المزيد عن غوتنبرغ ، انقر هنا.

أجزاء من موقعك

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

• المظهر الخاص بك: يأتي Gutenberg مع مجموعة الأنماط الخاصة به للمحتوى. هل موضوعك متوافق؟ كيف سيبدو جوتنبرج عندما يكون نشطًا؟

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

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

إنشاء منطقة اختبار

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

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

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

ضع موضوعك على المحك

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

نظرًا لأن Gutenberg يتفاعل بشكل أساسي مع محتوى الموقع ، يكفي اختبار بعض الأشياء - لحسن الحظ بالنسبة لنا.

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

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

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

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

هل تعمل مكوناتك الإضافية؟

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

استكشاف الرموز القصيرة

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

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

مظهر من المحتوى

تنبع هذه المشكلة من نفس المشكلة التي تناولناها بالفعل: بدائل النمط. تحديد العناصر المتأثرة وتصحيح CSS.

إنشاء العنصر

المنطقة الأخيرة التي سنبحث فيها عن المشكلات المتضاربة تتعلق بإنشاء العنصر. أي مكون إضافي يقوم بإدراج عناصر HTML في صفحة دون استخدام الرموز القصيرة هو موضع شك هنا ، على سبيل المثال ، عندما تستخرج PHP الحقول المخصصة من المكون الإضافي Advanced Custom Fields.

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

هل يبدو المحتوى الخاص بك ضروريًا؟

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

ماذا تفعل عندما يكون هناك الكثير من المشاكل

هل واجهت مشكلة لم تتمكن من حلها بالاقتراحات الواردة في هذا البرنامج التعليمي؟ لا تصب بالذعر ! لا يزال هناك بعض الوقت قبل دمج Gutenberg في قلب WordPress.

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

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

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

حظا سعيدا على التثبيت الخاص بك!

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