WordPress 5.0 ve üstünü kullanıyorsanız , bir kayanın altında yaşamıyorsanız , Aralık 2018'de ^{(December 2018)}WordPress ile birleştirilen Gutenberg güncellemesini şüphesiz duymuşsunuzdur .

Yani WP'nin en son sürümünü kullanıyorsanız, ya zaten Gutenberg kullanıyorsunuzdur ya da ^(Gutenberg)WordPress Classic Editor eklentisini^{( WordPress Classic Editor plugin)} yükleyerek klasik düzenleyiciyi kullanmaya devam etmişsinizdir .

Neden Gutenberg?^{(Why Gutenberg?)}

Birçok WP kullanıcısı Gutenberg vagonuna^{(on the Gutenberg wagon)} atlamaya hazır değil , ancak bu web sitesi de dahil olmak üzere bazıları.

Gutenberg'i^(Gutenberg) kullanmak isteyebileceğiniz birkaç neden :

• WP geliştiricileri için gelecek.
• Daha iyi bir kullanıcı deneyimi sağlar.
• WP'nin orijinal düzenleyicisinden ( TinyMCE ) daha esnektir.
• Geliştiriciler için yeni bir pazar sağlayacaktır.

WordPress ve Gutenberg Arasındaki Farklar Nelerdir?^{(What Are The Differences Between WordPress & Gutenberg?)}

WP'nin Klasik Düzenleyicisi bir metin düzenleyicisidir ve ^{(Classic Editor)}Microsoft Word'e^{(Microsoft Word)} çok benzer . Aşağıdaki ekran görüntüsünde görüldüğü gibi tek bir düzenleme alanına sahiptir.

Gutenberg , şuna benzeyen blok tabanlı bir düzenleyicidir:

Kendi biçimlendirme seçeneklerini içeren farklı içerik türleri için birden çok blok vardır. Şunlar gibi bloklar:

• Buton
• resim
• Tablo
• Gömme
• Liste
• Galeri
• Ses
• alıntılar
• başlık
• kod
• ayet
• Özel HTML

Ayrıca, temalar ve eklentiler, WP yazılarınızda ve sayfalarınızda kullanmanız için daha fazla blok ve widget sunar.

Mevcut Sayfalar veya Gönderiler Nasıl Etkilenir?^{(How Are Existing Pages Or Posts Affected?)}

Yükseltmeden ve Gutenberg'i^(Gutenberg) kullandıktan sonra , mevcut sayfalarınız ve gönderileriniz doğru şekilde görüntülenmeye devam etmelidir. 

Ancak, kısa kodlarınızı kontrol etmeli ve kullanıyor olabileceğiniz eklentilerin çalıştığından emin olmalısınız.

Mevcut bir sayfayı veya gönderiyi düzenlediğinizde, otomatik olarak tek bir yeni Gutenberg editörü klasik bloğunda açılır.

Geçiş yapmaya hazır mısınız?

Bir Hazırlama Sitesi Kullanın^{(Use a Staging Site)}

Yapmak isteyeceğiniz son şey mevcut sitenizi bozmak. Bundan kaçınmanın yolu , bir hazırlama sitesinde^{(a staging site)} Gutenberg'i etkinleştirmektir^(Gutenberg) . Bu, canlı sitenize herhangi bir zarar vermeden bir şeyleri test edebileceğiniz web sitenizin tam bir kopyasıdır.

Test siteleri temanızı, eklentilerinizi , seçeneklerinizi ve içeriğinizi içerir. Barındırma şirketiniz hazırlama siteleri sunabilir. Aksi takdirde, WordPress Staging eklentisini^{( WordPress Staging plugin)} kullanabilirsiniz .

Hazırlama siteniz çalışmaya başladıktan sonra, Gutenberg eklentisini^{( Gutenberg plugin)} kurun ve etkinleştirin ve test etmeye başlayın. Veya bilgisayarınıza yepyeni bir WordPress örneği kurun ve orada test edin.

Eklentilerinizi Kontrol Edin^{(Check Your Plugins)}

WordPress kullanıcıları, eklentiler birlikte iyi oynamadığında ne olduğuna aşinadır. Bazen bunun nedeni işlevsellik veya çakışan koddur. Bu, yüklediğiniz tüm eklentileri kullanıp kullanmadığınızı görmek için harika bir zaman. Eğer değilseniz, onları kaldırın.

WordPress'te^(WordPress) içerik düzenlerken hangi eklentilerin kullanıldığını da görmek istersiniz . Akismet , İletişim Formu 7^{(Contact Form 7)} , Google Site Haritası Oluşturucu^{(Google Sitemap Generator)} ve WP Super Cache gibi belirli eklentilerin düzenleyiciyle hiçbir ilgisi yoktur ve Gutenberg kullanımından etkilenmeyecektir .

Öte yandan, işlevsellik ekleyen veya WP classic düzenleyicisinin görünüşünü değiştiren herhangi bir eklenti, Gutenberg^(Gutenberg) ile uyumlu olmayabilir . Özellikle kısa kodlar oluşturan, özel stiller ekleyen veya yakın zamanda güncellenmemiş eklentiler genellikle çakışır ve sorunlara neden olur.

Gutenberg , eskiden aktif bir Eklenti Uyumluluk^{(Plugin Compatibility)} veritabanına sahipti. Ancak artık aktif olarak bakımı yapılmadığı için kapatılmıştır.

Nihai verileri gözden geçirebilir ve veritabanını^{( download the database)} bir CSV dosyası olarak indirebilirsiniz. Etkin bir eklenti uyumluluğu veritabanına erişim olmadan, kullandığınız her eklentiyi manuel olarak test etmeniz gerekecektir.

Test sitenizde yeni bir gönderi oluşturmayı deneyin. Gutenberg editöründe olduğunuzu göreceksiniz ve size farklı görünecek. Yazmaya başladığınızda, otomatik olarak bir paragraf bloğu oluşturursunuz. Yeni bir paragraf eklediğinizde yeni bir blok eklemeniz gerekmez. Sadece^(Just) enter tuşuna veya dönüş tuşuna basın.

Mevcut eklentilerinizin çalışıp çalışmayacağını görmeye çalıştığınız için, her birini nasıl kullandığınızı yeniden oluşturmaya çalışın ve hala çalışıp çalışmadığını görün.

Olmazsa, varsayılan Gutenberg^(Gutenberg) bloğunda aynı işlevi arayın, o bloğu ekleyin ve içeriğinizi ekleyin.

Gutenberg ile yayına girerken kaldırabilmeniz için düzgün çalışmayan eklentilerin bir listesini tuttuğunuzdan emin olun .

Ya İhtiyacınız Olan İşlevsellik İçin Varsayılan Blok Yoksa?^{(What If There Is No Default Block For The Functionality You Need?)}

İhtiyacınız olan işlevselliğin başka bir blokta yaşayıp yaşamadığını görmek için tüm blokları kontrol edin. İşe yarayacak bir şey bulamazsanız, eklenti yazarlarıyla iletişime geçebilir ve Gutenberg ile uyumlu olacak şekilde güncellemeyi planlayıp planlamadıklarını sorabilirsiniz .

Her şey başarısız olursa, ihtiyacınız olanı yapan bir Gutenberg eklentisi^{( Gutenberg plugin)} bulmaya çalışın . Hazırlama sitenizden çalışmayan eklentileri silin.

Canlı Yayın^{(Going Live)}

Canlı sitenize HERHANGİ BİR ŞEY YAPMADAN önce, uyumluluk kontrolü yaparken bir şeyi gözden kaçırırsanız veya başka bir hata oluşursa, sitenizin tamamının tam bir yedeğini alın.

Test sitenizde gerekli tüm değişiklikleri yapıp canlı sitenize göndermeniz mümkündür. Ancak bu biraz teknik bilgi gerektirir. Bu nedenle, bir geliştirici değilseniz veya sizin için çalışan bir geliştiriciniz yoksa, değişiklikleri manuel olarak yapmak daha iyidir.  

Çalışmayan eklentileri silerek ve bunların yerine yenilerini ekleyerek başlayın. Eski eklentiler mevcut gönderiler ve sayfalar için veri işliyorsa ve yenilerini bozmuyorsa, onları kurulu bırakabilirsiniz.

Eski Yazılarınızı & Sayfalarınızı Gutenberg Bloklarına Dönüştürmek mi İstiyorsunuz?^{(Do You Want To Convert Your Old Posts & Pages To Gutenberg Blocks?)}

Her sayfayı açın ve Klasik Blok Menüsünden^{(Block Menu)} gönderin . Seçenekleri görüntülemek^{(view options)} için üç noktayı tıklayın^(Click) . Açılır menüden Bloklara Dönüştür^{(Convert to Blocks)} öğesini seçin .

WP, içeriğinizi Gutenberg blok sistemine dönüştürdükten sonra, her bloğu gözden geçirmelisiniz. Gönderinizin veya sayfanızın tüm bölümlerini görmek için Gezinmeyi Engelle (simgelerden) kullanın.^{(Use Block Navigation)}

Yukarıdaki ekran görüntüsünde de görebileceğiniz gibi, her paragraf, resim, liste ve başlık artık kendi bloğunda. Mevcut sayfaları ve gönderileri yeni Gutenberg sistemine dönüştürmek hızlı ve kolaydır.

Eklentilerinizi test etmek ve yenilerini bulmak birkaç saat sürebilir, ancak bunu yalnızca bir kez yapmanız yeterlidir. Gutenberg'e^(Gutenberg) geçişinizi ağrısız ve hatasız hale getirmek için yukarıda önerilen adımları uyguladığınızdan emin olun .

How To Transition From The Classic WordPress Editor To Gutenberg

If you use WordPreѕs 5.0 and higher, unless you have been living undеr a 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 Eğitimi: Yeni Düzenleyici Nasıl Kullanılır

• WordPress site'i bir barından diğerine nasıl taşınır

• Microsoft Azure'te WordPress Nasıl Kurulur ve Kurulur

• Microsoft Azure hızlı WordPress blazingly nasıl çalıştırılır

• WordPress'de Privacy nasıl yapılandırılır ve neden önemlidir?

• WordPress gösterileri sırasında yükleme görüntüleri HTTP Error

• WordPress'te Altbilgi Nasıl Düzenlenir

• 8 ücretsiz Premium WordPress temaları yüklemek için

• Nasıl bir WordPress Site Secure Yapmak

• Bir Etki Alanında WordPress Manuel Olarak Nasıl Kurulur

• WordPress'te Kendi Kupon Pop-up'ınızı Nasıl Oluşturursunuz?

• Bir Veritabanı Temizliği ile WordPress'te Performans Nasıl Artırılır

• Daha İyi Güvenlik İçin WordPress Giriş URL'nizi Nasıl Değiştirirsiniz?

• WordPress blogunda WP Süper Önbellek nasıl kullanılır?

• WordPress Jetpack: Nedir ve Yüklemeye Değer mi?

• Puanlarınızı Karşılamak için En İyi Blog Yazma Formatı

• WordPress için AMP Nedir ve Nasıl Kurulur?

• Wix Vs WordPress: Web Sitenizi Oluşturmak İçin En İyisi Hangisi?

• WordPress'te PHP Nasıl Güncellenir

• Squarespace Vs WordPress: Hangisi Daha İyi Site Platformu?