Gutenberg WordPress Editörü: Bilmeniz Gereken 10 Şey

Yayınlanan: 2020-10-23

WordPress blok editörü olarak da bilinen Gutenberg WordPress editörü, artık WordPress çekirdeğinin bir parçasıdır. WordPress editörüne yönelik bu yeni yaklaşım sizin için ne anlama geliyor? Ya zaten bir WordPress sayfa oluşturucu kullanıyorsanız?

Bu kılavuzda, WordPress için yeni Gutenberg editörünün temellerini ve bilmeniz gerekenleri gözden geçireceğiz.

Bu kılavuzda

    Gutenberg WordPress Editörü nedir?

    WordPress blok editörü olarak da adlandırılan Gutenberg WordPress editörü, WordPress 5.0+ sürümüne dahil olan yeni bir sayfa oluşturucudur. Gutenberg editörü, her güncel WordPress web sitesine içerik blokları ve sayfa oluşturucu benzeri işlevler ekler.

    Gutenberg, gönderiler ve sayfalar için varsayılan içerik düzenleyici olarak TinyMCE'yi (WYSIWYG) kullanan önceki WordPress klasik düzenleyicisinin yerini alıyor. Gutenberg ile içerik, daha büyük bir içerik alanı yerine bireysel "bloklar" halinde eklenir.

    Yeni WordPress blokları, paragraflardan, başlıklardan, listelerden, resimlerden, galerilerden, yerleştirmelerden ve çok daha fazlasından her şeyi içerir.

    Gutenberg WordPress editörü

    Gutenberg, WordPress'te yıllardır yapılan en büyük güncellemeyi temsil eden WordPress 5.0 ile piyasaya sürüldü. Gutenberg piyasaya çıktığından beri, WordPress ile web siteleri geliştiren, kullanan ve tasarlayan birçok kişiyi içeren yeni WordPress editörü hakkında sağlıklı bir tartışma devam ediyor.

    Gutenberg'in Amacı

    Gutenberg editörünün birincil amacı, kullanıcıların daha fazla esnekliğe sahip gönderiler ve sayfalar oluşturmasına yardımcı olmaktı. Gutenberg'in WordPress'in diğer sayfa oluşturma web sitesi platformlarıyla daha doğrudan rekabet etmesine yardımcı olmayı amaçladığı da tahmin edilebilir.

    Bağlam için, yeni Gutenberg WordPress editörünün amacı hakkında birkaç alıntı.

    • "Blok düzenleyicinin amacı, WordPress'e zengin içerik eklemeyi basit ve eğlenceli hale getirmektir." – WordPress.org'daki Gutenberg eklenti açıklamasından.
    • “Gutenberg, WordPress için ileriye doğru atılmış önemli bir adım. Gutenberg, WordPress'in yalnızca makale yazmakla kalmayıp içerik düzenleri oluşturmasını sağlar. WordPress'te daha basitleştirilmiş bir kullanıcı deneyimine yönelik birçok geçişten biridir." – Zack Katz, WordCamp Denver 2017'de konuşuyor

    Gutenberg neden WordPress için bir ilerleme? WordPress görsel editörü yıllardır durgundu. Tahmin edilebilir olsa da, tam olarak harika bir deneyim değildi. Amaç, Wix ve Squarespace tarafından sunulanlar gibi yeni kullanıcılar için daha sezgisel bir arayüze sahip olmaktır.

    1. WordPress Kurucusu Matt Mullenweg Gutenberg'in Tamamen Arkasında

    • The State of the Word 2016'da Mullenweg, görsel editörün 2017'nin üç temel odak noktasından biri olacağını duyurdu.
    • Matt, bu yılın başlarında Gutenberg'in proje liderliğini devraldı ve Automattic çalışanları Matias Ventura ve Joen Asmussen'i geliştirmeyi yönetmeye atadı.
    • Matt'in Gutenberg'e bakışını buradan okuyun: Bir Nedenden dolayı Gutenberg olarak adlandırdık.
    • Ayrıca Gutenberg'in REACT javascript kullanılarak yazıldığını da unutmayın. Facebook'un projeyi MIT lisansı altında yeniden lisanslamak için yaptığı son hamleyle Matt Mullenweg, WordPress.com ve Gutenberg'in farklı bir kitaplık kullanılarak yeniden yazılacağını duyurdu. İşte REACT ve WordPress hakkında daha fazla bilgi.

    2. Gutenberg İlk Önce Hala Aktif Olarak Geliştirilen Ayrı Bir Eklentiydi

    Gutenberg, WordPress'in çekirdek sürümüne dahil edilmeden önce, Gutenberg ilk olarak, kullanıcıların onu test etmesine ve WordPress'te içerik oluşturma ve düzenleme şeklini nasıl değiştireceğini görmesine izin veren ayrı bir eklenti olarak geliştirildi.

    Gutenberg
    • Bugün, Gutenberg eklentisi, haftalık güncellemelerle hala aktif olarak geliştirilmektedir.
    • Gutenberg eklentisi genellikle çekirdek WordPress'ten önceki birkaç sürüm sürümüdür, bu nedenle WordPress blok düzenleyicisinin yeni özelliklerini WordPress çekirdeğine eklenmeden önce önizleyebilirsiniz.
    • Gutenberg eklentisini çalıştırmak, WordPress blok düzenleyicisinin en yeni özelliklerini edinmenin harika bir yoludur. Ayrıca, blok düzenleyicinin ufukta ne olduğunu bilmek geliştiriciler ve müşterilerle çalışanlar için inanılmaz derecede yararlıdır.

    3. Gutenberg, Varsayılan İçerik Düzenleyicisi Olarak WordPress 5.0'a Girildi

    16 Aralık 2018'de WordPress 5.0 yayınlandı. WordPress'in bu büyük sürüm sürümü, yazı ve sayfa düzenleyicide büyük bir revizyon içeriyor ve Gutenberg'i varsayılan WordPress düzenleyicisi olarak sunuyor.

    E-kitabı indirin: Gutenberg WordPress Editör için En İyi Kılavuz
    PDF'yi indirin

    WordPress tarihinde şimdiye kadarki en çok beklenen ve en çok tartışılan sürüm olan Gutenberg editörü, WordPress'in başlangıcından bu yana var olan önceki klasik editörden çarpıcı bir şekilde ayrıldı. Bazı kullanıcılar, 5.0 sürümünün ardından WordPress düzenleyicisinin büyük farklılığına hazırlıksız yakalanmış olabilir.

    4. Gutenberg ayrıca Yaygın Olarak WordPress Blok Düzenleyicisi Olarak Adlandırılır

    Zaman geçtikçe, yeni WordPress düzenleyicisinin nasıl adlandırılacağı konusunda hala bazı karışıklıklar var. Projenin adı Gutenberg'di, bu yüzden bazı insanlar hala ona Gutenberg Editörü ve "blokları" Gutenberg blokları diyor.

    wordpress blok düzenleyici

    Öte yandan, yeni düzenleyici, WordPress kullanıcı arayüzü içinden blok düzenleyici olarak anılır. WordPress.org'daki belgeler, onu yalnızca WordPress düzenleyicisi olarak adlandırır.

    5. Gutenberg Her Sürümde Gelişmeye ve İyileşmeye Devam Ediyor

    Aralık 2018'den bu yana, WordPress çekirdeğinin tüm ana sürümleri, Gutenberg Düzenleyicisi için yeni özellikler, geliştirmeler ve hata düzeltmeleri içeriyor. Düzenleme deneyimi gelişmeye devam etti ve iyi bir şekilde.

    Örneğin, WordPress 5.5'in en önemli yeni özellikleri ve geliştirmeleri büyük ölçüde blok düzenleyiciyle ilgiliydi. Kullanıcı arabirimi, erişilebilirlik, sürükle ve bırak ve diğer kullanılabilirlik sorunlarına yönelik iyileştirmeler ele alınmaya devam ediyor.

    Not: WordPress'in herhangi bir ana sürümünü veya Gutenberg eklentisini çalıştırmadan önce, BackupBuddy gibi bir WordPress yedekleme eklentisi ile WordPress web sitenizin yedeğini almanızı şiddetle tavsiye ederiz.

    6. Gutenberg Blokları Genişlemeye ve İyileşmeye Devam Ediyor

    Gutenberg'in birincil amacı, yazıların ve sayfaların WordPress içinde nasıl oluşturulduğu ve düzenlendiğiyle ilgili daha iyi, zengin içerik düzenleme deneyimi yaratmaktı. Bunun ötesinde, Gutenberg'in vizyonu, yazı/sayfa düzenleyicisinin ötesine geçerek, widget'lara ve kenar çubuklarına ve hatta bir web sitesinin üstbilgisine ve altbilgisine kadar uzanır.

    Esasen Gutenberg, bir gönderi veya sayfa almanıza ve içeriği çeşitli "bloklara" ayırmanıza olanak tanır. Örneğin, WordPress blokları bir resim bloğu, paragraf bloğu, alıntı bloğu, başlık bloğu, hatta bir düğme bloğu içerir. WordPress Blokları: Gutenberg Blokları İçin En İyi Kılavuz'da daha fazlasını okuyun.

    İşte Gutenberg düzenleyicisine dahil olan varsayılan WordPress bloklarından birkaçı.

    WordPress bloğu Açıklama
    Ses Basit bir ses oynatıcı yerleştirin.
    Düğmeler Güzel düğmelerle dönüşümleri artırın.
    Kategoriler Tüm kategorilerin bir listesini görüntüleyin.
    Klasik Klasik WordPress düzenleyicisini kullanın
    kod Boşluklarınıza ve sekmelerinize uyan kod parçacıklarını görüntüleyin.
    Sütunlar İçeriği birden çok sütunda görüntüleyen bir blok ekleyin, ardından istediğiniz içerik bloklarını ekleyin.
    Örtmek Metin kaplamalı bir resim veya video ekleyin - başlıklar için harika.
    Göm Harici kaynaklardan video, resim, tweet, ses ve diğer içerikleri gömün.
    Dosya İndirilebilir bir dosyaya bağlantı ekleyin.
    Galeri Zengin bir galeride birden çok resim görüntüleyin.
    Başlık Ziyaretçilerin (ve arama motorlarının) içeriğinizin yapısını anlamasına yardımcı olmak için yeni bölümler tanıtın ve içeriği düzenleyin.
    resim Görsel bir açıklama yapmak için bir resim ekleyin.
    Son gönderi En son gönderilerinizin bir listesini görüntüleyin.
    Liste Madde işaretli veya numaralı bir liste oluşturun.
    Paragraf Tüm anlatıların yapı taşı.
    Alıntı yap Metninizden bir alıntıya özel görsel ilgi gösterin.
    Alıntı Alıntılanan metne görsel vurgu verin.
    Daha Bir "Daha fazlasını okuyun" öğesi ekler
    Ayırıcı Yatay bir ayırıcıyla fikirler veya bölümler arasında bir mola oluşturun.
    Kısa kod WordPress kısa kodlarıyla ek özel öğeler ekleyin.
    ara parçası Bloklar arasına beyaz boşluk ekleyin ve yüksekliği özelleştirin.

    7. Gutenberg'i Devre Dışı Bırakabilirsiniz, Ama Belki Sonsuza Kadar Değil

    Gutenberg editörünü sevmiyor musun? Yeni blok düzenleyicinin, sitenizi çalıştıran mevcut temanız veya eklentilerinizle tam olarak uyumlu olmadığını fark ettiğiniz zamanlar olabilir. İyi haber şu ki, Klasik Düzenleyici adlı bir eklenti kullanarak klasik düzenleyiciye geri dönebilirsiniz.

    Klasik Editör

    Classic Editor, WordPress ekibi tarafından sağlanan ve önceki (“klasik”) WordPress düzenleyicisini ve “Yazıyı Düzenle” ekranını geri yükleyen resmi bir eklentidir. Bu ekranı genişleten, eski tarz meta kutuları ekleyen veya önceki düzenleyiciye bağlı olan eklentileri kullanmayı mümkün kılar.

    WordPress ekibine göre, Klasik Düzenleyici, yalnızca en az 2022 yılına kadar tam olarak desteklenecek ve bakımı yapılacak resmi bir WordPress eklentisidir. Yakın zamanda “veya gerektiği kadar” eklenseler de.

    Klasik düzenleyiciyi WordPress ile nasıl kullanacağınız hakkında daha fazlasını burada bulabilirsiniz.

    8. Gutenberg'in Artık Üçüncü Taraf Bir Blok Dizini Var

    WordPress blok dizini, WordPress kullanıcılarının WordPress blok düzenleyicisi içinden üçüncü taraf WordPress bloklarını keşfedebileceği, kurabileceği ve test edebileceği yeni bir yoldur. WordPress 5.5'te tanıtılan WordPress Blok Dizini, ihtiyaçlarınıza en uygun WordPress bloğunu bulmayı kolaylaştırır.

    wordpress blokları ara

    Blok eklentilerinin WordPress.org Eklenti Dizinindeki diğer eklentilerden nasıl ayırt edilmesi gerektiğine ilişkin bir tartışmaya dayanarak, yeni Blok Dizini, Eklenti Dizini içinde yalnızca tek blok eklentileri içeren bir bölüm olarak oluşturuldu . Yeni WordPress Blok Dizini, ana eklenti dizininden ayrıdır, bu nedenle normal WordPress eklentilerine veya tek blok eklentilerine göz atıyorsunuz.

    Bir tek blok eklentisi bloğu, bu yüzden, tek Gutenberg bloğu sağlar nispeten küçük, basit bir eklenti olması amaçlanmıştır.

    Artık WordPress 5.5'te ihtiyacınız olan bloğu bulmak hiç olmadığı kadar kolay. Yeni WordPress blok dizini doğrudan blok düzenleyicinin içine yerleştirilmiştir , böylece düzenleyiciden hiç ayrılmadan sitenize yeni blok türleri yükleyebilirsiniz.

    Yeni blok yerleştiriciyi kullanmak ve mevcut blokları aramak için sayfanın sol üst köşesindeki “+” simgesini kullanın. Hala oldukça yeni göründüğü için blok dizininin gelecekte gerçekten yükselişe geçmesini izleyin (hala çok fazla seçenek yok; neredeyse hiç inceleme yok).

    9. Yeni Blok Desenleri Tam Sayfa Oluşturmanın Yolunu Açıyor

    WordPress 5.5'te blok düzenleyici, blok desenleri adı verilen yeni bir kavram sunar . Blok desenleriyle artık önceden tanımlanmış blok düzenleri oluşturabilir ve paylaşabilirsiniz. Blok kalıpları, blok düzenleyicinin bir sayfa oluşturucu haline gelmesinin yolunu gerçekten açıyor. Blok düzenleyici bu yönde gelişmeye devam ederken, çıkarılacak blok kalıplarına dikkat edin.

    wordpress blok kalıpları

    Ekranın sol üst köşesindeki “+” simgesini kullanarak kayıtlı blok kalıplarını bulabilirsiniz. Artık hem Bloklar hem de Modeller sekmesini (artı varsa Yeniden Kullanılabilir) göreceksiniz, böylece bu seçenekler arasında geçiş yapabilirsiniz. Ardından, diğer bloklar gibi yazınıza/sayfanıza Blok Kalıpları ekleyebilirsiniz.

    Yeni blok desenleri, karıştırabileceğiniz ve eşleştirebileceğiniz blok kombinasyonlarını kullanarak karmaşık, güzel sayfa ve gönderi düzenleri oluşturmayı basitleştirir. Ayrıca, her zaman daha fazla eklenen çok çeşitli eklenti ve temalarda blok kalıpları bulacaksınız.

    WordPress 5.5 sürüm ekranı

    WordPress 5.5, bir dizi yerleşik blok deseni ile birlikte gelir, ancak üçüncü taraf eklentilerin ve temaların ek blok desenleri kaydetmesi veya mevcut olanları kaldırması da mümkündür. Blok kalıplarını çalışırken görmek için Twenty Twenty varsayılan temasına göz atın. Twenty Twenty, WordPress'in en son sürümüyle nelerin mümkün olduğunu gerçekten vurguladığı için bir geliştirme sunucusuna yüklemek için her zaman iyi bir temadır.

    10. Gutenberg, WordPress Kısa Kodlarına İhtiyacı Değiştiriyor

    WordPress blok düzenleyicisinden önce, WordPress kısa kodları, bir WordPress web sitesinin sayfalarına, yayınlarına ve diğer bölümlerine eklenti ve tema işlevleri eklemeyi kolaylaştırmak için WordPress düzenleyicisine isabet eden en iyi şeylerden biriydi.

    Blok düzenleyiciye geçişle birlikte, hala kısa kodlarla dolu olan eski eklentilerin ve web sitelerinin çoğu için bu ne anlama geliyor? WordPress kısa kodları çalışmaya devam edecek mi? WordPress kısa kodlarını kullanmaktan WordPress bloklarına kolayca geçmenin bir yolu var mı?

    Özetle, WordPress blok düzenleyicisinin kısa kodlar için önemli etkileri vardır. WordPress blok düzenleyici, çoğu eklenti ve tema için kısa kodların ihtiyacını ve amacını temelden değiştirir. Blok tabanlı bir düzenleme sistemiyle, sayfadaki her "öğenin" düzenlenebilir tek bir WYSIWYG düzenleyicisinde yer almak yerine kendi bloğu vardır.

    Gutenberg WordPress Düzenleyicisi Üzerine Not Makaleleri

    Bu, Gutenberg hakkında bugüne kadar okuduğum en iyi makalelerin bir derlemesi.

    Chris Lema Gutenberg hakkında konuşuyor

    http://chrislema.com/misunderstanding-goal-gutenberg-writing-experience/

    Alıntı:

    • “Bu eklentiyle bir sorunu çözeceksek, bu, insanların bir arayüzde düzenleme yaptıklarında ve iş ürünlerinin düşündükleri gibi görünmeyen farklı bir arayüzde göründüğünü gördüklerinde sahip oldukları bilişsel uyumsuzluk olmamalı mı? istemek?"

    Beaver Builder'ın Gutenberg'e Cevabı

    Ağustos Güncellemesi – 2.0, Themer ve Gutenberg, Oh My!

    Alıntı:

    • “Kısacası, gerçekten heyecanlıyız ve Gutenberg'i destekliyoruz! Umudumuz, projenin Beaver Builder'ın benimseyebileceği ve genişletebileceği bir şeye dönüşmeye devam etmesidir. Projede çekirdek ekiple işbirliği yapıyoruz ve hem iyimser hem de dikkatli bir şekilde Gutenberg'in işimiz ve genel olarak WordPress alanı üzerindeki potansiyel etkisi hakkında spekülasyon yapıyoruz. Gutenberg “Blokları”nın Beaver Builder modülleriyle değiştirilebildiğini veya kaydedilmiş bir satırı bir Gutenberg sayfasına sürükleyebildiğinizi hayal edin. Veya Gutenberg'in metin düzenleyicisi Beaver Builder'da satır içi olarak kullanılabilir. Çok fazla eğlence potansiyeli var, değil mi!?”

    Zarif Temalar

    WordPress, Gutenberg Editörüne Yanıt Veriyor – Bir İnceleme Özeti

    Alıntı:

    • “Tartışmaya bakarken, her değişikliğin bir miktar atalet ve direnç getireceğini hatırlamak önemlidir. Değişen bir ortamda rekabet edebilmek için WordPress'in ilerlemesi gerekiyor. Ancak bu, dile getirilen endişelerin geçerli olmadığı ve ele alınması gerekmediği anlamına gelmez. Neyse ki, geliştiriciler tam da bunu yapmak için ellerinden geleni yapıyorlar. Yine de, kaç kişinin endişelendiğini ve dışlanmış hissettiğini görünce, belki biraz daha fazla iletişim gereklidir.”

    WPMU Üzerine Oldukça Scathing İncelemesi

    Bu yumruk atmıyor.

    https://premium.wpmudev.org/blog/gutenberg-editor-wordpress/

    Alıntı:

    • "Gutenberg editör eklentisi üzerinde çalışan geliştiriciler eklentiyi oluşturmak için çok çaba sarf etmiş olsa da ve şu ana kadarki çabalarından dolayı onları takdir ediyorum, gerçek şu ki, bu eklenti WordPress'e dahil edilmek için hiçbir zaman hazır değil ve çok ihtiyacı var. daha fazla iş, özellikle UX çalışması.”

    Yoast, Gutenberg için Alternatif Bir Kurs Öneriyor

    Bazı önemli sorunlar not edilmiş ve çözümler önerilmiştir.

    Gutenberg'e alternatif bir yaklaşım

    Alıntı:

    • “Bloklar fikri konusunda çok hevesliyiz, ancak bazı teknik seçenekler ve uygulama sürecinin hızı konusunda güçlü endişelerimiz var. Projede erişilebilirlik konularına öncelik verilmemiş olmasından da endişe duyuyoruz. Ama en önemlisi, eklentilerin yeni editörle entegre olamamasından çok endişeliyiz.”

    Yoast, Eklentisini Gutenberg ile Entegre Etme Kavramları Hakkında Konuşuyor

    İşte diğer eklenti geliştiricilerinin izleyebileceği bir lider.

    https://yoast.com/gutenberg-integration/

    Alıntı:

    • "Tüm özelliklerimizi parçalayarak ve bunları Gutenberg'e nereye entegre edebileceğimizi görerek başladık. Editörün altında tek bir büyük kutuyu tutmanın müşterilerimize en iyi şekilde hizmet edeceğini düşünmüyoruz. Eylemin gerçekleştiği yere entegre olmayı tercih ediyoruz ve Gutenberg bize bu şansı sunuyor.”

    Caldera Formlarından Josh Pollock

    Gutenberg hakkında yanıldığını kanıtlamak istediği beş yol:

    Gutenberg Hakkında Yanıldığımı Kanıtlamak İstediğim Beş Yol

    Alıntı:

    • “Bu, WordPress'in geleceği hakkında büyük bir karar. Bir topluluk olarak bunu doğru yapacağımıza inanıyorum, ancak doğru yapmak için çok fazla test, yineleme ve tartışma gerekecek.”

    Özetlemek: Gutenberg Hakkında Ne Yapmalısınız?

    • Bir şans ver. Gutenberg'i kendiniz tanıyın. Bir test sitesinde veya canlı sitenizde deneyin (evet, yeterince kararlı). Neyi sevdiğinizi ve neyi sevmediğinizi görün.
    • Geri bildirim gönderin. Gutenberg eklentisi yakın zamanda kenar çubuğu menü öğesinin altına bir Geri Bildirim bağlantısı ekledi. Biraz zaman ayırın ve Gutenberg'i kullanma deneyiminiz hakkında iyi düşünülmüş gözlemler sunun. "Siz moronsunuz" aradıkları şey değil.
    • Panik yapma. Bu konuda birçok iyi insan tarafından yapılan çok sayıda düşünceli tartışma var. Blok düzenleyici gelişmeye devam ediyor ve alışması biraz zaman alsa da, yeni düzenleyiciyi tamamen benimsemenin iyi bir hamle olduğu konusunda hemfikiriz.

    Daha Fazla WordPress Blok Düzenleyici (Gutenberg Düzenleyici) Kaynakları

    WordPress Yeniden Kullanılabilir Blokları: En İyi Kılavuz

    WordPress yeniden kullanılabilir blokları, WordPress blok düzenleyicisinin güçlü bir özelliğidir. Yeniden kullanılabilir bloklar, sık kullandığınız herhangi bir WordPress bloğunu hızlı bir şekilde kaydetmenize olanak tanır. Devamını oku …

    wordpress blok dizini

    WordPress Blok Dizini: Temel Kılavuz

    WordPress 5.5'te tanıtılan WordPress Blok Dizini, ihtiyaçlarınıza en uygun WordPress bloğunu bulmayı kolaylaştırır. Devamını oku …

    WordPress blokları

    WordPress Blokları: Gutenberg Blokları İçin En İyi Kılavuz

    Gutenberg blokları olarak da bilinen WordPress blokları ile kullanıcılar, gönderilerde ve sayfalarda gerçekten görsel bir şekilde zengin içerik oluşturmanın daha kolay bir yolunu deneyimler. Devamını oku …

    gutenberg wordpress editörü