Adım Adım Wordpress Sitesi Kurma

 

Adım Adım Wordpress Sitesi Kurma

Bu yazıda "Royal Elementor Kit" kullanarak bir site kurulumunu adım adım yazmaya çalıştım. Farklı temalar ile benzer işlemler yaparak ilerleyebilirsiniz.

Not: Tema üzerinde özelleştirme yapmak için 4. adımdan sonra css ve js için eklentiler önerdim. Fakat bu özelleştirmeleri Child Theme ekleyerek de yapabilirsiniz. Eğer kaynak dosyalarda değişiklik yapmak gibi detaylı özelleştirmeleriniz olacaksa Child Theme yöntemi ile devam edebilirsiniz. Bu durumda bahsettiğim css ve js eklentilerine ihtiyacınız olmaz. Bu ayrımı baştan yapıp aşağıdaki adımları ona göre uygulayın. Child Theme nedir ve nasıl eklenir sorularına buradan yanıt bulabilirsiniz.

1. Temayı kurduktan sonra template kit paketini kurmak için bir buton çıkacak, bunu kur.

2. Free olanlardan bir template kit paketi seç ve kur.

3. Ayarlar menüsündeki tüm alt sayfalara girerek okuma, yorum gibi tüm ayarları size uygun şekilde yapın. Aşağıda önemli ayarları yazıyorum (bunları yapmanızı öneririm)

• Ayarlar > Okuma: "Ana sayfa görüntülenmesi" için "Sabit sayfa" seçeneğini belirleyip ana sayfanızı kutudan seçin.
• Ayarlar > Tartışma: " İnsanların yeni yazılara yorum yapmasına izin ver" seçeneğini pasif yapın. "Yorum el ile onaylanmalı" aktif olsun.
• Ayarlar > Ortam: "Yüklemelerimi aylık -ve yıllık- bazda klasörlerde tut" işaretini kaldır (blog benzeri bir site yapmıyorsanız veya çok fazla görseliniz yoksa bu ayarı öneririm).
• Ayarlar > Kalıcı bağlantılar: "Yazı adı" seçeneğini aktif yapın. Bu linklerin seo uyumu için uygun olur.

4. Css ve Js ekleyerek tema üzerinde özelleştirme yapmak için Simple Custom CSS and JS (by SilkyPress) eklentisini kur (Child tema kullanıyorsanız bu ekletilere gerek olamayabilir).

5. custom_fg adıyla css ve js dosyası ekle (eklerken sağdaki ayarlarından harici dosya ve head seçeneklerini belirleyin).

6. Ayrı bir sekmede Royal Addons > Theme Builder menüsüne girip Header sekmesindeki edit butonuna tıklayın. Elementor açılacak. Buradan önce logoya tıklayıp svg logoyu görünen üç yere de ekleyin.

7. Klavuz penceresinden en üstteki Bölme yazan elemana tıklayın. Soldaki panelden Gelişmiş sekmesindeki CSS ID kısmına "fgtopbar" gibi benzersiz bir id ismi verin.

8. custom_fg.css dosyasına header'a svg logo desteği için şunları ekle:

#fgtopbar .wpr-logo,
#fgbottombar .wpr-logo {
    width: 100%;
}
#fgtopbar .wpr-logo-image img,
#fgbottombar .wpr-logo-image img {
    width: 100%;
}
#fgtopbar .wpr-logo-image {
    max-width: 136px !important;
    margin: 0;
}

9. Bundan sonra css'e sitedeki diğer buton rengi, yazı, rengi, header rengi gibi özelleştirmelerinizi ekleyerek ve bir yandan da slide, başlık gibi alanlara içeriklerinizi girerek sitenizin ilk ayarlamalarını yapın.

10. 6. adımdakine benzer şekilde varsa Footer düzenlemelerini de yapabilirsiniz.

11. Sayfalar menüsüne gelin ve her sayfayı hızlı düzenle diyerek adını ve kısa adını düzeltin.

12. Tavsiye ettiğim aşağıdaki eklentileri kurun:

• "Yoast Duplicate Post" eklentisini sayfa ve postları kopyalamak/çoğaltmak için kurun.
• "Yoast Seo" eklentisini kurun ve ilk ayarları yapın. Böylece temel Seo ayarlarınızı yapmış olacaksınız.
• "Contact Form 7" kur ve ayarlarını yap, sitede iletişim formu olarak uygun yere ekle. Contact Form 7 kurulumu hakkındaki yazıyı buradan detaylı olarak inceleyebilirsiniz. Son olarak bu formun mail gönderebilmesi için bir sonraki maddede açıklayacağım smtp eklentisini kurmanız gereklidir.
• Mail gönderimi için web sitenizde SMTP ayarlarının yapılmış olması gereklidir. Bu iş için "Fluent SMTP" eklentisini öneririm. Geliştiricisi; "WPManageNinja Team" olan bu eklenti ile mail gönderim işlemlerinizi yapabilirsiniz. Fluent SMTP ayarlarını nasıl yapacağınızı buradan okuyabilirsiniz.
• "Akismet Anti-Spam: Spam Protection" eklentisi ile spam yorumları engelleyin.
• Seo amaçıyla yüklemenizi önerdiğim diğer eklentiler "Google tarafından Site Kit" ve "IndexNow by Microsoft Bing". Bu eklentileri bağlarken Google ve Bing seo bağlantılarını da kurmuş olacaksınız.
• "Wordfence Security – Firewall, Malware Scan, and Login Security" eklentisini güvenlik için kurun. Ücretsiz halinde firewall, malware tarama, brute force koruması, login girişimlerini sınırlama mevcut.

13. Temel olarak yapacaklarımız bu kadar. Artık yazılarınızı veya sayfalarınızı içerik olarak oluşturabilirsiniz. 

14. İsteğe ve ihtiyaca bağlı kullanabileceğiniz aşağıdaki eklentileri tavsiye ederim:

• "GTranslate by Translate AI Multilingual Solutions" İngilizce veya başka dilleri sitenize eklemek istiyorsanız bulut çevirme özelliği ile direk tarayıcı üzerinden sitenizin dilini değiştirebilen bir eklentidir. Böylece sayfa içeriklerinizi tek tek çevirmek gibi zahmetli bir işten kurtulursunuz. Detaylı bilgi için buradan yardım alabilirsiniz.
• "Popup Maker by Popup Maker" web sitenizde popup oluşturmak, e-posta aboneliği vb açılır pencere işlemleri için kullanabileceğiniz bir eklentidir. Ben genelde "Çerezleri Kullanıyoruz" uyarısı için kullanıyorum. Buradan nasıl ekleneceğini okuyabilirsiniz.
• "Jetpack" eklentisi ile site istatistikleri, hız ve performans, seo araçları gibi faydalı olabilecek araçları wordpress sitenize eklemiş olursunuz.
• "Webcraftic Disable Comments" eklentisi ile yorumları kapatabilirsiniz.

15. Güvenlik için şu ayarları yapmanızı tavsiye ederim:

• Admin panel girişi yapılan /wp-admin url sini değiştir. Bunu "WPS Hide Login by Remy Perona" eklentisini kurup ayarlarından bir url belirleyerek basitçe yapabilirsin.
• Admin kullanıcı adını admin yapma, tahmin edilemez bir isim kullan (Yönetici rolü ile yeni bir kullanıcı oluştur ve eski admin kullanıcısını sil).
• Yeni üyelik kaydını Ayarlar/Genel sekmesinden kapatın (gerekmiyorsa).
• Wordfence eklentisini yukarıda kurmanızı önermiştim.
• .htaccess ile XML-RPC'yi kapat (Wordfence eklenkisi varsa gerek yok kendi yapıyor).
• /public_html/wp-config.php dosyasını açın:
• /* That's all, stop editing! Happy publishing. */ satırından önceye şunları ekleyin:

• //guvenlikle ilgili
  define('DISALLOW_FILE_EDIT', true);      // Admin panelden tema/plugin dosya duzenlemeyi kapatir (ftp den yapabilirsin)
  define('WP_AUTO_UPDATE_CORE', true);     // WordPressi otomatik olarak gunceller
  

• Yine wp-config.php içinde define( 'WP_DEBUG', false ); satırı yoksa ekleyin (debug modunu kapatır).
• Kullanılmayan tema ve pluginleri sil (güvenlik açığı oluşturmasın).
• Tüm eklentilerin otomatik güncellemesini aç.
• readme.html ve license.txt dosyalarını silin (WP versiyonunu ele veriyor).

Yukarıdaki adımlarda 4. adımdan sonra bahsetmeye başladığım custom css ve js kodları yerine tema özelleştirmeleriniz için Child Theme yani çocuk teması ekleme yolunu da alternatif olarak uygulayabilirsiniz. Child tema kullanma ihtiyacı css ve js özelleştirmelerinden ziyade, kaynak kodlarda (örneğin header.php içindeki kodlarda) değişiklik yapmak istediğinizde ortaya çıkacaktır. Eğer tema dosyalarında bu anlamda özelleştirmeler düşünüyorsanız Child tema oluşturabilirsiniz. Bu durumda yukarıda anlattığım custom css ve/veya js eklentisine ihtiyaç duymayabilirsiniz. Çünkü Child temanın style.css dosyasına zaten bu özelleştirmeleri ekleyeceksiniz.

...

Son Güncelleme: 26/06/2026