Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. WordPress
Code

كيفية اعداد موقعك لوورد بريس Gutenberg

by
Length:MediumLanguages:

Arabic (العربية/عربي) translation by mohamed (you can also view the original English article)

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

ما هو Gutenberg ؟

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

إذا كنت ترغب في معرفة المزيد حول ما هو Gutenberg على وجه التحديد ، نلقي نظرة على كتابتي السابقة "ما هو WordPress Gutenberg؟"

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

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

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

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

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

إعداد منطقة اختبار

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

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

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

ضع الموضوع الخاص بك من خلال خطواته

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

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

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

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

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

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

هل تعمل الإضافات الخاصة بك؟

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

النظر في الرموز القصيرة

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

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

مظهر المحتوى

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

إنشاء العنصر

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

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

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

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

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

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

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

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

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

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

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

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.