WordPress Düzenleyicisi Nasıl Kullanılır

Bir CMS olarak WordPress, inanılmaz derecede sağlam bir dizi özelliğe sahiptir. Eklentiler ve widget'lar insanları platforma çekiyor, ancak içeri girdikten sonra gerçek güç WordPress editörünün kendisinden geliyor. Platformla amacınız ne olursa olsun, yazı/sayfa düzenleyicisini büyük bir kapasitede kullanacaksınız. Bu nedenle, içeriğinizin parlaması ve sitenizin gelişmesi için WordPress düzenleyicisini en kapsamlı şekilde nasıl kullanacağınızı göstermek istiyoruz.

Youtube Kanalımıza Abone Olun

WordPress Editörü nedir?

Teknik olarak, aralarından seçim yapabileceğiniz üç WordPress editörü vardır. WordPress 5.0'ın piyasaya sürülmesiyle düzenleyici, o zamanki varsayılan TinyMCE'den bugün sahip olduğumuz Blok Düzenleyici'ye değişti. Bu değişikliğin ortasında, Gutenberg editör eklentisi, WordPress Core'a dönüştürmeden önce Block Editor için yeni özellikleri beta testi için bir köprü olarak yayınlandı.

5.0'dan itibaren WP'de Blok Düzenleyici varsayılan olsa da, istediğiniz üçünden herhangi birini kullanmayı seçebilirsiniz. Eski TinyMCE'yi korumak için Klasik Düzenleyici eklentisini, düzenleyicinizde en yeni özellikleri (potansiyel olarak kararsız olsa da) tutmak için Gutenberg eklentisini yükleyebilir veya varsayılan Blok Düzenleyiciyi koruyabilirsiniz.

Varsayılan düzenleyici (ve Gutenberg eklentisinin doğal istikrarsızlığı ve değişen doğası) dışında herhangi bir şeyi kullanmayla ilgili ekstra adımlar göz önüne alındığında, bu gönderide yalnızca varsayılan Blok Düzenleyiciye odaklanacağız. Bununla birlikte, temellerin Gutenberg ile aynı olduğunu ve Klasik Düzenleyici eklentisinde bulunan TinyMCE'nin, herhangi bir zengin metin düzenleyici veya kelime işleme yazılımı ile temel özellik eşliğine sahip olduğunu unutmamalısınız - tartıştığımız WP'ye özgü herhangi bir işlevsellikten bahsetmeye gerek yok. üzerinde, genellikle sadece estetikte farklılık gösterir, işlevde değil.

Tüm bunlarla birlikte, WordPress düzenleyicisini nasıl kullanacağımızı öğrenelim.

WordPress Editörünün Temelleri

Bir sayfa veya gönderi (veya özel bir gönderi türü) oluşturduğunuzda, Blok Düzenleyiciyi kullanacaksınız. Açılırken size bir öğretici model sunulur ve sunduğu 4 slayttan takip ederek temel bilgileri öğrenebilirsiniz. Kapatın ve temel düzenleyiciyi görebilirsiniz.

Temel WordPress Blok Düzenleyicisi 5 öğeden oluşur. Çeşitli eklentiler tarafından daha fazlası eklenebilir, ancak bunlar her gün üzerinde çalışacağınız temel işlevselliği sağlar.

1. Başlık bloğu – Buraya ne girerseniz girin, gönderinin/sayfanın birincil H1 etiketi olarak görüntülenecektir.
2. Blok/İçerik Alanı – Bu, gönderinizin veya sayfanızın içeriğini oluşturan çeşitli blokları ekleyeceğiniz alandır.
3. Blok Ekle Düğmesi – Bir daire içinde bir + gördüğünüzde, yeni bir blok eklemek için üzerine tıklayabilirsiniz. Eklemek istediğiniz türü seçeceğiniz bir açılır menü görünecektir. Hepsi tamamen aynı şekilde çalışır, bu nedenle bir bloğun sağındaki, bloğun altındaki veya ekranın köşesindeki birine tıklasanız da aynı seçenekleri elde edersiniz.
4. Belge Seçenekleri Sekmesi – Bu sekmenin altında kategorilerden, etiketlerden, kalıcı bağlantılardan, yorumları açma/kapatma geçişlerinden ve daha fazlasından her şeyi bulacaksınız. Eklentiler buraya seçenekler ekleyebilir, ancak her zaman sayfanın tamamına veya gönderinin kendisine uygulanır.
5. Blok Seçenekleri Sekmesi – Bu sekme, vurguladığınız blok için seçenekleri işler. Bir paragraf bloğunu tıklarsanız, yalnızca o bloğa ilişkin seçenekleri düzenlersiniz. Başka hiçbir blok veya belgenin kendisi değişmez.

Aşağıda, bu alanların özelliklerini ve bunları mümkün olan en iyi içeriği oluşturmak için nasıl kullanabileceğinizi anlatacağız.

Bloklar nedir?

Bu gönderide Bloklardan bahsettiğimizi gördünüz, ancak bunlar nedir? Blok , bir sayfanın veya gönderinin tek, özelleştirilebilir bir öğesidir. Tek bir paragraf, bir liste, bir resim veya bir galeri olabilir. Bu bloklar istediğiniz gibi hareket ettirilebilir ve ayarlanabilir, bireysel olarak özelleştirilebilir ve içeriğiniz üzerinde bir WYSIWYG editörünün yapamayacağı şekilde size ayrıntılı kontrol sağlar. (Eğer bir Divi kullanıcısıysanız, Modüllerimiz aynı şekilde çalıştığından konsepte zaten aşinasınızdır.)

Yukarıda gördüğünüz gibi sayfanın her elemanı kendi bloğunda yer almaktadır. WordPress destek belgelerinde WordPress bloklarının tam listesini görebilirsiniz.

Bir Blok Grubu Nasıl Oluşturulur

Bir Blok Grubu, tek bir blok olarak işlev görecek şekilde ayarladığınız bir bloklar topluluğudur. Onları hareket ettirir ve tek bir birimmiş gibi biçimlendirirsiniz, ancak Grup birden çok öğeden oluşur.

Grup oluşturmak kolaydır. Sadece bir bloğa tıklayın, ardından Shift veya CTRL'yi basılı tutun ve diğerine tıklayın. Gönderideki tüm blokları gruplamak istiyorsanız, tümünü seçmek için CTRL/CMD – A tuşlarına basabilirsiniz. Ardından sol üstteki simgenin küçük bloklardan oluşan bir kareye dönüştüğünü gördüğünüzde, onu tıklayıp Gruba Dönüştür öğesini seçebilirsiniz.

Grupları çözmeniz gerekiyorsa, üç noktalı açılır düğmeyi tıklamanız ve grubu çözmeyi seçmeniz yeterlidir.

Bloklar artık bir kez daha birey olarak işlev görecek.

Yeniden Kullanılabilir Bloklar nedir?

Ayarlar menüsünden herhangi bir bloğu tek seferlik bir bloktan yeniden kullanılabilir bir bloğa dönüştürebilirsiniz. Yeniden kullanılabilir blok bir şablon değil, siteniz için genel bir bloktur. Bir blok veya blok grubu oluşturursunuz ve ardından Yeniden Kullanılabilir Bloklara Ekle öğesine tıklarsınız .

Bu yeniden kullanılabilir blokta yapılan herhangi bir değişiklik veya düzenleme daha sonra sitenin tamamına yansıtılır ve yalnızca düzenlediğiniz blok yerine bloğun her bir örneğini değiştirir. Konuyla ilgili daha fazla bilgi için kontrol edebileceğiniz yeniden kullanılabilir bloklar için eksiksiz bir kılavuzumuz var.

Başlık Bloğu

Yukarıda gösterildiği gibi başlık bloğu, gönderinizin veya sayfanızın birincil H1 etiketidir. Ayrıca gönderi için kalıcı bağlantı bilgisi oluşturacaktır, ancak gönderiyi en az bir kez kaydettikten sonra bu düzenlenebilir. Bu aynı zamanda ne olacağını böyle gelen .post-başlık ve .entry-başlık çekme olarak CSS seçiciler. (Ancak SEO eklentileriniz, arama motorlarında nelerin görüntüleneceğini ayarlamanıza izin verir.)

Bu, WordPress düzenleyicisinde kaldıramayacağınız veya yeniden konumlandıramayacağınız tek bloktur. Daha fazlasını ayarlamak için CSS veya harici sayfa oluşturucu ayarlarını kullanmalısınız.

Blok/İçerik Alanı

Temel olarak, içerik alanını yazdığınız yer olarak düşünebilirsiniz. İsterseniz yazmaya başlayabilir, blokları hiç düşünmeden tüm bir gönderiyi yazabilirsiniz. Tüm önemli yönlerden, bu, TinyMCE'nin basit WYSIWYG alanının yerini alıyor ve WordPress düzenleyicide o zamandan beri yapılan en büyük değişiklik.

Ancak Blok Düzenleyici ile bundan çok daha fazlasını yapabilirsiniz. "Enter" veya "return" düğmesine her bastığınızda, yeni bir Paragraf bloğu ekleyeceksiniz. Farklı türde bir blok eklemek için (herhangi bir türden), bir daire içindeki + işaretine tıklayın ve mevcut her bloğun bir açılır listesini göreceksiniz. Farklı kategorilerde de kurulduğu için kaydırmayı unutmayın. Ne tür istediğinizi biliyorsanız, belirli bir bloğu da arayabilirsiniz.

YouTube video blokları, resimler, galeriler, müzik çalarlar, listeler, alıntılar ve çok daha fazlasını ekleyebilirsiniz. Her birinin kendi ayarları ve stil seçenekleri vardır. Ayrıca, bir bloğu ne kadar çok kullanırsanız, WordPress editörü bunu yaygın olarak kullanılan bir blok olarak algılar ve onu En Çok Kullanılanlar altında listeler, böylece artık onu kaydırmanız veya aramanız gerekmez. Yeniden Kullanılabilir Bloklar ve Blok Grupları, En Çok Kullanılanlar altında da görünebilir.

Bu bölümdeki resimlere bakarsanız, (1) her blok seçildiğinde aldığınız yeniden sıralama düğmelerine işaret eder (seçmek için üzerine tıklamanız yeterlidir). (2) , bloğu silmenize ve içeriğini HTML olarak düzenlemenize, klonlamanıza veya etrafına yeni bloklar eklemenize izin veren açılır listeye işaret eder.

Ancak bu seçenekler ve ayarlar, yukarıda bahsettiğimiz ve aşağıdaki bir sonraki bölümde tartıştığımız ekranın sağ üst köşesindeki Blok Seçenekleri Sekmesinden farklıdır.

Belge Anahattı, Kelime Sayısı ve Diğer Bilgiler

Sayfanın üst araç çubuğunda daire içinde bir i var. Tıkladığınızda, belgenizin nelerden oluştuğunun tam bir özeti sunulur.

Başlık bloklarını kullandığınız sürece, kelime sayısı, paragraf numarası ve blok sayısına ek olarak bir Belge Anahattı görüntülenecektir. Başlık bloğunuz yoksa, o bölüm orada olmayacaktır. Doğrudan o bloğa götürülmek için Belge Anahattı öğelerinden herhangi birine tıklayabilirsiniz. Bu özellik daha uzun belgelerde paha biçilmezdir.

Bunun yanındaki iç içe liste simgesine tıklarsanız, yalnızca bir anahat için başlıklar yerine gönderideki tüm blokların sıralı bir listesini görürsünüz.

Yine, doğrudan o bloğa gitmek ve seçmek için listedeki herhangi bir şeye tıklayabilirsiniz.

Blok Seçenekleri Sekmesi

WordPress düzenleyicisinin sağ üst köşesinde Block yazan bir sekme göreceksiniz. Seçtiğiniz bir blok olduğu sürece, o blok türü için bağlamsal bir seçenekler seti alırsınız. Ancak yaptığınız herhangi bir değişiklik yalnızca seçtiğiniz tek bloğu etkileyecektir.

Bu sekmede bir görüntünün küçük resim boyutunu değiştirebilir, bir uyarı oluşturmak için paragrafa renkli bir arka plan ekleyebilir veya örneğin bir başlıktaki yazı tipi boyutunu ayarlayabilirsiniz. Engelle sekmesi açıksa, seçenekler seçtiğiniz belirli bloğa değişir. Paragraf Bloğu vurgulanmışsa, bunu göreceksiniz.

Bir Görüntü Bloğunun seçilmesi, Blok sekmesini buna değiştirecektir.

Her blok, içinde ayarlayabileceğiniz, yalnızca o blok türü için geçerli olan (ve yalnızca o belirli blokta işlenecek) belirli seçeneklere sahip olacaktır. Bununla birlikte, her bloğun sekmesinde, o bloğa CSS sınıfları uygulamanıza izin veren bir Gelişmiş bölümü vardır. Ardından, harici stil sayfalarını ve kodu kullanarak bunları uygun gördüğünüz şekilde biçimlendirebilirsiniz.

Belge Seçenekleri Sekmesi

Blok Seçenekleri sekmesinin solunda Belge Seçenekleri sekmesi bulunur . Geçmişte WordPress kullandıysanız, bunlar size tanıdık gelecektir. Burada, gönderinizin kategorilerini, etiketleri ayarlayabilir, öne çıkan bir resim ekleyebilir, kalıcı bağlantı bilgisini ayarlayabilir, tema/SEO kullanımı için bir alıntı ekleyebilir ve yorumları etkinleştirebilir veya devre dışı bırakabilirsiniz.

Bu bölümlerin her biri, TinyMCE WYSIWYG düzenleyicisinde nerede ve ne olduklarıyla hemen hemen aynıdır. Tek bir bloğa veya tüm siteye değil, tüm gönderiye veya sayfaya uygulanırlar. Ayrıca yukarıdaki resimde de görebileceğiniz gibi bir WP Rocket Options kutusu var. Bazı eklentiler bu alana kutular uygulayacaktır, ancak bunlar içerik veya bloklarla çok fazla değil, her zaman doğrudan belgenin kendisiyle ilgili olacaktır.

Ek Posta Meta Kutuları

Gönderinin meta kutuları, eklentilerin içeriğin kendisi için yeni seçenekler ve yetenekler ekleyeceği yerdir. İçerik alanının en sonunda, blokların altında görünürler.

Bu bölümde görünenler (eğer varsa), yüklediğiniz eklentilere (veya alanı kullanabilecek herhangi bir tema özelliğine) bağlı olacaktır. SEO eklentileri, bu alandan ve belge ayrıntılarından ziyade sayfanın içeriğiyle bir şekilde etkileşime girmenize izin verecek diğer her şeyden çok yararlanır.

WordPress Düzenleyici Seçenekleri Açılır Menüsü

Ekranın sağ üst köşesindeki üç nokta açılır simgesine tıklarsanız, büyük bir dikey açılır menü görünecektir. Burada, belge, bloklar veya içerik yerine düzenleyicinin kendisi için geçerli olan bir dizi ayarı düzenleyebilirsiniz.

Çoğunlukla, yeniden kullanılabilir bloklarınızı yönetmek veya klavye kısayollarının bir listesini sağlamak veya başlangıçta bahsettiğimiz karşılama kılavuzunu yeniden açmak gibi oldukça basit seçeneklerdir.

Bununla birlikte, en sık kullanılan seçeneklerden bazıları en tepeye yakındır. Özellikle Üst Araç Çubuğu , Tam Ekran Modu ve Görsel/Kod Düzenleyici modları için geçiş yapar.

Üst Araç Çubuğu geçişi, yukarıda belirttiğimiz gibi, bloğun sol üst kısmına yakın bir bağlamsal menü olarak görünen seçili bir blok için seçenekler yerine, ekranın üst kısmında sabit bir alanda olacağı anlamına gelir.

Tam Ekran Modu , WordPress yönetici panosunu açar veya kapatır. Tam Ekran Modunu devre dışı bırakırsanız, Gönderiler, Sayfalar, Görünüm, Ayarlar, Araçlar vb. gibi tipik pano seçeneklerini içeren sol kenar çubuğunu görürsünüz.

Ve Görsel/Kod Düzenleyici geçişleri tam olarak TinyMCE düzenleyicisindeki gibi çalışır. Bu gönderideki örnekler şimdiye kadar Görsel Düzenleyici ile olmuştur. Yani, yazarken gönderinin görsel bir temsilini görürsünüz. Basılacak düğmeler, bağlam menüleri ve bunları değiştirdikçe gerçek zamanlı ayarlar elde edersiniz. Ancak, Kod Düzenleyici tam da budur — kod. Düz metin ve HTML olarak yazacağınız basit bir metin kutunuz olacak.

Bu genellikle editörle ilgili sorunları gidermek veya tek bir alan veya bloğa ince ayar yapmak için yapılır. Veya harici bir düzenleyicide yazılmış içeriği birden çok blokta doğru biçimde biçimlendirmeyecek şekilde yapıştırmak için.

Blok düzenleyici, WordPress'e ne tür blokların oluşturulacağını söylemek için belirli HTML etiketleri kullanır, bu nedenle <!– wp:paragraph –> gibi görünen herhangi bir kodu olduğu gibi tuttuğunuzdan emin olun. Aksi takdirde işler oldukça karışabilir.

Küresel WordPress Blok Düzenleyici Kısayolları

Blok Düzenleyici ayrıca kendi şık kısayollarıyla birlikte gelir. Hepsi TinyMCE ile aynı değildir, ancak eşit derecede faydalıdır ve öğrenilmesi de bir o kadar önemlidir. En faydalı olanları hafızaya almak, tecrübeden yola çıkarak size çok fazla zaman ve zahmet kazandıracaktır. WordPress düzenleyicinin kendisinde aşağıdaki kısayol listesini görüntülemek için Shift+Alt+H tuşlarına basabilirsiniz.

Belge Kısayolları

• Görsel düzenleyici ve Kod düzenleyici arasında geçiş yapın – Ctrl+Shift+Alt+M
• Blok gezinme menüsünü açın – Shift+Alt+O
• Ayarlar kenar çubuğunu gösterin veya gizleyin – Ctrl+Shift+,
• Düzenleyicinin sonraki bölümüne gidin – Ctrl+` veya Shift+Alt+N
• Düzenleyicinin önceki bölümüne gidin – Ctrl+Shift+` veya Shift+Alt+P
• En yakın araç çubuğuna gidin – Alt+F10
• Değişikliklerinizi kaydedin – Ctrl+S
• Son değişikliklerinizi geri alın – Ctrl+Z
• Son geri alma işleminizi yeniden yapın – Ctrl+Shift+Z

Seçim Kısayolları

• Yazarken tüm metni seçin. Tüm blokları seçmek için tekrar basın – Ctrl+A
• Seçimi temizle – ESC

Kısayolları Engelle

• Seçili bloğu/blokları çoğaltın – Ctrl+Shift+D
• Seçili blokları kaldırın – Shift+Alt+Z
• Seçilen blok(lar)dan önce yeni bir blok ekleyin – Ctrl+Alt+T
• Seçilen blok(lar)dan sonra yeni bir blok ekleyin – Ctrl+Alt+Y
• Birden çok seçili bloğu kaldırın – del veya geri al
• Yeni bir paragraf ekledikten sonra blok türünü değiştirin – /

Metin Kısayolları

• Seçili metni kalın yapın – Ctrl+B
• Seçili metni italik yap – Ctrl+I
• Seçili metni bir bağlantıya dönüştürün – Ctrl+K
• Bağlantıyı kaldırın – Ctrl+Shift+K
• Seçili metnin altını çiz – Ctrl+U

Toplama

WordPress editörü son on yılda çok yol kat etti ve mevcut Blok Editörü kesinlikle bizi bir sonrakine taşıyacak kadar güçlü. Sayfadaki her öğeyi ayrıntılı bir şekilde kontrol etmenin gücüyle, içeriği daha önce mümkün olandan daha hızlı, daha kolay ve çok daha verimli bir şekilde oluşturabilirsiniz. Bununla birlikte, mevcut Blok Düzenleyici sizin için değilse, Klasik Düzenleyici eklentisi mevcuttur ve son teknolojilerden biriyseniz, Gutenberg eklentisi WordPress çekirdeğindeki varsayılan düzenleyicinin birkaç sürüm önünde kalır. Bu nedenle, hangi yolu oluşturmayı tercih ederseniz edin, WordPress sizin üzerinizdedir.

WordPress düzenleyicisi hakkında paylaşmak istediğiniz ipuçlarınız ve püf noktalarınız var mı? Yorumlarda bize bildirin!