SMTP ayarlarını doğru bir şekilde yapmazsanız başta Contact Form 7 yada diğer iletişim formlarınız, ödeme ve üyelik sistemleriniz vb. çalışmaz. Bu nedenle SMTP ayarlarınızı kesinlikle yapmalısınız. Başlayalım..

SMTP Eklentisinin yüklenmesi

WordPress üzerinde harici SMTP kullanmanın en kolay yolu WP Mail SMTP eklentisi kullanmaktır. Eklentiyi yüklemek için Worpress panelinden “Eklentiler > Yeni Ekle” kısmına gelin. Arama kısmına SMTP yazıp aratın. Çıkan eklentilerden “WPForms’tan WP Mail SMTP” eklentisine “Şimdi Kur” diyoruz. Sonrasında “Etkinleştir” dedikten sonra eklentimizi aktif etmiş oluruz.

Kurulum sonrası Wordpress panelinde sol kısımdaki menülere “WP Mail SMTP” adında bir başlık gelecektir. Bu kısımdan da ayarlarını yapmamız gerekiyor.

WP Mail SMTP Eklentisi Ayarları

Bu eklenti ücretsiz ve milyonlarca kişi tarafından indirilen bir eklentidir. Ayarları yapmak için Wordpress panelinde yer alan WP Mail SMTP menüsünden Ayarlar sekmesine tıklıyoruz. Karşımıza çıkan pencereden gerekli ayarları aşağıdaki gibi yapıyoruz.

1. Gönderen E-Posta Adresi: Bu kısma e-mail adresimizi yazıyoruz.
2. Gönderen E-Posta Seçimini Zorla Uygula: Bu seçenek aktif olmalı
3. Form Adı: E-postaların gönderildiği ad yazılır yada web site sloganı da yazılabilir.
4. Dönüş Yolu: Bu seçenek aktif olmalı. Dönüş Yolu, teslim edilememe bilgi e-postalarının veya gönderilememe mesajlarının nereye gönderileceğini belirtir. İşaretlenmemiş halde olursa, gönderilememe mesajları kaybolabilir.

Posta gönderici kısmında “Diğer SMTP” seçeneği işaretlenir. Ayarlar arasında “Google / Gmail” seçeneği de var fakat onu seçmiyoruz. Bu seçeneği seçerseniz Gmail’den API alarak ayarları yapmanız gerekecektir. Bu işlem çok karışık ve zor bir işlemdir. O yüzden kolay yolu yani “Diğer SMTP” seçeneği seçmelisiniz. Bu seçimi yaptıktan sonra ekranı aşağıya kaydırıp diğer ayarları yapmaya devam ediyoruz.

1. SMTP Hostu: Bu kısma Gmail’in host linkini yazıyoruz. (ssl://smtp.gmail.com)
2. Şifreleme: SSL kullandığımızdan bu kısmı aynı şekilde seçiyoruz.
3. SMTP Bağlantı Noktası: Bu kısma 465 port numarasını yazıyoruz.
4. Otomatik TLS: Kapalı olacak
5. Kimlik Doğrulama: Açık olacak
6. SMTP Kullanıcı Adı: Bu kısma gmail adresinizi yazıyorsunuz.
7. SMTP Şifresi: Bu kısma Gmail’e ait uygulama şifremizi yazıyoruz. Bunun için Google’dan uygulama şifresi almamız gerekiyor. Google Uygulama Şifresi alma işlemi yazının en son kısımda anlatıldı. O kısma bakabilirsiniz.

Bütün işlemler bu kadar. Kaydet butonuna tıkladığımızda Ayarlar başarılı bir şekilde değiştirilmiş oldu.

Ayarları Test Etme

Şimdide yaptığımız ayarların çalışıp çalışmadığını test edelim. Web sayfamızda iletişim formun olduğu sayfaların (iletişim, Hakkımızda vb.) birine gidelim. Geldiğimiz sayfadaki formu doldurup Gönder butonuna basalım.

Eğer mesaj başarılı bir şekilde gider ve “Mesajınız gönderildi. Teşekkürler” benzeri bir mesaj alırsanız ayaları doğru yaptınız demektir. Bu yaptığımız SMTP ayarları sayesinde web sitenizdeki iletişim formlarınız, ödeme ve üyelik sistemleriniz sorunsuz bir şekilde çalışacaktır.

Gmail Uygulama Şifresi Alma

WP Mail SMTP ayalarında kullanabilmemiz için Uygulama Şifresi oluşturmamız gerekiyor. Bunun için Gmail hesabımıza giriş yapmamız gerekiyor.

Giriş yaptıktan sonra sağ üst köşedeki logoya tıklıyoruz ve çıkan pencereden “Google Hesabınızı yönetin” seçeneğine tıklıyoruz.

Buradan Güvenlik sekmesine tıklayıp ilk olarak iki adımlı doğrulama seçeneğini aktif etmemiz gerekiyor.

İki adım doğrulama işlemi

Sonrasında çıkan adımları takip etmemiz gerekiyor. İlk olarak karşımıza çıkan bilgilendirme ekranından “Başlayın” tuşuna basarak ayarlama ekranına geçeriz. Karşımıza tekrardan Gmail şifremizi gireceğimiz ekran çıkacaktır.

Gelen ekrana telefon numaramızı yazıyoruz ve sonraki adıma geçiyoruz.

Girdiğimiz telefona gelen doğrulama kodunu sonraki ekranda belirtilen yere giriyoruz.

Son adımda “Aç” butonuna tıklıyoruz.

Tekrardan “Google Hesabınızı yönetin” kısmından “Güvelik” sekmesine girdiğinizde “İki adım doğrulama” kısmımın aktif olduğunu göreceksiniz. Bunu açmadan Uygulama Şifresi alamıyorsunuz.

Uygulama Şifresi Alma işlemi

Uygulama şifresi oluşturma daha önce Güvenlik ayarlarında “2 Adım doğrulama” seçeneğinin hemen altında gözükürdü. 2023 Gmail hesaplarında “2 Adım doğrulama” seçeneğinin içine alındı.

Uygulama şifresi için öncelikle “2 Adım doğrulama” seçeneğini tıklıyoruz. Bizden Gmail şifremizi girmemizi isteyecektir. Bazı durumlarda önceden girdiğiniz için istemeyebilir. İstenirse doğru bir şekilde şifremizi giriyoruz. Gelen ekrandan en alt kısma iniyoruz ve “Uygulama şifreleri” seçeneğine tıklıyoruz.

Karşımıza çıkan ekranda belirtilen yere isim yazıp oluştur diyoruz.

Ekranda 16 haneli bir kod belirecektir. Bu kod uygulama şifrenizdir. Bu kodu kopyalayın Wordpress yönetim panelinize dönüp “SMTP Şifresi” kısmına bu kodu yapıştırın.

Wordpress SMTP Mail Ayarları Gmail ile Nasıl Yapılır? yazısı ilk önce Teknoklik.net >>Teknolojiye Tıkla üzerinde ortaya çıktı.

Dünya genelindeki aktif olan web sitelerin %30’dan fazlası Wordpress alt yapısını kullanıyor. Bir çok blog, haber, eticaret sisteminin dahi alt yapısını wordpress sağlamaktadır. Tercih edilmesindeki en büyük nedenleri; ücretsiz ve açık kaynak kolu olması, eklentilerinin çok hızlı geliştirilmesi, arama motorları tarafından en hızlı dönüşü sağlaması ve arayüz düzenlemesi ve değişiminin çok esnek yapıda olmasını sayabiliriz.

Category Yazısı Neden Kaldırılmalıdır?

Google’da arama sonuçlarına baktığımızda bir çok sitenin kategori yapısına sahip olduğunu göreceksiniz. Genelde kategoriler, kategoriler başlığının altında listelenir yada direk kategori ismi ile gösterilir. WordPress kurulumu yaptığınızda standart “default” olarak kategorilerin adı category olarak gelmektedir.

Bir çok webmaster kategorinin adını değiştirmek için yazılımın kodlarıyla oynamak zorunda kalıyor. Aslında bunun çok basit çözümleri var ve bu yazımızda Size bu çözümlerden bahsedeceğiz.

“Category” Yazısını “Kategori” olarak değiştirme

Öncelikle, Category” Yazısını “Kategori” olarak değiştirme konusuna değineceğiz. Bir çok web site sahibi kategorilerini “Category” altında değil de “Kategori” başlığı altında göstermek ister. Bunun için ufak bir ayar yapmamız gerekecek.

Bunun için, Wordpress Panelinde “Ayarlar > Kalıcı Bağlantılar” menüsüne tıklayınız. Sayfayı aşağı doğru kaydırdıktan sonra karşımıza çıkan “İsteğe bağlı” yazan kısımda bulunan “Kategori temeli” seçeneğine geliniz. (resim-1)

Giriş yerine “Kategori” yazıp “Değişiklikleri Kaydet” tuşuna basınız. İşlem bu kadar. Eğer cache eklentisi kullanıyor iseniz, cache silmeyi unutmayın.

Bu işlemden sonra artık kategorileriniz “/Kategori” başlığı altında çıkacaktır. Örnekler;

• www.siteadiniz.com/kategori/haber
• www.siteadiniz.com/kategori/blog
• www.siteadiniz.com/kategori/incelemeler

Category Yazısını Kaldırma

Link yapısını daha kısa olması isteyen ve bu yüzden category adını değiştirmeyip komple kaldırmak isteyenler de olabilir. Bunu bir kaç yöntem ile yapabilirsiniz.

1. Yoast SEO ile Category Yazısını Kaldırma

Wordpress’in en çok kullanılan eklentilerinden biri olan Yoast seo ile çok kolay bir şekilde category Yazısını kaldırabilirsiniz. Zaten siteniz için Seo çalışması yapıyorsunuz mutlaka bu eklentiyi kurmuşsunuzdur.

Yoast SEO’nun eski versiyonunda bu ayar çok kolay bir yerde iken yeni versiyonunda bulmak biraz zor olabilir. Bunun için, Wordpress Panelinde “Yoast SEO > Ayarlar” menüsüne tıklayınız.

Karşınıza çıkan ekranda, sol alt kısımda yer alan “Kategoriler ve etiketler > Kategoriler” sekmesine tıklayınız.

Sayfayı aşağı doğru kaydırdıktan sonra karşımıza çıkan “Ek Ayarlar” yaza kısımdan “Kategori ön ekini kısa isimde tut” seçeneğini pasif duruma getirin. İşlem bu kadar.

Bundan sonra kategoriler, artık direk kategori adları ile linklerde yer alacaktır. Örnekler:

• www.siteadiniz.com/haber
• www.siteadiniz.com/blog
• www.siteadiniz.com/incelemeler

2. Rank Math İle Category Yazısı Kaldırma

Yoast gibi Rank Math eklentisi de çok kullanıla eklentilerden. Rank Math eklentisi de küçük bir ayar ile sizi bu dertten kurtaracak ve ekstra eklenti kullanmadan bu yazıyı sitenizden kaldıracaktır.

Bunun için ; Wordpress Panelinde “Rank Math > Genel Ayarlar > Linkler > Strip Category Base” seçeneğini aktif etmeniz. Bunu yaptıktan sonra category yazısı linklerinizden otomatik olarak kalkacaktır.

3. Farklı Eklentiler İle Category Yazısını Kaldırma

Yukarda bahsettiğimiz SEO eklentilerini kullanmıyorsanız başka eklentiler kullanarak bu işlemi gerçekleştirebilirsiniz. Bu iki eklentimiz, “Remove Category URL” ve “No Category Base (WPML)” eklentileridir.

Bunun için önce Wordpress panelinden “Eklentiler > Yeni Eklenti Yükle” menüsüne tıklamalıyız. Çıkan ekrandan arama kısmına bu iki eklentiden hangisini yüklemek istiyorsak onun adını yazıyoruz.

Karşımıza çıkan ekrandan yüklemek istediğimiz eklentinin yanında yer alan “Şimdi Kur” tuşuna basıyoruz. Daha sonra da “Ekinleştir” tuşuna basarak eklentimizi aktif etmiş oluyoruz.

Remove Category URL: Eklentiyi kurduğunuzda linklerinizden Category yazısı sizin hiçbir ayar yapmanıza gerek kalmadan otomatik olarak kalkacaktır.

No Category Base (WPML): Eklentiler bölümünden hızlıca kuracağınız bu eklenti ile de siz hiçbir şey yapmadan Category yazısı linklerinizden otomatik olarak kalkacaktır.

WordPress Category Yazısı Nasıl Kaldırılır? yazısı ilk önce Teknoklik.net >>Teknolojiye Tıkla üzerinde ortaya çıktı.

Duyarlı reklam kodumuzun ihtiyacınız olan her şeyi yapmadığını fark ederseniz, reklam kodunuzu duyarlı sitenizin gereksinimlerini daha iyi karşılayacak şekilde değiştirebilirsiniz. Bu yazıdaki örnekler bu değişiklikleri doğru şekilde nasıl yapacağınızı gösterir.

Bu yazıda açıklanan örnekler, Google sitesinden alınmış olup, AdSense reklam kodunda yapılan kabul edilebilir değişikliklerdir. Duyarlı reklam kodunuzu bu onaylanmış yöntemlerle değiştirerek AdSense Program politikalarını ihlal etmemiş olursunuz. Detaylı bilgi için…

Bu örnek, mobil, tablet ve masaüstü gibi üç farklı ekran genişliği aralığı için belirli reklam birimi boyutlarını ayarlamak amacıyla duyarlı kodunuzu nasıl değiştireceğinizi gösterir. Bu örneği takip etmek için CSS medya sorguları veya AdSense reklam kodunu değiştirme konusunda daha önce herhangi bir deneyiminizin olması gerekmez.

İstenilen sonucu vermeyen duyarlı reklam örneği

Görselde (resim-1) göründüğü gibi, Logonun yanındaki Google Adsense reklamı normalinden daha büyük görüntüleniyor ve sitenin tasarımı bozuyor. Bu yazımızda, bu duyarlı reklamın boyutlarını değiştirerek reklamların istediğimiz gibi (resim-2) gözükmesini sağlayacağız. Haydi Başlayalım…

Her ekran için tam olarak aşağıdaki reklam birimi boyutlarını ayarlayan bazı değiştirilmiş duyarlı reklam kodlarını burada bulabilirsiniz:

• 500 piksele kadar ekran genişlikleri için: 320×100 boyutunda bir reklam birimi.
• 500 piksel ile 799 piksel arasındaki ekran genişlikleri için: 468×60 reklam birimi.
• 800 piksel ve daha geniş ekran genişlikleri için: 728×90 reklam birimi.

Google Adsense Kodumuz

<style>
.ornek_duyarli_1 { width: 320px; height: 100px; }
@media(min-width: 500px) { .ornek_duyarli_1 { width: 468px; height: 60px; } }
@media(min-width: 800px) { .ornek_duyarli_1 { width: 728px; height: 90px; } }
</style>
<script async src=”https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456” crossorigin=”anonymous”></script>
<!– ornek_duyarli_1 –>
<ins class=”adsbygoogle ornek_duyarli_1“
     style=”display:block”
     data-ad-client=”ca-pub-1234567890123456“
     data-ad-slot=”8XXXXX1“></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Bu örnek kodu kendi sitenize uyarlamak için:

Yukardaki örnek kod üzerinde bazı değişiklikler yaparak kendimize göre uyarlayacağız.

1. Öncelikle, eğer daha önceden oluşturmadıysak, AdSense hesabınızda bir görüntülü reklam birimi oluşturun ve “Reklam boyutu” bölümünde Duyarlı’yı seçili bıraktığınızdan emin olun.

2. Duyarlı reklam kodunuzdaki aşağıdaki bilgileri bir yere not edin, daha sonra bize lazım olacak:

• Yayıncı kimliğiniz (data-ad-client), örneğin: “ca-pub-1234567890123456“
• Reklam biriminizin kimliği (data-ad-slot), örneğin: “1234567890“
• Duyarlı reklama verdiğiniz ad, örneğin: “Header-Reklam“

3. Şimdi değişikliklere başlayalım.

• Örnek kodda, ornek_duyarli_1 gördüğünüz her yere benzersiz bir adla değiştirin yada Adsense’de duyarlı reklamlara verdiğiniz adla değiştirin.

Koyacağınız adı yalnızca İngilizce harfler (A-Z), rakamlar ve alt çizgiler içermeli ve ilk karakter İngilizce bir harf olmalıdır.

Bu örnek kodu her uyarladığınızda farklı bir benzersiz ad kullanmanız gerekir.

• “ca-pub-1234567890123456” yı kendi yayıncı kimliğinizle (data-ad-slot) değiştirin.”ca-pub-1234567890123456‘yı kendi yayıncı kimliğinizle (data-ad-slot) değiştirin.
• “8XXXXX1” i kendi reklam biriminizin kimliğiyle (data-ad-slot) değiştirin.

4. Reklamın her ekran için almasını istediğiniz boyutlara karar verin:

• Örnek koddaki mevcut reklam birimi boyutlarından memnunsanız herhangi bir ek değişiklik yapmanıza gerek yoktur.
• Her ekran için farklı reklam boyutları ayarlamak istiyorsanız örnek kodda:
  • 500 piksele kadar ekran genişlikleri için 320 piksel ve 100 piksel yerine, kullanmak istediğiniz reklam biriminin genişliği ve yüksekliğini girin.
  • 500 piksel ile 799 piksel arasındaki ekran genişlikleri için 468 piksel ve 60 pikseli, kullanmak istediğiniz reklam biriminin genişlik ve yüksekliğiyle değiştirin.
  • 800 piksel ve daha geniş ekran genişlikleri için 728 piksel ve 90 piksel değerlerini, kullanmak istediğiniz reklam biriminin genişlik ve yüksekliğiyle değiştirin.

5. Değiştirilen reklam kodunuzu kopyalayıp reklamların görünmesini istediğiniz sayfanın HTML kaynak koduna yapıştırın.

6. Artık reklamımız istediğimiz boyutlarda gözükecektir ve tasarımda herhangi bir sorun çıkarmayacaktır. (resim-2)

Hepsi bu kadar…

NOT: Not: Reklam kodunuzu yerleştirdikten sonra, duyarlı davranışın doğru çalıştığından emin olmak için reklamlarınızı farklı cihaz ve ekranlarda test etmenizi öneririz.

Duyarlı reklamların yükseklik boyutu nasıl sınırlandırılır? yazısı ilk önce Teknoklik.net >>Teknolojiye Tıkla üzerinde ortaya çıktı.