اگر از وردپرس^(WordPress) 5.0 و بالاتر استفاده می کنید، مگر اینکه در زیر سنگ زندگی کرده باشید، بدون شک در مورد به روز رسانی گوتنبرگ^(Gutenberg) که در دسامبر 2018 با ^{(December 2018)}وردپرس^(WordPress) ادغام شد، شنیده اید .

بنابراین اگر از آخرین نسخه WP استفاده می‌کنید، یا از گوتنبرگ^(Gutenberg) استفاده می‌کنید یا با نصب افزونه ویرایشگر کلاسیک WordPress^{( WordPress Classic Editor plugin)} به استفاده از ویرایشگر کلاسیک ادامه داده‌اید .

چرا گوتنبرگ؟^{(Why Gutenberg?)}

بسیاری از کاربران WP برای پریدن از واگن گوتنبرگ^{(on the Gutenberg wagon)} آماده نیستند ، اما برخی از آنها، از جمله این وب سایت، آماده هستند.

برخی از دلایلی که ممکن است بخواهید از گوتنبرگ^(Gutenberg) استفاده کنید به این دلیل است که:

• آینده توسعه دهندگان WP است.
• تجربه کاربری بهتری را ارائه می دهد.
• نسبت به ویرایشگر اصلی WP ( TinyMCE^(TinyMCE) ) انعطاف پذیرتر است .
• بازار جدیدی را برای توسعه دهندگان فراهم می کند.

تفاوت بین وردپرس و گوتنبرگ چیست؟^{(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)

آیا برای تغییر آماده هستید؟

از یک سایت استیجینگ استفاده کنید^{(Use a Staging Site)}

آخرین کاری که می خواهید انجام دهید این است که سایت موجود خود را خراب کنید. راه جلوگیری از این امر این است که گوتنبرگ^(Gutenberg) را در یک سایت صحنه^{(a staging site)} سازی فعال کنید . این یک کپی دقیق از وب سایت شما است که در آن می توانید موارد را بدون آسیب رساندن به سایت زنده خود آزمایش کنید.

سایت‌های آزمایشی شامل تم، افزونه‌ها ، گزینه‌ها و محتوای شما هستند. شرکت میزبانی شما ممکن است سایت های استیجینگ را ارائه دهد. اگر این کار را نکردند، می‌توانید از افزونه WordPress Staging^{( WordPress Staging plugin)} استفاده کنید .

پس از راه اندازی سایت استیجینگ، افزونه گوتنبرگ^{( Gutenberg plugin)} را نصب و فعال کنید و شروع به تست کنید. یا یک نمونه کاملاً جدید از وردپرس را روی رایانه خود نصب کنید و در آنجا تست کنید.

پلاگین های خود را بررسی کنید^{(Check Your Plugins)}

کاربران وردپرس با اتفاقاتی که وقتی افزونه ها با هم خوب بازی نمی کنند آشنا هستند. گاهی اوقات به دلیل عملکرد یا کد متناقض است. این زمان بسیار خوبی است تا ببینید آیا از همه افزونه هایی که نصب کرده اید استفاده می کنید یا خیر. اگر نیستید، آنها را حذف کنید.

شما همچنین می خواهید ببینید که هنگام ویرایش محتوا در وردپرس^(WordPress) از کدام افزونه ها استفاده می شود . پلاگین های خاصی مانند Akismet , Contact Form 7 , Google Sitemap Generator و WP Super Cache هیچ ربطی به ویرایشگر ندارند و با استفاده از Gutenberg تحت تأثیر قرار نخواهند گرفت .

از سوی دیگر، هر افزونه‌ای که عملکردی اضافه کند یا ظاهر ویرایشگر کلاسیک WP را تغییر دهد، ممکن است با گوتنبرگ^(Gutenberg) سازگار نباشد . به ویژه، افزونه هایی که کدهای کوتاه تولید می کنند، سبک های سفارشی را اضافه می کنند یا اخیراً به روز نشده اند، معمولاً با هم تداخل دارند و مشکلاتی را ایجاد می کنند.

گوتنبرگ^(Gutenberg) قبلاً یک پایگاه داده سازگار با افزونه^{(Plugin Compatibility)} فعال داشت. با این حال، به دلیل اینکه دیگر به طور فعال نگهداری نمی شود، تعطیل شده است.

می توانید داده های نهایی را بررسی کرده و پایگاه داده^{( download the database)} را به صورت فایل CSV دانلود کنید. ^(CSV)بدون دسترسی به پایگاه داده سازگاری افزونه فعال، باید هر افزونه ای را که استفاده می کنید به صورت دستی آزمایش کنید.

سعی کنید یک پست جدید در سایت آزمایشی خود ایجاد کنید. خواهید دید که در ویرایشگر گوتنبرگ هستید و به نظر شما متفاوت خواهد بود. ^(Gutenberg)وقتی شروع به تایپ می کنید، به طور خودکار یک بلوک پاراگراف ایجاد می کنید. هنگامی که یک پاراگراف جدید اضافه می کنید، لازم نیست بلوک جدیدی اضافه کنید. فقط^(Just) کلید enter یا بازگشت را بزنید.

از آنجایی که می‌خواهید ببینید آیا افزونه‌های فعلی‌تان کار می‌کنند یا نه، سعی کنید نحوه استفاده از هر یک را دوباره ایجاد کنید و ببینید که آیا هنوز کار می‌کند یا خیر.

اگر اینطور نیست، به دنبال همان عملکرد در بلوک پیش فرض گوتنبرگ^(Gutenberg) بگردید ، آن بلوک را اضافه کنید و محتوای خود را اضافه کنید.

حتماً فهرستی از افزونه‌هایی را که به درستی کار نمی‌کنند، نگه دارید تا بتوانید هنگام پخش زنده با گوتنبرگ^(Gutenberg) ، آنها را حذف کنید .

اگر بلوک پیش فرضی برای عملکردی که نیاز دارید وجود نداشته باشد، چه؟^{(What If There Is No Default Block For The Functionality You Need?)}

همه بلوک ها را بررسی کنید تا ببینید آیا عملکرد مورد نیاز شما در بلوک دیگری وجود دارد یا خیر. اگر نتوانستید چیزی را پیدا کنید که کار کند، می توانید با نویسندگان افزونه تماس بگیرید و از آنها بپرسید که آیا قصد دارند آن را برای سازگاری با گوتنبرگ^(Gutenberg) به روز کنند .

اگر همه چیز شکست خورد، سعی کنید یک افزونه گوتنبرگ^{( Gutenberg plugin)} را پیدا کنید که آنچه شما نیاز دارید را انجام دهد. افزونه هایی که کار نمی کنند را از سایت استیجینگ خود حذف کنید.

پخش زنده^{(Going Live)}

قبل از اینکه کاری برای سایت زنده خود انجام دهید، در صورتی که هنگام بررسی سازگاری چیزی را از دست دادید یا خطای دیگری رخ داد، یک نسخه پشتیبان کامل از کل سایت خود تهیه کنید.

این امکان وجود دارد که تمام تغییرات لازم را در سایت آزمایشی خود اعمال کنید و آنها را به سایت زنده خود فشار دهید. با این حال، این نیاز به دانش فنی دارد. بنابراین، اگر توسعه‌دهنده نیستید یا برنامه‌ای دارید که برای شما کار می‌کند، بهتر است تغییرات را به صورت دستی انجام دهید.  

با حذف افزونه‌هایی که کار نمی‌کنند شروع کنید و افزونه‌های جدیدی را که پیدا کرده‌اید اضافه کنید تا جایگزین آن‌ها شوند. اگر افزونه‌های قدیمی در حال پردازش داده‌های پست‌ها و صفحات موجود هستند و افزونه‌های جدید را خراب نمی‌کنند، می‌توانید آن‌ها را نصب کنید.

آیا می خواهید پست ها و صفحات قدیمی خود را به بلوک های گوتنبرگ تبدیل کنید؟^{(Do You Want To Convert Your Old Posts & Pages To Gutenberg Blocks?)}

هر صفحه را باز کنید و از منوی بلوک^{(Block Menu)} کلاسیک پست کنید . برای مشاهده گزینه ها^{(view options)} روی سه نقطه کلیک کنید^(Click) . از منوی کشویی Convert to Blocks را^{(Convert to Blocks)} انتخاب کنید .

پس از اینکه WP محتوای شما را به سیستم بلوک گوتنبرگ^(Gutenberg) تبدیل کرد، باید هر بلوک را بررسی کنید. از Block Navigation^{(Use Block Navigation)} (از نمادها) برای مشاهده تمام قسمت های پست یا صفحه خود استفاده کنید.

همانطور که در تصویر بالا مشاهده می کنید، هر پاراگراف، تصویر، فهرست و عنوان اکنون در بلوک خود قرار دارد. تبدیل صفحات و پست های موجود به سیستم جدید گوتنبرگ^(Gutenberg) سریع و آسان است.

ممکن است چندین ساعت طول بکشد تا افزونه های خود را آزمایش کنید و افزونه های جدید را پیدا کنید، اما فقط یک بار باید این کار را انجام دهید. حتماً مراحل پیشنهادی بالا را دنبال کنید تا حرکت خود را به گوتنبرگ^(Gutenberg) بدون درد و بدون خطا انجام دهید.

How To Transition From The Classic WordPress Editor To Gutenberg

If you use WordPress 5.0 and higher, unless you have been living under a rock, you will have undoubtedly heard of the Gutеnberg update which was merged into WоrdPress in Dеcember 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 site را از یک میزبان به دیگری حرکت دهیم

• نحوه نصب و راه اندازی WordPress در Microsoft Azure

• چگونه برای اجرای پرسرعتی WordPress در Microsoft Azure

• چگونه برای پیکربندی Privacy در WordPress و چرا این مهم است

• Wix در مقابل وردپرس: کدام یک برای ایجاد وب سایت شما بهترین است؟

• 10 افزونه ضروری وردپرس برای یک وب سایت کسب و کار کوچک

• نحوه افزایش سرعت سایت وردپرس در ۱۱ مرحله

• چگونه از سایت وردپرس خود بک آپ بگیرید

• نمایش گزیده ای در صفحه اصلی از WordPress blog

• نحوه اضافه کردن نوار کناری شناور در Wordpress

• نحوه پیگیری Broken Links با Google Webmaster Tool

• نحوه ایجاد پاپ آپ کوپن خود در وردپرس

• چگونه می توان عملکرد وردپرس را از طریق پاکسازی پایگاه داده افزایش داد

• چگونه تمام آثار پلاگین وردپرس را حذف کنیم؟

• چگونه به نصب WordPress در Google Cloud Platform

• بهترین قالب وبلاگ نویسی برای دریافت امتیازات شما

• 8 تم Premium WordPress رایگان برای نصب

• نحوه انجام تست های تقسیم موثر در وردپرس

• کاربران تغییر مسیر از 404 صفحه در WordPress