WordPress blok düzenleyici nasıl kullanılır?

Bu yazıda, 2018'den beri WordPress güncellemelerine dahil olan ve burada kalıcı olan WordPress blok düzenleyicisini nasıl kullanacağınızı öğretiyorum. Ayrıca Gutenberg editörü olarak adlandırıldığını da duyacaksınız.

WordPress 5.0'ın piyasaya sürülmesinden bu yana, WordPress metin düzenleyicisinde, aşağıdaki gibi üç dikey nokta tıklanarak bulunan 'BLOKLARA DÖNÜŞTÜR' seçeneği vardır.

Bloklara dönüştürmeli misiniz?

Üçüncü taraf bir WordPress metin düzenleyicisi kullanıyorsanız, komplikasyonlar olabilir. Bu yazıda bunlara yer vermiyorum. Lütfen dönüştürme hakkında bir profesyonelden daha fazlasını öğrenin ve dikkatli bir şekilde ilerleyin.

Başkaları için – sorumluluk kabul etmiyorum – bir sayfayı bloklara dönüştürmeden önce her zaman bir web sitesini/blogu yedekleyin .

Zaten dönüştürülmüş? Bu bölümü atlayın.

Klasik düzenleyiciyi kullanan ve basit bir sayfa düzenine sahip olanlarınız için – WordPress bloklarını önerebilirim.

WordPress blok düzenleyicisine alıştığınızda, sezgiseldir.

BLOKLARA DÖNÜŞT'e basmak, tüm web sitesini/blogu bloklara dönüştürmez. Yalnızca üzerinde çalıştığınız sayfa veya gönderi.

Bloklara dönüştürdüğümde ne olur?

Sayfayı dönüştürmek, her bir başlığı, paragrafı, bir kod parçacığını ve resmi kendi bireysel bloğuna dönüştürür.

Sadece dönüştürüyorsanız, yakında buna alışacaksınız.

Bloklar, paragrafları, sütunları, tabloları, resimleri, widget'ları, en son gönderileri ve kategorileri kolayca eklemenizi sağlar.

En son gönderiler, takvimler, gönderi arşivleri, kategoriler, sosyal simgeler ve RSS beslemeleri gibi widget'ların yanı sıra.

WordPress blokları, bir web sitesi sahibinin isteyebileceği hemen hemen her şeyi eklemeyi kolaylaştırır. Gerçekten uygun.

Bir blok bir öğeyi temsil eder, bu nedenle sayfa sırasını değiştirmek de çok daha kolaydır. Bunu daha sonra ele alacağız.

WordPress web sitesini yeni bir sekmede görüntüleyin

Düzenleme yaparken yaptığım ilk şey, web sitesinin halka açık kısmını yeni bir tarayıcı sekmesinde açmak. Daha sonra bir sekmede yönetici alanı (arka uç) ve diğerinde genel alan (ön uç) görünür. Bu şekilde ikisi arasında geçiş yapabilirim.

WordPress web sitenizin ön ucunu yeni bir sekmede açmanın en kolay yolu;

• Yönetici alanında - ekranın sol üst köşesindeki ev simgesinin üzerine gelin.
• Açılır menüden 'Siteyi Ziyaret Et' üzerine SAĞ TIKLAYIN .
• "Bağlantıyı yeni sekmede aç" ı tıklayın.

not. Kullandığınız tarayıcıya bağlı olarak kelimelerde farklılıklar olabilir.

Artık iki tarayıcı sekmesi açık, yani ikisi arasında geçiş yapabilirsiniz.

Yönetici alanını kullanarak WordPress sayfasını tek bir sekmede düzenlemeye devam edin.

Diğerinde, web sitenizin ön ucunu göreceksiniz. Yaptığınız her değişikliği bu şekilde kontrol edebilirsiniz.

Düzenlemeler yapıp kaydederken sitenin ön ucuna gidebilirsiniz. Sayfayı yenilemek için F5 tuşuna basın - bu, tarayıcının güncellenmiş sürümü göstermesini ister.

WordPress h1 başlığı ve kalıcı bağlantı

Önce başlığa ve kalıcı bağlantıya bakalım.

h1 başlığı, sayfanın üst kısmındaki ilk bloktur. Bu, taşınmaz olan tek bloktur ve bunun iyi bir nedeni vardır.

Arama motorlarının ve insanların sayfada ne olduğunu anlayabilmesi için tüm sayfaların ve gönderilerin en başında h1 başlığı olmalıdır. Bu bir SEO faktörüdür.

Başlık bloğunun içine tıklamak için farenizi kullanın. Bir başlığı değiştirmek için başlık metnini vurgulayın ve yazmaya başlayın. Basit.

Kalıcı bağlantı alanı, sağ taraftaki Belge ayarlarında bulunur, aşağıdaki resme bakın. Sayfa adı için WordPress' etiketi 'URL Slug'.

Kalıcı bağlantıları düzenlerken dikkatli olun – Bu yazının altına bir uyarı ekledim.

WordPress bloğu ekleyin

Başlamak için sol üstteki Artı + simgesine basın.

Blok kitaplığını keşfedin - burada çok fazla seçenek var.

Bir WordPress sayfasına blok eklemenin iki yolu daha vardır.

Yaratıcı bir akış içindeyseniz, dönüşe basarak bir blok ekleyin.

Üçüncü yol, bir bloğun üzerine gelinerek yapılır - bir Artı + simgesi görünür.

Yazma sırasında, bu çok zor - simgenin görünmesi için imleci bloğun tam orta alt kısmının üzerine getirin.

Simgeye basın ve bir blok stili seçin. Yeni blok, artı simgesinin altında görünecektir.

Blokları kullanan WordPress paragrafları

Paragraf blokları genellikle bir WordPress sayfasının veya gönderisinin en yaygın öğeleri olacaktır. Bir paragraf bloğu ekleyin ve yazmaya başlayın.

Yeni bir paragraf bloğu oluşturmak için geri dönün ve yazmaya devam edin.

İş akışını hızlandırmak için paragraf blokları diğer stillere dönüştürülebilir.

İmleç yeni bir paragraf bloğundayken a / (eğik çizgi) yazın. Bu, olası blok türlerinin bir listesinin kısayoludur.

Alternatif olarak, araç çubuğunu kullanarak bir bloğu dönüştürün. Seçili bir blokta, sol üstte araç çubuğu görünür.

Bir paragrafın araç çubuğunda 'blok türünü veya stilini' değiştirme veya metni biçimlendirme seçenekleri bulunur:

WordPress paragraf bloğunu dönüştürün

Paragraf bloğunu dönüştürmek için 'blok türünü veya stilini değiştir' düğmesini kullanın. Dönüşüm, benzer bir ilkenin bloklarıyla sınırlıdır. Yani Paragraflar tabloya dönüştürülemez, ancak başlıklara dönüştürülebilir.

Örneğin bir paragrafı başlığa çevirelim.

Aşağıdaki resimdeki ok, bir PARAGRAPH'ı temsil eden simgeye işaret eder. Bloğun bir paragraf olduğunu bu şekilde anlarsınız.

Paragrafı dönüştürmek için simgeye tıklayın.

HEADING'e basın.

Paragraf simgesi H'ye dönüşür ve yanında H2'yi görebilirsiniz.

H1 seçilemez – bir H1 sadece sayfanın başlığı için kullanılmalıdır.

Blok artık bir başlık bloğudur.

Menüden H2 düğmesine basarak H3 veya H4'ü seçin.

Sayfalarda ve gönderilerde başlıkları hiyerarşi olarak kullanın. Sayfayı okunması kolay bölümlere ayırmak için H2'yi kullanın. Bunları alt bölmek için H3'ü kullanın.

Paragrafları ve başlıkları biçimlendirme

Metni biçimlendirmek, yalnızca ona belirli bir stil eklemek anlamına gelir.

Başlık veya paragraf bloğunda biçimlendirmek istediğiniz metni vurgulayın.

Araç çubuğu, bloğun sol üst köşesinde sihirli bir şekilde belirir. Metni kalın , italik yapma veya metin köprüsü ekleme seçeneklerini burada bulabilirsiniz.

Klavye kısayollarını kullanmak hala mümkündür - metni vurgulayın ve şunu kullanın:

• Kalın için Control-b
• italik için Control-i .
• Control-u metnin altını çizer.

Mac kullanıcıları – kontrol tuşu yerine komut tuşunu kullanın.

Yararlı bir liste için WordPress klavye kısayollarını ziyaret edin.

Araç çubuğunda bir aşağı ok olduğuna dikkat edin; 'daha zengin metin kontrolleri' için bir açılır menü. Burada iki stil daha bulunur: üstü çizili ve metin rengi .

Metin rengine dikkat edin – tema web sitesinin görünümünü yönetecektir. Kurumsal bir şemada daha az renk, bir web sitesinin profesyonel görünmesini sağlar. Metin rengini dikkatli kullanın.

'Satır içi kod' ve 'satır içi görüntü' de bu menüde bulunur.

Herhangi bir 'satır içi', yazdığınız metin satırına yerleştirilecektir. Kod parçacıkları ve muhtemelen simgeler için kullanışlıdır, ancak bence daha büyük resimler tuhaf görünebilir.

Paragraf ayarları

WordPress ekranının sağ tarafındaki seçenekleri görüntülemek için bir paragraf bloğu seçin.

Metninizin boyutunu buradan değiştirin.

Öne çıkmak istediğiniz bir askı ipiniz varsa gerçekten güzel.

Tüm paragrafların rengini değiştirme yeteneği de vardır. Bu seçeneklerle fazla çıldırmaya karşı uyarırım.

Paragraflar için daha fazla dönüştürme seçeneği

Paragraf bloğu için diğer dönüştürme seçenekleri şunlardır:

• bir liste,
• önceden biçimlendirilmiş bir blok,
• alıntı,
• bir ayet
• veya bir grup.

Listeler

Listeler, madde işaretleri için WordPress'in etiketidir - öğelerin bir web sayfasında öne çıkmasına yardımcı olmak için gerçekten yararlıdır. İki tür liste mevcuttur:

• Sıralı liste (OL) – isteğe bağlı olarak romen rakamları, ondalık sayılar veya harflerle sıralanır.
• Sırasız liste (UL) – tarz madde işaretleri.

Paragraflar gibi listeler de biçimlendirilebilir. Bir listeyi girintileme seçeneği de vardır, böylece listeler içinde alt listeler oluşturulabilir.

WordPress'te 'önceden biçimlendirilmiş' veya 'ayet' bloklarını görmedik, bu yüzden bu blok türleri hakkında biraz açıklayacağım.

WordPress'te önceden biçimlendirilmiş blok

Önceden biçimlendirilmiş blok, WordPress kullanıcılarının metni tam olarak istedikleri gibi yazmasına, satır sonlarını ve girintileri koruyarak izin verir.

Bunun şu anda ne için kullanıldığını tam olarak bilmiyorum. Biri beni aydınlatsın.

Boş bir paragraf bloğunda, /preformatted yazın ve önceden formatlanmış bir blok oluşturmak için enter tuşuna basın.

Veya araç çubuğunu yukarıda anlatıldığı gibi kullanın.

ayet

WordPress, ayet bloğunun sitenize şiir eklemek için ideal olduğunu söylüyor, bu yüzden uygun bir şekilde adlandırılmış.

Daha ileri düzey kullanıcılar, ayet bloklarına CSS ekleyebilir, böylece ayet bloğunu şekillendirmeyi kolaylaştırır.

 Güller kırmızıdır , 
Menekşeler mavidir.

WordPress blok düzenleyicisindeki düğmeler

WordPress blok düzenleyicisi, düzenleyicinin ısmarlama düğmeler oluşturmasına olanak tanır.

Sınırlı stillere sahip basit düğmelerdir, özellikle onlar hakkında ustaca hiçbir şey yoktur. Bence WordPress doğru kararı verdi – işleri temiz tutmak daha iyi bir seçenek.

Bir düğme eklemek için 'Blok ekle' simgesini kullanın ve 'Düğme'yi seçin.

Düğme metnini hemen yazmaya başlayın.

Şimdi, bir 'düğme bloğunun' kafa karıştırıcı olabilecek iki bölümü vardır.

Harici bir blok içinde bir düğme bulunur. Düğmeye tıklayın, ardından ne demek istediğimi görmek için beyaz alanda düğmenin hemen dışına tıklayın.

İçeren bloğu kullanarak düğmeyi taşıyın veya sürükleyin. Düğme içinde hizalanabilir.

Düğmeye tıklayın ve bu stillendirilebilir - renk, metin, kenarlık. Burası aynı zamanda düğmeyi bağlayacağınız yerdir.

Mantıklı olmak?

Düğmeyi seçin – WordPress'in sağ tarafında daha fazla stil seçeneği mevcuttur.

Düğme metnine tıpkı bir paragraf gibi stil eklenebilir. Metni bağlarken dikkatli olun.

WordPress'in düğmenin METİN'ini (tıpkı bir paragraf gibi düğme araç çubuğu aracılığıyla) veya sağdaki seçenekler aracılığıyla tüm düğmeyi bağlama yeteneği verdiğini keşfettim. Biraz kafa karıştırıcı.

Buradaki en iyi seçenek, tüm düğmeyi bağlamaktır.

Bunu yapmak için üzerine tıklayarak düğmeyi seçin, sağ taraftaki Engelle seçeneklerine bakın? En alta kadar kaydırın ve bağlantınızı Link rel alanına yerleştirin.

Arama motorları kullanıcının yeni sekmeler açma kararını vermesini tercih ettiğinden, 'yeni sekme aç' seçeneğini etkinleştirmemenizi tavsiye ederim.

Yukarıdaki örnek düğmede, HTML kodunu Font Awesome'den kopyalayarak bir Font Awesome simgesi ekledim:

 <i class="fas fa-arrow-right"></i>

Düğmenize eklemek için düğmeyi seçin, araç çubuğunun sonundaki 3 dikey noktaya basın ve 'HTML Olarak Düzenle'yi seçin. HTML kodunu kapanış </a> etiketinin önüne yapıştırın.

Bu simge yalnızca Font Awesome kuruluysa kullanılabilir.

Blok grupları

Grup bloğu, düzenleyicinin içine birden fazla blok eklemesine izin verir, böylece grup bir bütün olarak hareket ettirilebilir, çoğaltılabilir veya yeniden kullanılabilir.

Düzenler için kullanışlıdır. Veya sayfanın karışmaması için başlıkları ve paragrafları bir arada tutmak için.

Ancak, GROUPS'u biraz sinir bozucu buldum, çünkü yok gibi görünüyorlar! Bunun WordPress'te bir hata olduğuna inanıyorum.

Bir WordPress bloğunu çoğaltın

Alternatif olarak, bir bloktayken CONTROL-SHIFT-D (Mac'te COMMAND-SHIFT-D) kısayolunu kullanın.

Bir WordPress bloğunu yeniden kullanın

WordPress bloklarıyla ilgili bir başka harika özellik de YENİDEN KULLANILABİLİR BLOK seçeneğidir.

Bir blok için oluşturduğunuz stil kaydedilebilir ve tekrar kullanılabilir. Bu, site genelinde her bir öğeyi yeniden oluşturma ihtiyacını azaltır.

Araç çubuğunu göstermek için herhangi bir bloğa tıklayın, ardından sağdaki 3 dikey noktaya tıklayın. Burada ' Yeniden Kullanılabilir Bloklara Ekle ' etiketli bir menü öğesi bulacaksınız.

Kaydedilen yeniden kullanılabilir blok, 'Yeniden Kullanılabilir' sekmesi altındaki blok kitaplığında bulunur. Bul ve diğer bloklar gibi ekle. Kullanışlı.

Yeniden kullanılabilir bloklar yönetilebilir, bu nedenle koleksiyonda çok fazla fazla blokunuz olmaz.

Çalışmanızı kaydettiğinizden emin olun. Ardından, herhangi bir gönderide veya sayfada ekranın üst kısmına bakın, ÖNİZLEME ve GÜNCELLEME düğmelerini ve bir dişli simgesi göreceksiniz.

Bu çubuğun sonunda 3 dikey nokta bulacaksınız, bir listeyi görmek için onları tıklayın. Alt kısımda 'Tüm yeniden kullanılabilir blokları yönet' seçeneği bulunur.

Yeniden kullanılabilir blokları gönderilere benzer şekilde yönetin – düzenlemek için adlara tıklayın.

Yeniden kullanılabilir bir bloğu düzenlemek, sitede bulunan blokların stilini DEĞİŞTİRMEZ.

WordPress bloğu nasıl sürüklenir

WordPress 5.5 güncellemesinden bu yana, sürükle seçeneği açık değildir.

Bloğu seçmeniz ve ardından yukarı-aşağı okları tıklayıp basılı tutmanız gerekir.

Bloğu sürüklediğinizde, fare bırakıldığında bloğun nereye bırakılacağını gösteren alanlar mavi renkle vurgulanacaktır.

Umarım bu, WordPress blok düzenleyicisini kullanarak WordPress'i düzenlemeye başlamanıza yardımcı olur. Kapsanacak daha çok şey var, bu yüzden lütfen diğer gönderilerime bakın:

• WordPress'e resim nasıl eklenir.
• WordPress'te bir resim bağlayın.
• WordPress'te başlıklar ve paragraflar.
• WordPress'te köprü.
• WordPress'te biçimlendirme.
• WordPress'e PDF nasıl eklenir (ve ona bağlantı verilir).

Başa çıkmak için bol! Nasıl geçtiğini bana bildir.