WordPress Görsel Düzenleyiciden En İyi Şekilde Yararlanmak için 3 İpucu

WordPress görsel düzenleyicisi, içeriğinizin yayınlandıktan sonra nasıl görüneceği hakkında size bir fikir veren kullanışlı bir araçtır. Siteniz için içerik oluşturma ve biçimlendirme sürecini kolaylaştırmaya yardımcı olacak özelliklerle donatılmıştır. Bununla birlikte, görsel düzenleyici değerli bir araç olsa da, sınırlamaları vardır.

Bu makale, WordPress görsel düzenleyicisinden en iyi şekilde nasıl yararlanabileceğinizi gösterecek ve işlevselliğini daha da geliştirebilecek bazı eklentileri ve CSS ince ayarlarını gösterecektir.

1. Standart Görsel Düzenleyiciden En İyi Şekilde Yararlanın

Temel bilgilerle başlayalım. Standart görsel düzenleyiciyi zaten baştan başa biliyorsanız, ileri atlayabilir ve özel işlevleri nasıl ekleyeceğinizi öğrenebilirsiniz.

Görsel Düzenleyici Vs. Metin düzeltici

WordPress düzenleme ekranı hem görsel hem de metin düzenleyicilerle donatılmıştır. Metin düzenleyici size HTML işaretlemeli ham metni göstererek, HTML konusunda rahatsanız metni tamamen özelleştirilebilir hale getirir:

Metin düzenleyicinin kendi içinde, Medya Ekle düğmesini kullanmaya alternatif olarak görüntüleri ve diğer medyaları doğrudan değiştirebilirsiniz.

Görsel düzenleyici, bir nevi Görüyorsanız Onu Alırsınız (WYSIWYG) düzenleyicisidir. Metin biçimlendirme uygulayarak ve resimleri düzenleyici içinde görüntüleyerek, içeriğinizin yayınlandıktan sonra nasıl görüneceği konusunda size çok daha iyi bir fikir verir. Ancak, varsayılan olarak, bir sayfanın veya gönderinin kendi temanızda nasıl görüneceğini veya yazı genişliği, metin stili ve köprü rengi gibi şeyleri tam olarak göstermez.

Görsel düzenleyicide veya metin düzenleyicide düzenleme yapıyor olsanız da, her zaman aynı içerik bloğunu düzenlersiniz, yalnızca farklı şekilde görüntülersiniz. Görsel düzenleyicide yaptığınız değişiklikler gönderinizin HTML işaretlemesini değiştirecektir, bu etiketleri görsel düzenleyicide metin düzenleyicide yaptığınız gibi görmezsiniz.

Kullandığınız düzenleyiciden bağımsız olarak değişiklikler meydana geldiğinden, içerik oluşturma işlemi boyunca bunlar arasında geçiş yapabilirsiniz. Görselden metin düzenleyiciye (veya tam tersi) geçiş, yazı düzenleyicinin sağ üst köşesindeki uygun sekmeye tıklamak kadar basittir:

Görsel Düzenleyici Düğmeleri

Varsayılan olarak, görsel düzenleyici bir sıra düğme görüntüler. İkinci satırı görüntülemek için, genellikle Mutfak Lavabo düğmesi olarak adlandırılan Araç Çubuğu Geçiş simgesine basabilirsiniz. Araç çubuğundaki her düğme bir simge gösterir, ancak üzerine gelerek kullanışlı bir araç ipucunu ortaya çıkarabilirsiniz:

Düğmelerin çoğunun işlevleri açıklayıcı olsa da, diğerleri daha az sezgiseldir. Belki de aşina olmadığınız butonlara bir göz atalım.

blok alıntı

Blok alıntı düğmesi, alıntılanan metni görüntülemek için kullanılır. Bunun gerçekten ön uçta görüntülenme şekli temanıza bağlı olacaktır. Örneğin, bir blok alıntı, Divi'nin ön ucunda varsayılan olarak şöyle görünür:

Diğer temalar, tam renkli bir kutu veya büyük tırnak işaretleri kullanabilir. Yayınla'ya basmadan önce blok alıntı stilinin görünümünü beğendiğinizi kontrol etmek en iyisidir. Blok alıntılarınızın görünümünden memnun değilseniz, özelleştirilebilirler. Blok alıntıları özelleştirme hakkında daha fazla bilgi için blogumuzdaki bu gönderiye göz atabilirsiniz.

Devamını Oku Etiketi Ekle

Bu düğme, aşağıdaki resimde gösterildiği gibi yatay bir çizgi ekler:

Gönderiyi yayınladığınızda, Devamını Oku satırı site ön ucunda oluşturulmaz. Yalnızca gönderi özet akışınızda gösterilen alıntının uzunluğunu kontrol eder ve satırı nereye yerleştirirseniz yerleştirin durur.

Metin Olarak Yapıştır

Metin Olarak Yapıştır düğmesi, diğer konumlardan yapıştırdığınız metni temizlemek için kullanılır. Basitçe kopyalayıp yapıştırdığınızda, metin beklediğinizden farklı bir biçimde görünebilir. Metin Olarak Yapıştır düğmesi, tüm özel biçimlendirmeleri ve HTML etiketlerini kaldırır.

Biçimlendirmeyi Temizle

Metnin vurgulanmış bir bölümündeki tüm biçimlendirmeyi (kalın, italik, altı çizili ve renkler dahil) kaldırmak için bu düğmeyi kullanabilirsiniz:

Özel karakter

Özel Karakter düğmesi, klavyenizde tipik olarak bulunmayan karakterleri eklemenizi sağlar ve düğmeyi tıkladığınızda bir açılır pencere görünür:

Klavye kısayolları

Klavye Kısayolları düğmesini tıklattığınızda, düzenleyicide yerleşik olarak bulunan kısayolları gösteren bir açılır pencere görüntülenir. Belirli görevleri tamamlama sürecini hızlandırmak için bunları kullanabilirsiniz:

Kısayollar ayrıca araç çubuğunda eksik olan Copy , Paste ve Code gibi bazı seçenekler de sunar. Kod kısayolu, metninizdeki kod bölümlerini vurgulamak için kullanılır:

Dikkati Dağıtmayan Yazma Modu

Bazı insanlar için editörü çevreleyen dağınıklık, istenmeyen bir dikkat dağıtıcı olabilir. Daha temiz bir çalışma alanı istiyorsanız, içeriğinize odaklanabilmeniz için sol ve sağ kenar çubuklarından kurtulmak için bu düğmeyi tıklayın.

2. Özel İşlevsellik Ekleyin

Standart görsel düzenleyici, gönderiler oluşturmak ve biçimlendirmek için ihtiyacınız olan tüm temel özelliklere sahiptir. Ancak, içeriğinizi biçimlendirmek isteyebileceğiniz başka birçok yol vardır. Metni uygun HTML etiketleriyle işaretleyerek bunu metin düzenleyicide yapabilirsiniz. Tabii ki, birçok insan kod konusunda rahat değil, diğerleri ise sadece görsel düzenleyicide çalışmayı tercih ediyor.

Neyse ki, eklentileri kullanarak görsel düzenleyiciye hızlı ve basit bir şekilde işlevsellik eklemek mümkündür. Bu bölümde, görsel düzenleyicinizi geliştirmek için iki harika eklentiye göz atacağız.

Eklenen bazı özelliklerin işlevsellikleri için eklentiye bağlı olduğunu unutmayın. Kısa kodla uygulanan veya eklentinin çalışmasına bağlı olan özellikleri kullanırsanız, devre dışı bırakıldıktan sonra bu özellikler çalışmayı durduracaktır. Bu, eklentiyi kaldırdıktan sonra yapmanız gereken bazı biçimlendirme temizliğiniz olacağı anlamına gelir.

TinyMCE Gelişmiş

Bir milyonun üzerinde yükleme ile TinyMCE Advanced, WordPress kullanıcıları arasında oldukça popülerdir. WordPress düzenleme deneyiminizi önemli ölçüde değiştirebilecek hafif ve kullanımı kolay bir eklentidir. Bu eklenti, WordPress görsel düzenleyici araç çubuğunuzdaki düğmeleri eklemenize, yeniden düzenlemenize ve kaldırmanıza olanak tanır. Ayrıca, dört sıraya kadar düğmeyi yapılandırmanıza olanak tanır ve ihtiyaçlarınızı karşılayacak şekilde özelleştirilebilir.

Ek düğmeler, Yazı Tipi Ailesi , Yazı Tipi Boyutları , Tarih/Saat Ekle , Sayfa Sonu ve daha fazlasını içerir. TinyMCE Advanced ile tablolar oluşturmak ve düzenlemek de çok daha kolay ve ayrıca liste eklerken seçebileceğiniz daha fazla seçeneğiniz var. Eklenti ayrıca içerik oluşturma ve biçimlendirme işlemi için daha da fazla seçenek sunan bir düzenleyici menüsünü etkinleştirmenizi sağlar.

Ek düğmelerin kurulumdan sonra otomatik olarak görünmeyeceğini unutmayın, bu nedenle yeni araç çubuğunuzu yapılandırmak için eklenti Ayarları ekranına gitmeniz gerekecek. Kurulduktan sonra editör ekranınız aşağıdaki gibi görünecektir:

Ana Özellikler:

• Araç çubuğunuzu özelleştirmek için sürükle ve bırak düğmeleri.
• Tablolar oluşturun ve düzenleyin.
• Liste eklemek için ek seçenekler.
• Arama ve değiştirme işlevi.
• Metin seçeneğini iki yana yasla.
• Sayfa sonları ekleme yeteneği.
• İfade ekleme seçeneği.

Fiyat: Ücretsiz | Daha fazla bilgi

WP Düzenle

TinyMCE Advanced kadar popüler olmasa da, WP Edit 100.000'den fazla etkin yüklemeye sahiptir ve bir dizi özellik sunar. Ücretsiz sürüm, görsel düzenleyiciye birçok özellik ekler ve hem yazılara hem de sayfalara uygulanabilen düzen seçeneklerini içerir.

Premium sürüm, WP Edit Pro, iki ek düğme satırı ve önceden tanımlanmış 80 stil, Dropbox entegrasyonu ve Google Yazı Tipleri gibi premium özellikler içerir. Ayrıca, herhangi bir içeriğinize uygulanacak özel yazı tiplerini kullanabilir ve özel düzenleyici stilleri oluşturabilirsiniz.

Ana Özellikler:

• Görüntüler, videolar ve küçük resimler gibi ortamları kolayca ekleyin.
• Tablolar oluşturun ve özelleştirin.
• İlgili kısa kodlara kolay erişim.
• Kısa kodlar aracılığıyla içerik alanlarına sütun ekleyin.
• Alıntı ve profil açıklamalarına özel düzenleyici ekleyin.
• Alıntı ve widget alanlarında kısa kodlara izin verin.

Fiyat: Temel eklenti ücretsizdir ve premium sürüm 17,50 $'dan başlar | Daha fazla bilgi

3. Editörü Ön Uç Gibi Görünecek Şekilde Özelleştirin

WordPress görsel düzenleyicide, ele aldığımız eklentiler tarafından tam olarak çözülmeyen büyük bir sınırlama vardır. Görsel düzenleyici size içeriğinizin nasıl görüneceği hakkında bir fikir verse de, düzenleyicide gördüğünüz ile içeriğinizin sitenizin ön ucunda nasıl göründüğü arasında hala farklılıklar vardır. Ön ucu kontrol etmek için Önizleme düğmesini kullanırken bir seçenek olsa da, bunu uygunsuz bulabilirsiniz.

Elbette, görsel düzenleyici size içeriğinizi ön uçta göründüğü gibi gösterebilseydi iyi olurdu. WordPress dosyalarınızı özelleştirme konusunda rahatsanız, görsel düzenleyicinin görünümünü temanıza daha iyi uyacak şekilde ayarlamanın yolları vardır. Görsel düzenleyiciyi sitenizin ön ucuna uyacak şekilde nasıl özelleştireceğinizi öğrenmek için WPBeginner ve WPMU DEV'deki bu makalelere göz atın.

Kodsuz düzenleme için başka bir çözüm, Divi 3.0'daki yeni görsel arayüz gibi bir ön uç düzenleyici kullanmaktır. Bu sezgisel düzenleyici, herhangi bir sayfayı veya gönderi öğesini kod olmadan doğrudan web sitenizin ön ucunda düzenlemenize olanak tanır.

Çözüm

WordPress görsel düzenleyici kullanışlı bir araç olmasına rağmen, sınırlamaları vardır. Bu makalede özetlenen ipuçlarını uygulayarak görsel düzenleyiciyi geliştirebilir ve içerik oluşturma sürecini iyileştirebilirsiniz. Tekrar özetleyelim:

• Standart görsel düzenleyiciden en iyi şekilde yararlanın: Özellikle arayüze aşina iseniz, standart görsel düzenleyicinin birçok işlevi vardır.
• Özel işlevler ekleyin: TinyMCE Advanced ve WP Edit gibi eklentiler, WordPress görsel düzenleyicisinin işlevselliğini artırabilir.
• Düzenleyiciyi ön uç gibi görünecek şekilde özelleştirin: Kod konusunda rahatsanız, daha fazla özelleştirme oldukça basittir. Kodla uğraşmak istemiyorsanız Divi 3.0, ön uç düzenlemeyi gerçeğe dönüştürür.

WordPress görsel düzenleyicisini özelleştirmek için herhangi bir ipucunuz var mı? Aşağıdaki yorumlar bölümünde bize bildirin ve sohbete abone olun!

mahfud21 / Shutterstock.com tarafından makale küçük resim