access_time
hourglass_empty
person_outline

WordPress Metin Editörü Rehberi: Metin vs Görsel Editör

WordPress’in kendine ait iki adet yazı editörü bulunmaktadır. İlki görsel editör, ikincisiyse klasik metin editörüdür. İkisinin de kendine ait artıları ve eksileri bulunmaktadır. Okumaya devam edin ve WordPress’in kendine ait iki yazı editörü hakkında her şeyi öğrenin.

Bu makalede WordPress editörünü kullanarak yazı oluşturmayı öğrenecek ve WordPress için temel HTML bilgisine sahip olacaksınız.

Hadi başlayalım.

WordPress’de Yazı Oluşturmak

İster klasik editörü kullanın, ister yeni olan Gutenberg editörü kullanın, WordPress size iki adet düzenleme modu verecektir.

Klasik editörde iki düzenleme modu da yan yana olacaktır. Böylelikle modu istediğiniz gibi değiştirebileceksiniz.

İşte görsel editörün görünüşü:

WordPress klasik editörün görsel editörü

İşte bu da WordPress metin editörü:

WordPress metin editörü

Öte yandan WordPress 5.0‘dan bu yana Gutenberg WordPress’in varsayılan editörü olmuştur. Gutenberg editörüyle zengin ortamlı içerik yaratmayı kolaylaştıran bloklar gelmiştir.

Gutenberg editörü ayrıca iki adet düzenleme moduna sahiptir. Ancak, editörler arasında gidip gelmek için üç noktalı tuşa tıklamanız gerekmektedir.

İşte Gutenberg editöründeki görsel editör:

Gutenberg görsel editörü

HTML olarak düzenle’yi seçtikten sonra metin böyle gözükecektir:

Gutenberg metin editörü

Varsayılan olarak her yeni yazı eklediğinizde görsel editörü görürsünüz.

WordPress görsel editörü acemileri yazı veya sayfa yaratmaya alışmaları için yarı-WYSIWYG (What You See Is What You Get – Ne Görürsen Onu Alırsın) olarak tabir eder.

Görsel editör, tıpkı kullandığınız kelime işleme yazılımı gibi formatlamak için size bir takım tuşlar sunar.  Ancak WordPress görsel editörüyle oluşturduğunuz herhangi bir yazı HTML formatlıdır. Her tuş belirli bir HTML etiketini temsil eder.

HTML’in açılımı Hypertext Markup Language, Türkçe karşılığıyla Hiper Metin İşaretleme Dili’dir. HTML, çevrimiçi içeriklerin yapılandırılmasından sorumludur. HTML hakkında birazdan daha detaylı bilgiler vereceğiz.

WordPress Metin Editörü vs Görsel Editör

Daha önce de belirttiğimiz gibi iki editör de farklıdır. Çok yakında metin editörü kullanmanın daha avantajlı olduğunu göreceksiniz.

Görsel editör gayet iyi çalışır ancak istenmeyen formatlama hataları alabilirsiniz.

Örneğin, diğer kelime işleme yazılımlarından içerik kopyalayıp yapıştırdığınızda görsel editörde gayet iyi gözükebilir. Ancak, metin editöre geçtiğinizde <span>, <div> veya &nbsp gibi etiketler görebilirsiniz.

WordPress metin editöründeki HTML etiketleri

Eğer bu sıklıkla oluyorsa web siteniz yavaşlayabilir ve web sitenizin SEO‘su etkilenebilir.

Ayrıca metin editöründe bazı HTML etiketleri eklediğinizde görsel editöre geçerseniz eklenen etiketler yalınlaştırılmış olabilir.

Bununla birlikte eğer format üzerinde tam kontrole sahip olmak istiyorsanız metin editörle devam etmek tavsiye edilmektedir. Hatta, çoğu gelişmiş kullanıcı metin editörü kullanmayı tercih eder ve formatlamayı en baştan HTML kodları ekleyerek yapar.

Eğer WordPress’e bir yazı kopyaladıysanız ve ekstra kod olmasını istemiyorsanız bütün yazı seçiliyken formatlamayı temizle‘ye basabilirsiniz. Böylelikle WordPress yazınızdaki bütün HTML etiketleri silinecektir.

WordPress İçin HTML Temelleri

WordPress metin editörü kullanmak için temel HTML bilgisine sahip olmak büyük fayda sağlar. Ek olarak bu bilgiyi edinmek göründüğü kadar zor değildir.

Önceden belirttiğimiz gibi metin editörü kullanmanız için HTML etiketlerini bilmeniz gerekmektedir. Örneğin, eğer bir kelimeyi kalınlaştırmak istiyorsanız <strong>kelime</strong> etiketini kullanabilirsiniz. Eğer bir kelimenin italik harflerle yazılmasını istiyorsanız <em>kelime</em> etiketini kullanabilirsiniz.

WordPress yazı düzenleme için temel HTML bilgisi gereklidir

Sonuç böyle olacaktır:

Doğru HTML etiketlerini kullanmanın sonucu

İhtiyacınıza göre istediğiniz kadar etiket ekleyebilirsiniz.

İşte WordPress metin editöründe stil formatlaması için kullanabileceğiniz bazı kullanışlı etiketler.

Here are some useful tags that you can use to handle formatting style in the WordPress text editor.

KategoriAmaçHTML EtiketleriÖrnekler
BaşlıkYazının başını tanımlamak için<h1> ile <h6> arasındaki etiketler<h1>Başlık 1</h1><h2>Başlık 2</h2>

<h3>Başlık 3</h3>

<h4>Başlık 4</h4>

<h5>Başlık 5</h5>

<h6>Başlık 6</h6>

FormatlamaYazıyı kalınlaştırmak için<b> etiketi<b>Bu yazı kalındır</b>
Kalın yazıya güç ve önem vermek için<strong> etiketi<strong>Bu yazı güçlüdür</strong>
Yazının italik karakterli olması için<i> etiketi<i>Bu yazı italiktir</i>
Yazıyı italik karakterli ve önemli göstermek için<em> etiketi<em>Bu yazı vurgulanmıştır</em>
Yazıyı işaretlemek için<mark> etiketi<mark>İşaretli</mark>
BağlantılarBaşka bir sayfaya bağlantı vermek için<a> etiketi<a href=”url”>Buradan</a>
Başka bir web siteye yeni bir sekmede geçmek için<a> etiketi<a href=”https://www.websitesi.com/” target=”_blank”>Bu Sayfayı Ziyaret Edin!</a>
ListelerSırasız liste oluşturmak için<ul> etiketi<ul><li>Birinci</li>

<li>İkinci</li>

</ul>

Sıralı liste oluşturmak için<ol> etiketi<ol><li>Birinci</li>

<li>İkinci</li>

</ol>

WordPress Metin Editöründeki Paragraf Etiketi

WordPress metin editöründeki bilmeniz gereken bir başka etiket ise paragraf etiketidir.

WordPress metin editörünü kullanırken paragrafa <p>paragraf</p> ile başlarsınız.

WordPress metin editörü paragraf etiketi

Daha sonra ise yukarıdaki tablodaki etiketleri kullanarak paragrafta farklı formatlama seçenekleri ekleyebilirsiniz.

Ancak saf HTML’nin sayfa sonu işaretlerini görmezden geleceğini unutmayın, yani paragrafların arasındaki boşluklar tarayıcınızda gözükmeyecektir.

Eğer aşağıdaki örnekteki gibi sayfa sonu işaretlerini eklerseniz:

Doğru HTML etiketlerini kullanmak tavsiye edilir

Yayınlanmış yazılarınızda hiçbir fark yaratmayacaktır.

Saf HTML kullanmak sayfa sonu işaretlerini görmezden gelir

Bunun yerine <b> etiketini kullanmanız gerekir.

Sonuç

WordPress metin editörü yazılarınızı formatlarken daha güçlüdür ancak görsel editörü kullanması daha kolaydır.

WordPress metin editörünü doğru şekilde kullanabilmeniz için temel HTML bilgisine sahip olmanız gerekir. Bu, metin editörünü doğru biçimde ve tam potansiyeliyle kullanmanıza yardımcı olacaktır.

Umuyoruz ki size WordPress metin editörü kullanımında yardımcı olmuşuzdur.

Mutlu düzenlemeler ve iyi şanslar! Her zamanki gibi aşağıdaki yorumlar kısmında düşüncelerinizi ve yorumlarınızı paylaşmayı unutmayın!

Yazar

Author

Gökhan O. / @gokhanordu

Gökhan Hostinger'da Pazarlama Asistanı olarak çalışmakta. WordPress hakkındaki tecrübe ve bilgisini bu blogda paylaşıyor. Çeviri yapmak, içerik yönetmek ve de SEO optimizasyonu yapmaktan büyük keyif alır. Hobileri arasında oyun oynamak ve futbol maçları izlemek vardır.

İlgili Rehberler

Author

Yaser usta Yanıt

Aralık 19 2019

Öncelikle Bu Değerli Yazı için sizlere çok çok teşekkür ederim. Ben daha önce, Gutenberg yazı editörünü kullanmak istedim ama..! bana çok karmaşık geldi. Ayrıca hızlı değil gibi, yani butonlar falan bana çok karışık ve uzak geldi..! Bildiğiniz üzere Classic editör'e aşina olan herkes bu editörü çok hızlı ve seri kullanmaktadır, Fakat bu gün, bu güzel makaleyi okuduktan sonra, öz güvenim biraz daha yerine geldi..! Yavaş yavaş bende bu Gutenberg yazı editörüne Geçiş yapacağım. İyi çalışmalar dilerim.

Bir yanıt bırakın

Yorum*

İsim*

Eposta*

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Şimdi Hostinger'ın bir parçası olun!