ev borcu WordPress sitesi
WordPress Gutenberg Editörü Yeni Büyük Şeydir! İşte Nasıl Kullanılacağı.
Bekleyiş nihayet sona erdi! WordPress 5.0, havalı ve büyüleyici bir şey buldu; yeni WordPress Gutenberg Editörü.
WordPress'teki bu yeni arayüz, koridorun her iki tarafında her türlü tartışmayı karıştırdı.
Ayrıca, dünyanın her yerinden insanlar yeni editör ve WordPress 5.0 “Bebo” hakkında konuşuyor. Bunu görmezden gelmemize imkan yoktu!
İşte, en iyi Gutenberg rehberi ile karşınızdayız. WordPress 5.0'daki Gutenberg Editör kullanımını açıklayalım.
Size kolaylık sağlamak ve daha iyi anlamak için bu ayrıntılı turu aşağıdaki alt bölümlere ayırdık.
1. WordPress 5.0'da Gutenberg Editörü
2. Gutenberg WordPress Editörü nasıl kullanılır
3. WordPress Gutenberg düzenleyicisini kullanarak bir Blog yazısı yazma
4. Gutenberg ile Deneyimimiz Nasıldı?
6. Karar
Not: Arkadaşınız olarak, WordPress Gutenberg editörünü öğrenmek ve aşina olmak için öncelikle hazırlama platformunuzu kullanmanızı öneririz. Bir kez ince ayar yaptıktan ve mükemmelleştikten sonra, canlı sitenizde istediğiniz zaman kullanabilirsiniz.
Şimdi lafı fazla uzatmadan doğrudan WordPress Gutenberg eğitimine geçelim ve nasıl kullanılacağını öğrenelim.
1. WordPress 5.0'da Gutenberg Editörü
Bir süredir çevrimiçi dünyadan kopuksanız ve Gutenberg Editörünün ne olduğunu bilmiyorsanız, önce WordPress Gutenberg hakkında biraz bilgi verelim.
Gutenberg, Johannes Gutenberg'in adını taşıyan yeni bir WordPress editörüdür. Yeni WP sürüm 5.0 ile birlikte gelir. Düzen, hem yeni başlayanlar hem de profesyoneller için kolaydır.
Gutenberg WordPress Editörünün Ana Amacı
- Zengin ve gelişmiş içerik ve post düzenleme deneyimi yaratacaktır.
- Sadece bir editör olarak kullanılmaktan ziyade tam site özelleştirmesini başlatmak için daha fazla gelişmeyi dört gözle bekliyor.
27 Kasım 2018'de yayınlanan Gutenberg, WordPress TinyMCE editörünün yeni yerini aldı.
Gutenberg WordPress editörü, herkesin blok tabanlı bir kullanıcı arayüzü ile zengin ve esnek içerik düzenleri oluşturmasını kolaylaştırmak istiyor.
Bir blok temelde herhangi bir şey olabilir. Olabilir:
- Normal bir metin paragrafı
- Bir şekil
- Bir masa
- Bir CTA düğmesi
- Gömülü bir video
Gutenberg ve klasik WordPress editörü arasındaki en büyük fark, şu anda tüm içeriğinizi yazmak ve biçimlendirmek için kullandığınız tek metin kutusunun olmamasıdır. Bunun yerine, Gutenberg Düzenleyicisi, içeriğinizin farklı bölümlerini oluşturmak için bloklar kullanır.
WordPress Gutenberg Editörünün sunduğu blok türleri şunlardır:
Bu "bloklar", süreci eğlenceli hale getirirken içeriğinizi oluşturmanıza yardımcı olacaktır.
Özetle: Gutenberg arayüzü ile 'Hikayeni yaz' ile başlayan büyük bir beyaz alana sahip olacaksın. Ve gönderilerinizi oluşturmak için blokları kullanmanız gerekecek.
1.1 Neden Gutenberg'i Bugün Kullanmaya Başlamalısınız?
WP sürümlerini WordPress 5.0'a güncellemiş olan WordPress kullanıcıları, Gutenberg editörünü kullanacak ve sevecekler. Ancak, WordPress sürümünüzü hala güncellemediyseniz, bugün yapmalısınız!
Niye ya?
WordPress ekibi, Classic Editor eklentisinin (mevcut WordPress editörü) resmi olarak yalnızca 31 Aralık 2021'e kadar destekleneceğini duyurduğu için.
Bu nedenle, bugün değilse bile, er ya da geç yeni Gutenberg editörünü kullanmayı öğrenmeniz gerekecek.
Öyleyse neden bugün kullanmaya başlayıp 2021'e kadar uzman olmayasınız?
1.2 Gutenberg Editörü nasıl kurulur?
Bu yepyeni arayüzle sadece iki adımda tanışabilirsiniz:
- WP sürümünüzü WordPress 5.0'a güncelleyin.
- Kontrol Paneli'ndeki Gönderi bölümünde Yeni Ekle seçeneğine gidin
Harika blog gönderileri oluşturmak için bu yepyeni tuvali yeni açtınız:
Not: Klasik WordPress düzenleyicisini yine de kullanmak istiyorsanız, şimdi bir Eklenti olarak mevcut olacaktır. Ayrıca, diğer üçüncü taraf eklentileri de kullanmakta özgürsünüz. Ancak, hangi WordPress sürümünü kullanırsanız kullanın, üçüncü taraf eklentiler yine de WordPress sitenizde güvenlik açıkları oluşturabilir.
Web siteniz için en iyi güvenlik duvarındaki yazımızı okuyabilirsiniz. WordPress 5.0'ınızı bilgisayar korsanlarından ve botnetlerden güvende tutmanıza yardımcı olacaktır.
Şimdi bir sonraki bölümümüze geçelim: WordPress Gutenberg düzenleyicisi nasıl kullanılır?
2. Gutenberg Editörü nasıl kullanılır?
Gutenberg WordPress düzenleyicisini nasıl kullanacağınızı bilmeden önce, bu yeni arayüzün öğelerine aşina olmalısınız. Düzenleyiciyi bilmek ve kullanmak için aşağıdaki iki alt segmentte gezinin:
2.1 Editörü Tanıyın
Gutenberg arayüzünde aşağıdaki unsurlarla arkadaş olmanız gerekecek:
a) Sol üstteki simgeler:
Bu, beyaz Gutenberg tuvalinin sağ üst köşesinde bulabileceğiniz çubuktur. Üzerinde Blok Ekle, Geri Al, Yinele, İçerik Yapısı ve Blok Gezinti butonları bulunur.
Onlarla neler yapabileceğimize bir bakalım:
1. Düğme Ekle (+):
Yukarıda gösterilen çubuğun ilk simgesi, blok ekle düğmesidir. Bu (+) butona tıkladığınızda yeni bir blok ekleyebilirsiniz. Metinden paragraflara, resimlerden alıntılara ve seslerden videolara kadar her şey olabilir, evet, liste ve tablolar da olabilir!
2. Geri Al/Yinele Düğmeleri
Kolayca düzenlemek için ileri veya geri gitmek istediğinizde, bunu yapmak için bu düğmeleri kullanmanız yeterlidir. Microsoft Word'ü doğru hatırlıyorsunuz!
3. İçerik Yapısı
İçerik yapısı butonuna tıkladığınızda yazınızla ilgili detayları görebilirsiniz. Örneğin, kaç blok kullandığınız, kaç paragraf yazdığınız, Toplam kelime ve başlık sayısı vb.
4. Gezinme Düğmesi
Sol üst araç çubuğundaki Gezinme düğmesi, blog yayınınızı görmenizi ve gezinmenizi sağlar. Blog yayınınızın tüm yapısını yapabileceğiniz ve ayrıca tüm sayfayı gerçekten kaydırmadan her blokta gezinebileceğiniz anlamına gelir.
Bu, özellikle belirli bir blokta değişiklik yapmak istediğinizde, her şeyi gerçekten kolaylaştırır.
b) Sağ Üstteki Simgeler
Bu 4 simgeyi yeni Gutenberg tuvalinin sağ üst köşesinde bulabilirsiniz. Üzerinde Önizleme, Yayınla, Ayarlar, Diğer Araçlar ve Seçenekler bulunur.
Bu seçenekleri ayrıntılı olarak tanıyalım:
1. Önizleme ve Yayınlama
WordPress klasik düzenleyici arayüzüne çok benzeyen Önizleme ve Yayınla düğmeleri, içeriğinizi yayınlamadan önce önizlemenize ve hazır olduğunda yayınınızı yayınlamanıza olanak tanır.
2. Ayarlar Simgesi
Arayüzün sağ üst kısmında Önizleme ve Yayınla butonunun yanında göreceğiniz üçüncü buton Ayarlar butonu olacaktır. Tıkladığınızda 2 alt başlık göreceksiniz: Belge ve Blok.
a) Belge Bölümü
Belge bölümü aşağıdaki 7 alt bölüme sahiptir:
WordPress klasik düzenleyici kenar çubuğuna benzer birçok seçenek olmasına rağmen, Belge kenar çubuğunun sunabileceği daha birçok şaşırtıcı özellik ve seçenek vardır.
Belge kaydırma çubuğunda yapabilecekleriniz şunlardır:
i)) Durum ve Görünürlük:
Gönderinizin durumunu kontrol edin, görünürlüğünü değiştirin, beğendiğiniz gönderi biçimini seçin, bekleyen inceleme için onay kutusunu işaretleyin, yayınlanma tarihini planlayın ve demo ile yönetici arasında yazar değiştirin; tümü Belge çubuğunun Durum ve görünürlük bölümünün altındadır.
ii) Kalıcı bağlantı
Burada, gönderiniz için kalıcı bağlantıyı (slug/URL) ayarlayabilir ve ayrıca bunun önizlemesini görebilirsiniz.
iii) Kategoriler
İstediğiniz zaman yeni kategori ekleyin. Yaptığınız kategori listesinden gönderi türünüz için kategori seçin. örneğin ServerGuy'da yayınlarımız için Magento, AWS, DigitalOcean, Security, News ve daha pek çok kategoriye sahibiz.
iv) Etiketler
Bir içerik yazarken ve yayınlarken etiketlerin önemini bilirsiniz. Benzer ilgileri olduğunda okuyucuların sizi bulmasına yardımcı olur. Belge çubuğundaki yazınıza ilgili etiketleri kolayca ekleyebilirsiniz.
v) Öne Çıkan Resim
Bir resim bin kelime söyler; Bu ifade, öne çıkan görsel hakkında konuşulduğunda uygundur. Öne çıkan bir görsel, blogunuzu daha çekici hale getirir ve ayrıca gönderiniz hakkında çok şey anlatır.
Ayarlar seçeneğinin altındaki Belge bölümüne ekleyin.
vi) Alıntı
Alıntı, WordPress'te tüm girişe bağlantı içeren gönderi özeti için kullanılan bir terimdir. Şimdi doğrudan Belge bölümüne bir alıntı ekleyin.
vii) Tartışma
Müşterilerinizin yayınınız hakkında ne söylemek istediğini bilmek için yayın yorumlarına izin verin. Ayrıca, olumlu yorumlar ve hayır bilmelisiniz. Yorumların sayısı, arama motorlarında sıralamanızı artırmanıza yardımcı olur.
Ayrıca, bu seçenekle Trackback ve ping-back'e izin verin.
b) Blok Bölümü
Blok bölümü, WordPress Gutenberg editöründeki oyun alanınızdır. Bizim gibi aşık olacağınız birçok özelleştirme seçeneğine sahip.
Tek bir blok seçtiğinizde o bloğa özel ayarlar yapabilirsiniz.
i) Metin Ayarı
Düzenlemek için belirli bir blok seçtiğinizde. Yazı tipi boyutunu değiştirebilir, orta, büyük veya küçük yapabilirsiniz. Hatta boyutunu seçiminize göre özelleştirebilirsiniz. Bu alt bölümde ayrıca "Drop Cap" adında harika bir yeni özellik var. bu yine MS Word'den esinlenmiştir.
Gömme: İlk harfi büyütür ve büyük bir ilk harfi göstermek için bir Geçiş yapar.
ii) Renk Ayarı
Bloktaki renklerle oynayın!
Ayrıca metnin arka planı için farklı renkler seçebilir ve ayrıca metninize farklı renkler ekleyebilirsiniz. Her iki seçenek de mevcuttur.
3. Daha Fazla Araç ve Seçenek
Sağ üst çubuktaki son düğmeye tıkladığınızda, daha fazla seçenek ve özellik içeren bir panel göreceksiniz. Burada, kullanmak için tıklayabilirsiniz:
- Daha fazla araç çubuğu seçeneği ve tüm blok ve belge araçlarına tek bir yerden erişin. Bu seçenekleri yazı kutusunun üstünde göreceksiniz.
- Her seferinde bir bloğa odaklanmanızı sağlayan Spotlight modu.
- Ayrıca, dikkatiniz dağılmadan çalışmak için tam ekran Modu adlı harika bir seçenek var.
2.2 Gutenberg Nasıl Kullanılır?
Şimdi, Gutenberg'i, ana unsurlarını ve kullanımlarını keşfettikten sonra, nihai Gutenberg WordPress Editörünün nasıl kullanılacağına dair bir sonraki bölüme geçelim:
1. Metin Ekleme
Öncelikle, bu yeni düzenleyiciye nasıl metin ekleneceğini öğrenelim. Sadece verilen adımları izleyin:
- Ekranda “Başlık Ekle” göreceksiniz. Bu bölümde, gönderinizin başlığını veya başlığını girmelisiniz.
- Ardından aşağıdaki bloğa içeriğinizi yazın. istediğiniz zaman daha fazla blok ekleyebilirsiniz; sadece bu “+” düğmesine tıklayarak.
- Daha basit hale getirmek istiyorsanız, Enter'a basmanız yeterlidir. Bunu yaptığınızda, mevcut bloğunuzun hemen altında otomatik olarak yeni bir blok oluşturacaktır.
Not : Blok tipinizi değiştirmek isterseniz “/” yazarak hangi blokta istediğinizi görebilirsiniz. Ayrıca, girilen metnin hizalamasını ve biçimini değiştirebilirsiniz. Sadece yukarıda açıklandığı gibi ayarlar seçeneğindeki blok bölümünü ziyaret edin.
2. Resim Ekleme
Alakalı, çekici görseller olmadan hiçbir blog yazısı tamamlanmış sayılmaz. WordPress Gutenberg düzenleyicinize nasıl resim ekleyeceğiniz aşağıda açıklanmıştır:
- Resim eklemek için sol üst köşedeki "+" işaretine tıklayın ve resim bloğunu seçin.
- En çok kullanılan bölümde bulacaksınız.
- Üzerine tıkladığınızda, görüntü bloğu eklenecektir. Bunun gibi görünecek:
- Kolayca yeni bir resim yükleyebilir veya Medya Kitaplığınızdan bir resim seçebilirsiniz.
PS WordPress Gutenberg düzenleyicisi ayrıca bir başlık eklemenize ve yüklenen görüntüde değişiklik yapmanıza olanak tanır.
3. Video Ekleme
İşlem videolar için de aynı kalır. Aslında, eklemek istediğiniz herhangi bir şeyi (herhangi bir blok) “+” düğmesine tıklayın ve blok tipinizi seçin.
Video eklemeye geri dönersek, aşağıdaki adımları izleyin:
- Bir video eklemek için, tıpkı bir resim yükler gibi videoyu sisteminizden yüklemek için video bloğunu seçebilirsiniz.
- Bir Youtube videosunu gömmek için “+” menüsündeki Göm bölümünün altındaki Youtube'a tıklayın.
- Şimdi, eklemek istediğiniz URL'yi yapıştırın ve 'Yerleştir'i tıklayın.
- Video, gönderinize eklenecek ve onu düzenleyicinin kendisinde görüntüleyebileceksiniz.
Not: Ayrıca Gutenberg WordPress düzenleyicisi ile tek tıklamayla tablolar (satırlar ve sütunlar) ekleyebilirsiniz. Ancak, Klasik WordPress düzenleyici ile eklemek istiyorsak bunun için belirli bir eklenti kullanmamız gerekiyordu.
4. Gutenberg ile Başka Ne Yapabilirsiniz?
WordPress Gutenberg editörü ile yapamayacağınız şey yok.
Bu yeni arayüz ile sadece metin, resim, video ve tablo ekleyemezsiniz, aynı zamanda ses, galeri, alıntı, liste, dosya ve kapak da ekleyebilirsiniz.
Ayrıca WordPress 5.0'da CTA düğmeleri, sütunlar, medya ve metin, sayfa sonları, ayırıcı ve ayırıcı ekleyebilirsiniz.
3. Gutenberg'de Blog Yazısı Yazmak
Gutenberg WordPress editöründe bir şaheser gönderisi oluşturmak çok basittir. Bu gönderide açıkladığımız adımlar hakkında bilgi sahibi olmanız yeterlidir.
Aşağıdaki resim, WordPress Gutenberg editöründe yazılmış bir blog yazısı örneğidir (Magento 2'yi hızlandırın).
Pratik yaptıkça ve başarılı oldukça, bunun pasta kadar kolay olduğunu göreceksiniz. Aslında, WordPress 5.0'da yeni olan bu gelişmiş düzenleyicide çalışmak daha eğlenceli.
Gönderinize metin, resim, bilgi (kalıcı bağlantı), videolar ve ne isterseniz ekleyin ve ardından yayınlamak için planlayın.
En iyi kısım? Gutenberg ile arka plana ve metne renkler ekleyebilir ve yazı tipini değiştirebilirsiniz!
Not: Merak etmeyin, Gutenberg, gönderilerinizin ziyaretçilerinize görsel sunumunda herhangi bir fark yaratmaz.
4. Gutenberg Editörü ile Deneyimimiz
WordPress'te yeni olan bu Gutenberg editörünü denedik ve buna bayılıyoruz!
Aşağıdaki 4 nedenden dolayı onu seviyoruz:
- Bu harika WordPress editörünün en ilginç kısmı “Bloklar” ile inşa etmektir.
- Herhangi bir içeriğinizin ziyaretçilerinize nasıl göründüğünü değiştirmez. Her türlü multimedyayı bir çırpıda eklemenize ve güzel bir şekilde yeniden düzenlemenize izin verir.
- Her içerik parçası kendi bloğunda olacağından blokları yönetmek ve bloklar arasında gezinmek çok kolaydır.
- HTML ve CSS bilgisine sahip bir kodlayıcıysanız, bloklar önünüzde durmaz; WordPress süreci basitleştirmek için burada.
Not: Herhangi bir sorun yaşamamak için ilk önce hazırlama ortamımızda kullandık. Bu nedenle, tüm okuyucularımıza önce Gutenberg'i bir hazırlama ortamında test etmelerini ve canlı sitenizi WordPress 5.0'a yükseltmeden önce site verilerinizin tam bir yedeğini aldığınızdan emin olmalarını tavsiye ediyoruz.
Veya Gutenberg Demosunu burada deneyin!
5. Karar
Herkes WordPress 5.0 ve yeni düzenleyicisinden bahsediyor.
Ancak, yeni Gutenberg editörünün yanı sıra WordPress 5.0'da yeni olan çok daha fazlası var.
Diğer yeni özellikler arasında PHP 7.3 uyumluluğu, JavaScript uluslararasılaştırma desteği ve yeni Twenty Nineteen teması bulunmaktadır. Bu yeni özellikler sizi hayrete düşürecek!
Not: WordPress 5.0'daki bu yeni özellikler web sitenizi yavaşlatabilir, daha hızlı ve güvenli bir WordPress sitesi için daha iyi, yönetilen bir WordPress barındırma hizmetine geçtiğinizden emin olun.
Ayrıca, WordPress 5.0'a zaten güncelleme yaptıysanız ve Gutenberg kullanıyorsanız, aşağıdaki yorumlar bölümünde deneyiminizi bizimle paylaşın.