إذا كنت تستخدم WordPress 5.0 والإصدارات الأحدث ، إلا إذا كنت تعيش تحت صخرة ، فستسمع بلا شك عن تحديث Gutenberg الذي تم دمجه في WordPress في ديسمبر 2018^{(December 2018)} .

لذلك إذا كنت تستخدم أحدث إصدار من WP ، فأنت إما تستخدم Gutenberg بالفعل أو أنك واصلت استخدام المحرر الكلاسيكي عن طريق تثبيت المكون الإضافي WordPress Classic Editor^{( WordPress Classic Editor plugin)} .

لماذا جوتنبرج؟^{(Why Gutenberg?)}

العديد من مستخدمي WP ليسوا مستعدين للقفز على عربة Gutenberg^{(on the Gutenberg wagon)} ، لكن البعض منهم ، بما في ذلك موقع الويب هذا.

بعض الأسباب التي قد تجعلك ترغب في استخدام Gutenberg هي لأنها:

• هو المستقبل لمطوري WP.
• يوفر تجربة مستخدم أفضل.
• أكثر مرونة من محرر WP الأصلي ( TinyMCE ).
• سيوفر سوقًا جديدًا للمطورين.

ما هي الاختلافات بين WordPress و Gutenberg؟^{(What Are The Differences Between WordPress & Gutenberg?)}

WP's Classic Editor هو محرر نصوص ويشبه إلى حد كبير Microsoft Word . يحتوي على حقل تحرير واحد كما هو موضح في لقطة الشاشة أدناه.

Gutenberg هو محرر قائم على الكتلة يشبه هذا:

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

• زر
• صورة
• الطاولة
• يتضمّن
• قائمة
• صالة عرض
• صوتي
• يقتبس
• عنوان
• شفرة
• بيت شعر
• HTML مخصص

أيضًا ، توفر السمات والإضافات المزيد من الكتل والأدوات لتستخدمها في منشورات وصفحات WP.

كيف تتأثر الصفحات أو المنشورات الموجودة؟^{(How Are Existing Pages Or Posts Affected?)}

بعد ترقية Gutenberg^(Gutenberg) واستخدامه ، يجب أن تستمر صفحاتك ومشاركاتك الحالية في العرض بشكل صحيح. 

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

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

هل أنت مستعد لإجراء التبديل؟

استخدم موقع التدريج^{(Use a Staging Site)}

آخر شيء تريد القيام به هو كسر موقعك الحالي. طريقة تجنب ذلك هي تنشيط Gutenberg على موقع التدريج^{(a staging site)} . هذه نسخة طبق الأصل من موقع الويب الخاص بك حيث يمكنك اختبار الأشياء دون التسبب في أي ضرر لموقعك المباشر.

تتضمن مواقع الاختبار السمة والمكونات الإضافية والخيارات والمحتوى. قد تقدم شركة الاستضافة مواقع انطلاق. إذا لم يفعلوا ذلك ، يمكنك استخدام المكون الإضافي WordPress Staging^{( WordPress Staging plugin)} .

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

تحقق من الإضافات الخاصة بك^{(Check Your Plugins)}

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

تريد أيضًا معرفة المكونات الإضافية التي يتم استخدامها عند تحرير المحتوى في WordPress . لا علاقة للمكونات الإضافية المحددة مثل Akismet و Contact Form 7 و Google Sitemap Generator و WP Super Cache بالمحرر ولن تتأثر باستخدام Gutenberg .

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

اعتاد Gutenberg^(Gutenberg) أن يكون لديه قاعدة بيانات نشطة لتوافق المكونات الإضافية^{(Plugin Compatibility)} . ومع ذلك ، فقد تم إغلاقه لأنه لم يعد نشطًا.

يمكنك مراجعة البيانات النهائية وتنزيل قاعدة البيانات^{( download the database)} كملف CSV . بدون الوصول إلى قاعدة بيانات توافق المكونات الإضافية النشطة ، سيتعين عليك اختبار كل مكون إضافي تستخدمه يدويًا.

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

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

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

تأكد من الاحتفاظ بقائمة المكونات الإضافية التي لا تعمل بشكل صحيح حتى تتمكن من إزالتها عند البث المباشر مع Gutenberg .

ماذا لو لم يكن هناك حظر افتراضي للوظيفة التي تحتاجها؟^{(What If There Is No Default Block For The Functionality You Need?)}

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

إذا فشل كل شيء آخر ، فحاول العثور على مكون إضافي لـ Gutenberg^{( Gutenberg plugin)} يقوم بما تحتاج إليه. احذف المكونات الإضافية التي لا تعمل من موقع التدريج.

البث المباشر^{(Going Live)}

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

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

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

هل تريد تحويل منشوراتك وصفحاتك القديمة إلى كتل Gutenberg؟^{(Do You Want To Convert Your Old Posts & Pages To Gutenberg Blocks?)}

افتح كل صفحة وانشر من " قائمة الحظر^{(Block Menu)} الكلاسيكية" . انقر فوق^(Click) النقاط الثلاث لعرض الخيارات^{(view options)} . حدد من القائمة المنسدلة تحويل إلى كتل^{(Convert to Blocks)} .

بعد أن يحول WP المحتوى الخاص بك إلى نظام كتلة Gutenberg ، يجب عليك مراجعة كل كتلة. استخدم حظر التنقل^{(Use Block Navigation)} (من الرموز) لمشاهدة جميع أجزاء منشورك أو صفحتك.

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

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

How To Transition From The Classic WordPress Editor To Gutenberg

If you use WоrdРrеss 5.0 and higher, unless you have been living under а rock, you will have undoubtedly heard of the Gutеnberg update which was merged into WordPress in December 2018.

So if you are using the latest version of WP, you are either already using Gutenberg or have continued using the classic editor by installing the WordPress Classic Editor plugin.

Why Gutenberg?

Many WP users are not ready to jump on the Gutenberg wagon, but some are, including this website.

A few of the reasons why you might want to use Gutenberg are because it:

• Is the future for WP developers.
• Provides a better user experience.
• Is more flexible that WP’s original editor (TinyMCE).
• Will provide a new market for developers.

What Are The Differences Between WordPress & Gutenberg?

WP’s Classic Editor is a text editor and looks very much like Microsoft Word. It has a single editing field as seen in the screenshot below.

Gutenberg is a block-based editor that looks like this:

There are multiple blocks for different types of content that include their own formatting options. Blocks such as:

• Button
• Image
• Table
• Embeds
• List
• Gallery
• Audio
• Quotes
• Heading
• Code
• Verse
• Custom HTML

Also, themes and plugins offer more blocks and widgets for you to use in your WP posts and pages.

How Are Existing Pages Or Posts Affected?

After upgrading and using Gutenberg, your existing pages and posts should continue to display correctly. 

However, you should check your shortcodes and make sure that the plugins you might be using are working.

When you edit an existing page or post, it will automatically open in a single new Gutenberg editor classic block.

Are you ready to make the switch?

Use a Staging Site

The last thing you want to do is break your existing site. The way to avoid this is to activate Gutenberg on a staging site. This is an exact replica of your website where you can test things out without doing any damage to your live site.

Test sites include your theme, plugins, options, and content. Your hosting company might offer staging sites. If they don’t, you can use the WordPress Staging plugin.

After your staging site is up and running, install and activate the Gutenberg plugin and start testing. Or install a brand new instance of WordPress on your computer and test on there.

Check Your Plugins

WordPress users are familiar with what happens when plugins don’t play nice together. Sometimes it’s due to the functionality or conflicting code. This is an excellent time to see if you are using all the plugins you have installed. If you aren’t, remove them.

You also want to see which plugins are being used when you are editing content in WordPress. Specific plugins such as Akismet, Contact Form 7, Google Sitemap Generator, and WP Super Cache have nothing to do with the editor and will not be affected by using Gutenberg.

On the other hand, any plugin that adds functionality or changes the way the WP classic editor looks might not be compatible with Gutenberg. In particular, plugins that generated shortcodes, adds custom styles, or haven’t been updated recently, usually conflict and cause problems.

Gutenberg used to have an active Plugin Compatibility database. However, it has been shut down because it is no longer actively maintained.

You can review the final data and download the database as a CSV file. Without access to an active plugin compatibility database, you are going to have to manually test each plugin you use.

Try creating a new post on your test site. You will see that you are in the Gutenberg editor and it will look different to you. When you start typing, you are automatically creating a paragraph block. You don’t have to add a new block when you add a new paragraph. Just hit enter or the return key.

Since you are trying to see if your current plugins will work, try to recreate how you used each one and see if it still works.

If it doesn’t, look for the same functionality in the default Gutenberg block, add that block, and add your content.

Be sure to keep a list of the plugins that don’t work correctly so you can remove them when going live with Gutenberg.

What If There Is No Default Block For The Functionality You Need?

Check all the blocks to see if the functionality you need lives inside another block. If you can’t find something that will work, you can contact the plugin authors and ask them if they are planning to update it to be compatible with Gutenberg.

If all else fails, try to find a Gutenberg plugin that does what you need. Delete the plugins that don’t work from your staging site.

Going Live

Before you do ANYTHING to your live site, make a complete backup of your entire site in case you missed something when checking for compatibility or another error occurs.

It is possible to make all the necessary changes on your test site and push them to your live site. However, this requires some technical knowledge. So, unless you are a developer or have one that works for you, it is better to make the changes manually.  

Start by deleting the plugins that didn’t work and adding the new ones you found to replace them. If old plugins are processing data for existing posts and pages and do not break new ones, you can leave them installed.

Do You Want To Convert Your Old Posts & Pages To Gutenberg Blocks?

Open each page and post from the Classic Block Menu. Click the three dots to view options. Select from the drop-down menu Convert to Blocks.

After WP converts your content to the Gutenberg block system, you should review each block. Use Block Navigation (from icons) to see all the parts of your post or page.

As you can see in the above screenshot, every paragraph, image, list, and heading is now in its own block. Converting existing pages and posts to the new Gutenberg system is quick and easy.

It might take several hours to test your plugins and find new ones, but you only have to do this once. Make sure to follow the steps suggested above to make your move to Gutenberg painless and error-free.

Related posts

• برنامج WordPress Gutenberg التعليمي: كيفية استخدام المحرر الجديد

• كيفية نقل WordPress site من مجموعة واحدة إلى أخرى

• كيفية تثبيت و Setup WordPress على Microsoft Azure

• كيفية تشغيل سريع سريع WordPress على Microsoft Azure

• كيفية تكوين Privacy في WordPress ولماذا من المهم

• أفضل تنسيق لكتابة المدونة للحصول على نقاطك

• كيفية تسريع موقع WordPress في 11 خطوة

• أفضل 3 ملحقات لتحسين محركات البحث لـ WordPress

• كيفية تتبع Broken Links مع Google Webmaster Tool

• Wix Vs WordPress: أيهما أفضل لإنشاء موقع الويب الخاص بك؟

• كيفية التحقق مما إذا كان موقع الويب المحظور من AdSense

• كيفية تسريع أي موقع WordPress باستخدام .HTACCESS

• المستخدمين إعادة توجيه من 404 صفحة في WordPress

• 10 إضافات WordPress أساسية لموقع الأعمال الصغيرة

• كيفية إجراء اختبارات تقسيم فعالة في ووردبريس

• كيفية تحرير التذييل في WordPress

• البرامج WordPress HTTP Error عند تحميل الصور

• 11 من أفضل ملحقات WordPress Podcast

• 7 نصائح ووردبريس لموقع صديق للجوال

• كيفية إعداد موقع الويب الشبيه بالتويتر الخاص بك باستخدام سمة P2 الخاصة بـ WordPress