WordPress Buton Ekleme | Kısa Kod Kullanmadan

Wordpress Eklentileri / Plugins

Çoğu wordpress kullanıcısı HTML/CSS kodlarına alışkın değildir ki zaten wordpress’in var oluş sebebi, kod bilgisi olmayan insaların bile kolaylıkla bir web sitesine sahip olabilmesi.

Eminim ki bu yazıya gelmeden önce google’da bir çok kez “buton ekleme” yada “wordpress buton ekleme” gibi anahtar kelimeleri arattınız ve karşınıza hep kodlama bilgisi gerektiren yazılar çıktı.

Eğer hiç kodlamayla uğraşmadan, kafanızda tasarladığınız butonu veya butonları sitenize eklemek istiyorsanız, kesinlikle doğru adrestesiniz. Zaten wordpress eklentileri bunun için var. Kodlarla hiç uğraşmadan, size direkt olarak yapmak istediğinizi sunmak için.

Bugüne kadar wordpress buton ekleme işlevini yerine getirecek yazılmış onlarca wordpress eklentisi var. Fakat bu eklentilerin çoğunun çalışma prensibi kısa kodlara dayalı. Yani yazınıza bir buton eklemek istediğinizde, eklentinin size sunduğu kısakodu örnek; [button-green] yazıya ekleyerek buton ekleme işlemini yerine getirmiş oluyorsunuz.

Bu yazımda ise size çalışma prensibi çok daha farklı ve işlevsel olarak daha kolay, yani sizi yormadan wordpress buton ekleme işlevini yerine getirecek bir eklentiden bahsedeceğim.

Forget About Shortcode Buttons Eklentisi

Wordpress Buton Ekleme Eklentis - Forget About Shortcode Buttons Eklentisi

Öncelikle yapmanız gereken Forget About Shortcode Buttons eklentisini wordpress sitenize kurmak.

Önemli: Bu eklenti wordpress 3.9 veya daha üst sürümlerde çalışmaktadır. Eğer wordpress 3.9’un altında bir sürüm kullanıyorsanız, eklentiyi kullanabilmek için wordpress sürümünü güncelleme yapmanız gerekmektedir.

Eklentiyi yükledikten sonra wordpress admin panelinizden yeni yazı ekle yada hali hazırda yazdığınız bir yazıyı düzenle diyerek yazınızın arka yüzüne ulaşın.

Buton eklemek istediğiniz yazının arka yüzüne giriş yaptıktan sonra, görsel editor butonlarına yeni bir buton eklendiğini gözlemleyeceksiniz. Aşağıdaki resimde olduğu gibi.

Wordpress buton ekleme - WordPress Eklenti Kullanarak Buton Ekleme

Buton ekleme işlemi için tek yapmanız gereken gördüğünüz Insert Button butonuna tıklamanız. Butona tıkladıktan sonra eklenti karşınıza eklemek istediğiniz butonu dizayn edebileceğiniz bir açılır pencere getirecektir.

Wordpress buton ekleme - forget abouut shortcode buttons eklentisi

Properties Sekmesi

Tek yapmanız gereken ekleyeceğiniz butonun text kısmında ne yazacağını belirlemek ve URL kısmına butona tıklanınca ziyaretçiyi hangi adrese yönlendireceğini girmek.

Text Colorkısmında butonun üzerinde yazan yazının rengini,
Button Colorkısmından butonun rengini,
Typekısmından butonun çerçevesinin şeklini,
Sizekısmından ise butonun büyüklüğünü belirleyebilirsiniz.


Icons Sekmesi

Eklentinin sunduğu diğer bir özellikse, butonların başına veya sonuna icon ekleyebilmeniz. Açılır penrecede Icons sekmesine tıkladığınızda, butonunuza eklentinin sunduğu görselleri ekleyebilirsiniz.

None – Beforeseçeneklerinden ise, iconu butonun sonuna mı yoksa başına mı ekleyeceğinizi belirliyorsunuz.

Wordpress buton ekleme eklentesi

Tüm bu süreç boyunca ekleyeceğiniz butonun görselini canlı olarak görebiliyorsunuz. Tüm ayarları yaptıktan ve butonun görünümünden tatmin olduktan sonra Insert butonuna tıklamanız yeterli olacaktır.

Insert butonuna tıkladıktan sonra yazı editöründe buton nasıl görünüyorsa, yazınızda da aynı şekilde görünecektir.

Buton metnine (text) tıklayarak, butonu yazı editöründeki hizalama butonlarından sola, sağa veya ortaya hizalayabilirsiniz. Metine çift tıkladığınızda ise, buton ayarları açılır pencerede tekrar açılacaktır.


Umarım WordPress Buton Ekleme | Kısa Kod Kullanmadan başlıklı yazımı yararlı bulmuşsunuzdur.Teşekkürlerinizi, yazımı sosyal mecralarda paylaşarak gösterebilirsiniz. Bu benim için fazlasıyla yeterli olacaktır.

İlgili gönderiler

WordPress Buton Ekleme | Kısa Kod Kullanmadan” ile ilgili yorumlar;

  1. Adays ARICI dedi ki:

    çok başarılı bir siteniz var. yardımlarınızdan dolayı teşekkür ederiz

  2. Yavuz dedi ki:

    Bu platformda en ögretici yazılar sizde. Sayenizde web sitemi kurdum ve eksiklerimi yine sayenizde ogrenerek yapiyorum. Tesekkur ederim.

  3. ZekiCan dedi ki:

    bu eklenti resim olarak mı ekliyor yoksa kodlama mı ekliyor. eklenti silindikten sonra bu butonlar yazımızda aynı şekilde kalıyor mu ?

  4. Lütfi Özbilen dedi ki:

    Çok guzel bir anlatım teşekkürler
    Ozellikle cep telefonunda bizi ara birinci nasil konulabilir? Kod bilgim yok eklenti ile olabilir mi?
    Tesekkurler

  5. ibrahim korkmaz dedi ki:

    Burak Merhaba,
    Bir formum var ad-soyad-mail alıyor.
    Bunu kaydet dediğim zaman önce formu kaydedip sonr bir wp sayfasına gitmesini istiyorum. Nasıl yapabilirim ?
    Yardımın için teşekkürler.
    Uzan zamandır sitenin imrenerek takip eden takipçilerindenim. Başarılarının devamını diliyorum

  6. Abdullah Kabil dedi ki:

    Hocam bi soru sorucam sizin gibi yazının arkasını renkli ve yazıyı beyaz nasıl yapabilirim. teşekkürler

  7. umut dedi ki:

    Kardeşim on numara eklenti. Teşekkürler

    1. Burak Oran dedi ki:

      Faydasını görmenize sevindim hocam.

  8. Elektronik Atık dedi ki:

    Web sitenizi hemen her gün ziyaret ediyorum. Çok güncel ve başarılı bir siteniz var.

    1. Burak Oran dedi ki:

      Yorumunuz için çok teşekkür edeirm.

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir