Gutenberg WordPress Editor: Yeni Başlayanlar İçin Ana Kullanıcı Kılavuzu
Son 18 yılda WordPress, değişiklikler ve büyük ilerlemeler geçirdi. Ancak en büyük değişiklik, 2017’de yeni Gutenberg İçerik Düzenleyicisini WordPress’in kullanıcıları ve geliştiricileri dünyasına ilk tanıttıklarında gerçekleşti. Şimdi, Gutenberg WordPress’in geleceği olmalı ve aynı zamanda varsayılan bir WordPress editörü olarak kabul ediliyor. Bu blok editörü, WordPress’te içerik yapma ve yayınlama sürecini değiştirdi. Bu, bir WordPress hayranıysanız, Gutenberg’e hakim olmanız gerektiği anlamına gelir. Size yardımcı olmak için, Gutenberg hakkında bilmeniz gereken her şeyi adım adım bazı kolay yönergelerle tartışıyoruz.
İçindekiler
Gutenberg WordPress Editor’a Giriş
Gutenberg WordPress Editor’un nasıl kullanılması (adım adım kılavuz)
Başlığı yayın/sayfanıza ekleyin
Bir paragraf bloğu kullanarak metninizi yazın
Metninizin rengini değiştirin
Başlık bloğunu ekle
Pling & Style Düğmesi Bloğu
Görüntü bloğunu girin
İçeriğinize sabitlenmiş bir video ekleyin
Gutenberg editör arayüzü aslında nasıl çalışıyor
WordPress’te Gutenberg editörü nasıl etkinleştirdim
Bonus İpuçları: WordPress’te birkaç gelişmiş Gutenberg bloğunu tanıtmak
Gutenberg’den başlayalım, eğer değilse, trendden çıkacaksınız!
Daha fazla gecikme olmadan, her şeyi birlikte keşfedelim.
Gutenberg WordPress Editor’a Giriş
Gutenberg editörü, WordPress’te düzenleme şeklinizde bazı önemli değişiklikler getiriyor. 6 Aralık 2018’de WordPress 5.0 sürümü başlatıldığında, Tinymce düzenleyicisinin varsayılan WordPress düzenleyicisi olarak yerini alır. Gutenberg Block ile yayınınıza veya sayfanıza çeşitli içerik türlerini kolayca ekleyebilir ve daha sonra düzenleyiciyi yeniden düzenleyebilirsiniz. . Bu, tüm düzenleme deneyiminizi bir sonraki seviyeye çıkaracaktır. Editör, yeni bir sayfa oluşturmak için çok çalışacak ve zengin bir yazının yazılmasını kolaylaştıran bir yazı oluşturma deneyimi ve bugünün kısa kodlar, özel HTML veya keşfi gerektirebileceğini kolaylaştırmak için bir “bloğa” sahip olacak. “Gizem eti”. WordPress’in kurucularından biri de, farklı stiller ve düzenlemeler uygulayarak dinamik içerik oluşturmanıza izin verir. İlk başta, uzun süre klasik bir editör kullanıyorsanız sizin için karmaşık görünüyor. Ancak yavaş yavaş buna alışmak, faydaları hissedebilirsiniz. Ancak bu, ek eklentiler ve uzantılar elde etmek için karmaşıklığınızı azaltır. Buna ek olarak, bu yeni WordPress editörünün blogcular, yazarlar, fotoğrafçılar ve iş dahil herkes için birçok olasılığı vardır. Gutenberg blok düzenleyicisini göreceğiniz aşağıdaki resmi bulabilirsiniz.
Bu araçtan maksimum sonuçları almak istiyorsanız, Gutenberg’i ayrıntılı olarak incelemelisiniz. Bu Gutenberg Pamungkas Kullanıcı Kılavuzu’nda, kullanıcıların Gutenberg editörünü nasıl daha etkili bir şekilde ele alabileceğine odaklanacağız. WordPress Gutenberg bloğunun tüm hikayesini hızlı bir şekilde görebilirsiniz. Hadi daha derine yönelelim. Gutenberg WordPress Editor (Adım Adım Kılavuz) Nasıl Kullanılır Gutenberg’in WordPress Editor’da getirdiği önemli değişiklikler blok tabanlı düzenleme yaklaşımlarıdır. Bir blok şöyle bir şey olabilir: bir başlık
Bu araçtan maksimum sonuçları almak istiyorsanız, Gutenberg’i ayrıntılı olarak incelemelisiniz. Bu Gutenberg Pamungkas Kullanıcı Kılavuzu’nda, kullanıcıların Gutenberg editörünü nasıl daha etkili bir şekilde ele alabileceğine odaklanacağız. WordPress Gutenberg bloğunun tüm hikayesini hızlı bir şekilde görebilirsiniz. Hadi daha derine yönelelim. Gutenberg WordPress Editor (Adım Adım Kılavuz) Nasıl Kullanılır Gutenberg’in WordPress Editor’da getirdiği önemli değişiklikler blok tabanlı düzenleme yaklaşımlarıdır. Bir blok şöyle bir şey olabilir: bir başlık
Bir metin paragrafı
Bir şekil
Sabitlenmiş video
Alıntı
Düğmeler ve diğerleri
“+” Düğmesine tıkladıktan sonra, mevcut tüm blokları içeren bir pencere alırsınız. Buradan gerekli blokları arayabilir ve içeriğinizde kullanabilirsiniz:
Şimdi, insanların içerik oluştururken genellikle ihtiyaç duyduğu popüler bloklardan bazılarını nasıl kullanacağınızı göstermeye çalışacağız. 1. Başlığı Gönderi/Sayfanıza Ekleyin Her içeriğin bir başlığı vardır. Bu nedenle, yayınınıza veya sayfanıza bir başlık eklemelisiniz. Gutenberg’de bu süreç boyunca başlığınızı ekleyebilirsiniz.
2. Paragrafları eklemek için bir paragraf bloğu kullanarak metninizi yazın, paragraf blokları eklemeniz gerekir. Ardından içeriğinizi yalnızca blokta yazarsınız. İşte böyle çalışıyor.
Bir şekil
Sabitlenmiş video
Alıntı
Düğmeler ve diğerleri
“+” Düğmesine tıkladıktan sonra, mevcut tüm blokları içeren bir pencere alırsınız. Buradan gerekli blokları arayabilir ve içeriğinizde kullanabilirsiniz:
Şimdi, insanların içerik oluştururken genellikle ihtiyaç duyduğu popüler bloklardan bazılarını nasıl kullanacağınızı göstermeye çalışacağız. 1. Başlığı Gönderi/Sayfanıza Ekleyin Her içeriğin bir başlığı vardır. Bu nedenle, yayınınıza veya sayfanıza bir başlık eklemelisiniz. Gutenberg’de bu süreç boyunca başlığınızı ekleyebilirsiniz.
2. Paragrafları eklemek için bir paragraf bloğu kullanarak metninizi yazın, paragraf blokları eklemeniz gerekir. Ardından içeriğinizi yalnızca blokta yazarsınız. İşte böyle çalışıyor.
Not: Bloğun üzerindeki alt menü, blok içeriğinizden metin ve metin biçimlendirme seviyesini değiştirmenizi sağlar. Sağ menü düzenleyicisinden daha fazla özelleştirme yapabilirsiniz.
3. Metninizin rengini değiştirin Bazen metninizin rengini değiştirmeniz gerekir, burada yapabilirsiniz.
4. Paragraf gibi bir başlık bloğu ekleyin, başlık bloğunu kullanarak yayın içeriğinize kolayca başlık ekleyebilirsiniz. Blok düğmesi Ekle ve Stil düğmesi, içeriğin önemli öğelerinden biridir. Gutenberg’de düğmenizi çok kolay bir şekilde ekleyebilirsiniz. Ayrıca, aynı satıra birkaç düğme ekleyebilirsiniz.
Ayrıca, yukarıda gösterdiğimiz gibi düğme metninin veya arka planının rengini değiştirebilirsiniz. 6. Görüntü bloğunu girin Bu örneği izleyerek içeriğinize bir resim ekleyelim.
Ayrıca, yukarıda gösterdiğimiz gibi düğme metninin veya arka planının rengini değiştirebilirsiniz. 6. Görüntü bloğunu girin Bu örneği izleyerek içeriğinize bir resim ekleyelim.
7. İçeriğinize sabitlenmiş bir video ekleyin Gutenberg ayrıca yayınınıza her türlü video semanan eklemenizi sağlar. Bu gömme video bloğunu nasıl kullanabileceğinizi görelim.
Bak, ne kadar kolay! Artık yukarıdaki örneği izleyerek Gutenberg Blok Düzenleyicisini kullanabilirsiniz. Ayrıca başka türde blok içeriği ekleyebilir ve Gutenberg editörü kullanarak ayarlayabilirsiniz. Ayrıca, Gutenberg editörünün kullanımı hakkında daha fazla bilgi edinmek istiyorsanız, burada bulabilirsiniz. Gutenberg Editör Arayüzünün Nasıl Çalıştığını Bakalım
Gutenberg, WordPress için gönderme içeriğinizi çok kolay düzenlemenizi sağlayan güçlü bir blok düzenleyicisidir. En önemlisi, birçok gelişmiş blokla birlikte gelir, böylece web içeriğinizi kolayca kolayca oluşturabilirsiniz.
Gutenberg bloğunu kullanmak kolay ve eğlencelidir. Sadece sürüklendi ve ihtiyacınız olan bloğu düşürdü. Ayrıca, kodlamaya odaklanmanıza gerek yoktur.
Aslında, Gutenberg bloğunda bir şeyi düzenlemek istediğinizde, yapmak istediğiniz her şeyi yapmak için tam özgürlük elde edersiniz. Dikkatiniz için Gutenberg Block’un düzenlenmesini öğrenmek için bu bloga bakın. Gutenberg Editor & Block’u gerçek hayat örnekleriyle nasıl kullanabileceğinize bakalım. 1. Farklı Yazma Modu Gutenberg editörü, yazı stilinize yardımcı olacak üç farklı yazı modu bulacaksınız. Üst araç: Üst araç, tüm bloklarınızı aynı yerde görüntülemeye yardımcı olur.
Spot ışığı modu: Spot ışığı üst araç çubuğu modundan tamamen farklıdır. Aslında, bu seçeneği seçtiğinizde, yalnızca düzenlemek istediğiniz bloğu düzenleyebilirsiniz. Ve diğer bloklar devre dışı kalır.
Tam ekran modu: Bu, gösterge tabloınızın tüm sol tarafını siler ve tam ekran modunda çalışmanızı sağlar.
Tam ekran modu: Bu, gösterge tabloınızın tüm sol tarafını siler ve tam ekran modunda çalışmanızı sağlar.
2. Gutenberg Klavye Kısayolu İş akışınızı hızlandırmak için bu editörde birçok klavye kısayolu vardır. Kısayolu kullanarak hafif iş yapabilir ve daha fazla zaman tasarrufu yapabilirsiniz.
Ctrl + Alt Backspace Sil bloğu seçin
Seçilen blok kontrolü + alt + t’den önce yeni bir blok eklemek için
Seçilen blok-ctrl + alt + y’den sonra yeni bir blok eklemek için
Yardımı Göster – Vites + Alt + H
Değişikliklerinizi kaydedin – Ctrl + S
Son Değişikliğinizi Geri Alın – Ctrl + Z
Son iptalinizi tekrarlayın – Ctrl + Shift + Z
Ctrl + Shift + ayar tarafını görüntüleyin veya gizle
Ctrl + ‘editörünün bir sonraki bölümüne gidin
3. Mevcut varsayılan WordPress düzenleyicisinde bir blok arayan kütüphaneden bir blok bulmak çok kolaydır. Gutenberg Blok Kütüphanesi’nden aranabilecek dizinlerden belirli blokları arayabilirsiniz. Sadece “+” düğmesini tıklayarak bir pencere alacaksınız. 4. Visual Editor ve Kod Düzenleyicisi arasında geçiş yaparak, bazen birkaç değişiklik yapmak için Visual Editor’a kod düzenleyiciye geçmeniz gerekir. Burada yapıyorsun.
5. Gutenberg Belgenin anahat içeriğini açıklamak, içeriğinizin yapısının çok önemli bir parçasıdır. Editörünüzün sol üst köşesinde, bir daire içinde biraz “I” bulacaksınız. Buna tıklayarak, blogunuzun tam yapısını bir bakışta görebilirsiniz.
6. Blok Şablonlar Bunu kullanarak yeniden kullanılabilen şablonlar, daha önce kaydettiğiniz önceki blok tasarımını kullanabilirsiniz. Bu yüzden gerçekten zamanınızı kurtarır. Burada nasıl kullanıyorsunuz?
Buradan bu blok düzenleyicisi hakkında bazı yararlı ipuçları alın. WordPress’te Gutenberg editörü nasıl etkinleştirilir
Değişikliklerinizi kaydedin – Ctrl + S
Son Değişikliğinizi Geri Alın – Ctrl + Z
Son iptalinizi tekrarlayın – Ctrl + Shift + Z
Ctrl + Shift + ayar tarafını görüntüleyin veya gizle
Ctrl + ‘editörünün bir sonraki bölümüne gidin
3. Mevcut varsayılan WordPress düzenleyicisinde bir blok arayan kütüphaneden bir blok bulmak çok kolaydır. Gutenberg Blok Kütüphanesi’nden aranabilecek dizinlerden belirli blokları arayabilirsiniz. Sadece “+” düğmesini tıklayarak bir pencere alacaksınız. 4. Visual Editor ve Kod Düzenleyicisi arasında geçiş yaparak, bazen birkaç değişiklik yapmak için Visual Editor’a kod düzenleyiciye geçmeniz gerekir. Burada yapıyorsun.
5. Gutenberg Belgenin anahat içeriğini açıklamak, içeriğinizin yapısının çok önemli bir parçasıdır. Editörünüzün sol üst köşesinde, bir daire içinde biraz “I” bulacaksınız. Buna tıklayarak, blogunuzun tam yapısını bir bakışta görebilirsiniz.
6. Blok Şablonlar Bunu kullanarak yeniden kullanılabilen şablonlar, daha önce kaydettiğiniz önceki blok tasarımını kullanabilirsiniz. Bu yüzden gerçekten zamanınızı kurtarır. Burada nasıl kullanıyorsunuz?
Buradan bu blok düzenleyicisi hakkında bazı yararlı ipuçları alın. WordPress’te Gutenberg editörü nasıl etkinleştirilir
Burada kullanıcıların WordPress kontrol panelinizdeki Gutenberg Block Düzenleyicisini nasıl etkinleştirebileceğini tartışacağız. WordPress 5.0 ve daha yeni kullanıyorsanız, ayrı ayrı etkinleştirmeniz gerekmez. Çünkü şimdi WordPress varsayılan olarak Gutenberg ile geliyor. Öte yandan, hala klasik bir editör kullanıyorsanız ve Gutenberg editörüne geçmeyi planlıyorsanız. Ardından, diğer eklenti aktivasyon işlemleri gibi Gutenberg eklentisini kolayca yükleyebilir ve etkinleştirebilirsiniz. Gutenberg’in indirme bağlantısını burada buldunuz.
Gutenberg Blok Düzenleyicisi’nde Sık Sorulan Soruların (SSS) cevabı
Bonus: WordPress’te birkaç gelişmiş Gutenberg bloğunu tanıttığımız gibi, Gutenberg, yayınları veya sayfaları tasarlamak için her zaman kullandığımız birçok farklı yararlı blokla ilgilidir. Burada blogunuza daha temiz bir görünüm vermek için kullanabileceğiniz bazı güçlü blokları tartışacağız. Genel olarak, Gutenberg bloklarını 7 kategoriye ayırır. Aşağıdaki listede bulacaksınız:
En çok kullanılan
Genel blok
Biçim
Yerleşim öğesi
Araç
Yerleşim öğesi
Araç
Toplu iğne
Tekrar kullanılabilir
Bazı kullanışlı bloklara odaklanalım. Alıntı: Sık sık bloglarda veya makalelerde alıntıların kullanımını görüyoruz. Bu yeni WordPress düzenleyicisinde, bir teklif eklemek için “Alıntı” bloğunu kullanabilirsiniz. Teklifinizi ilginç bir şekilde görüntülemek için farklı bir stil uygulayabilirsiniz. Kısa Kod: Bu, sayfada kullanabileceğiniz veya web sitenizi yayınlayabileceğiniz bir başka önemli blok. Bu kısa kod bloğu ile, istediğiniz bağlı kuruluş pankartlarını, ürün çizimlerini ve daha fazlasını kolayca ekleyebilirsiniz. Klasik: Bazen yayın içeriğinizi düzenlemek için klasik WordPress düzenleyicinize ihtiyacınız vardır. Eski editörünüzü kolayca kullanabilmeniz için Gutenberg’e bu olağanüstü bloğa sahip olduğunuz için teşekkür ederiz. Özel HTML: Bu blok ayrıca blog yayınınıza özel bir HTML kodu eklemenize yardımcı olur. Ardından, üçüncü taraflı bir eklenti kullanarak daha fazla Gutenberg bloklarını keşfedebilirsiniz.
Tekrar kullanılabilir
Bazı kullanışlı bloklara odaklanalım. Alıntı: Sık sık bloglarda veya makalelerde alıntıların kullanımını görüyoruz. Bu yeni WordPress düzenleyicisinde, bir teklif eklemek için “Alıntı” bloğunu kullanabilirsiniz. Teklifinizi ilginç bir şekilde görüntülemek için farklı bir stil uygulayabilirsiniz. Kısa Kod: Bu, sayfada kullanabileceğiniz veya web sitenizi yayınlayabileceğiniz bir başka önemli blok. Bu kısa kod bloğu ile, istediğiniz bağlı kuruluş pankartlarını, ürün çizimlerini ve daha fazlasını kolayca ekleyebilirsiniz. Klasik: Bazen yayın içeriğinizi düzenlemek için klasik WordPress düzenleyicinize ihtiyacınız vardır. Eski editörünüzü kolayca kullanabilmeniz için Gutenberg’e bu olağanüstü bloğa sahip olduğunuz için teşekkür ederiz. Özel HTML: Bu blok ayrıca blog yayınınıza özel bir HTML kodu eklemenize yardımcı olur. Ardından, üçüncü taraflı bir eklenti kullanarak daha fazla Gutenberg bloklarını keşfedebilirsiniz.