WordPress Nasıl Editlenir?

7 mins read

WordPress Nasıl Editlenir? Adım Adım Web Sitenizi Özelleştirme Rehberi

  Bir WordPress sitesi kurmak yolculuğun sadece ilk adımıdır; asıl macera, o siteyi kendi vizyonunuza, markanıza veya kişisel zevkinize göre şekillendirdiğiniz editörlük (düzenleme) ve tasarım aşamasında başlar.
  WordPress, kodlama bilmeyen bir başlangıç seviyesindeki kullanıcıdan, en ince detaylara müdahale etmek isteyen profesyonel bir yazılımcıya kadar herkese uygun düzenleme araçları sunar. Sitenizin içeriğini, tasarımını, menülerini veya arka plan kodlarını nasıl editleyeceğinizi bilmek, sitenizin kontrolünü tamamen elinize almanızı sağlar.
  Bu rehberde, bir WordPress sitesini baştan aşağı nasıl editleyeceğinizi, kullanabileceğiniz araçları ve dikkat etmeniz gereken püf noktalarını adım adım ele alacağız.

1. Yönetim Paneline Giriş: Düzenlemenin Kalbi

  Sitenizde herhangi bir değişiklik yapmadan önce, WordPress'in yönetim paneline (Dashboard / Panel) giriş yapmanız gerekir. Varsayılan olarak bu panele erişmek oldukça basittir.
  Tarayıcınızın adres çubuğuna site adresinizi yazdıktan sonra sonuna /wp-admin eklemeniz yeterlidir:
  Örnek: [www.siteniz.com/wp-admin](https://www.siteniz.com/wp-admin)
  Açılan ekranda kullanıcı adı ve şifrenizi girerek sitenizin yönetim merkezine ulaşırsınız. Sol tarafta göreceğiniz siyah dikey menü, sitenizin her köşesini editlemek için kullanacağınız ana araç kutunuzdur.

2. İçerikleri Editlemek: Sayfalar ve Yazılar

  WordPress'te içerik düzenleme işlemi temel olarak iki ana başlığa ayrılır: Yazılar (Blog postları) ve Sayfalar (Hakkımızda, İletişim, Ana Sayfa vb.). Her ikisini de düzenlemek için modern WordPress sürümüyle gelen Gutenberg (Blok Editörü) kullanılır.
  
  Gutenberg (Blok) Editörü ile Çalışmak

  Gutenberg, içeriğinizi oluştururken her bir elementi (paragraf, görsel, başlık, buton) bağımsız birer "blok" olarak ele alır.
  Blok Ekleme: Sol üst köşedeki "+" simgesine tıklayarak yeni bir paragraf, görsel, galeri, liste veya buton ekleyebilirsiniz.
  Sürükle-Bırak Kolaylığı: Eklediğiniz blokların yerini değiştirmek için bloğun üzerindeki alt/üst okları kullanabilir veya bloğu doğrudan sürükleyip istediğiniz yere bırakabilirsiniz.
  Sağ Panel Ayarları: Seçtiğiniz her bloğun kendine ait özel ayarları sağ taraftaki panelde açılır. Örneğin, bir yazı bloğu seçtiyseniz sağ panelden yazı boyutunu, rengini veya arka planını hızlıca editleyebilirsiniz.

3. Görsel Tasarımı Editlemek: Temalar ve Özelleştirici

  Sitenizin renk şemasını, yazı tiplerini (fontları), üst bilgi (header) ve alt bilgi (footer) alanlarını düzenlemek için WordPress size iki farklı yol sunar. Bu yol, kullandığınız temanın yapısına göre değişiklik gösterir.

  Yol A: Klasik Temalar ve "Özelleştir" (Customizer) Ekranı

  Geleneksel WordPress temalarında, sitenin genel görünümünü canlı olarak görerek editlemek için Görünüm > Özelleştir (Appearance > Customize) yolunu izlersiniz. Bu ekran size şu düzenleme imkanlarını sunar:
  Site Kimliği: Sitenizin adını, sloganını ve tarayıcı sekmesinde görünen site ikonunu (favicon) buradan değiştirebilirsiniz.
  Renkler ve Tipografi: Sitenin ana renklerini ve yazı boyutlarını global olarak editleyebilirsiniz.
  Menüler: Sitenin üst kısmında veya alt kısmında yer alan yönlendirme menülerini oluşturup düzenleyebilirsiniz.
  Bileşenler (Widgets): Kenar çubuklarına (sidebar) veya footer alanına sosyal medya butonları, popüler yazılar veya arama çubuğu gibi küçük araçlar ekleyebilirsiniz.

  Yol B: Yeni Nesil Blok Temalar ve "Site Düzenleyici" (FSE)

  Eğer modern bir "Blok Teması" kullanıyorsanız, Görünüm > Düzenleyici (Editor) seçeneğini görürsünüz. Bu özellik, tüm sitenizi tıpkı bir sayfa hazırlar gibi bloklarla editlemenize olanak tanır. Kodlama yapmadan header veya footer alanının tasarımını baştan aşağı değiştirebilirsiniz.

4. Sayfa İnşa Ediciler (Page Builders) ile Profesyonel Düzenleme

  Eğer WordPress'in kendi sunduğu editör size yetersiz geliyorsa ve kod yazmadan tamamen kendinize özgü, çok profesyonel tasarımlar yapmak istiyorsanız Sayfa İnşa Edici eklentilerini kullanabilirsiniz.
  En popüler sayfa inşa ediciler şunlardır:
  Elementor: Dünyanın en popüler sürükle-bırak sayfa düzenleyicisidir. Canlı olarak sitenin ön yüzünde çalışır; bir butonu alır, istediğiniz yere sürükler ve rengini anında değiştirirsiniz.
  Divi Builder: Görsel düzenleme konusunda oldukça güçlü, kreatif tasarımlar yapmanıza imkan veren bir diğer popüler araçtır.
  Beaver Builder / WPBakery: Genellikle kurumsal temalarla birlikte gelen, stabil ve kullanışlı düzenleyicilerdir.
 Bu araçlar sayesinde boş bir sayfayı kolonlara (sütunlara) bölebilir, içlerine animasyonlu geçişler, sayaçlar, fiyat tabloları ve video arka planları yerleştirebilirsiniz.

5. İleri Düzey Editleme: Kod Dosyalarına Müdahale (CSS ve PHP)

  Sitenizin hazır ayarlarla değiştirilemeyen yerlerini editlemek istiyorsanız, kod seviyesinde müdahaleler yapabilirsiniz.
 
  Sadece Görsel Değişiklikler İçin: Ek CSS
  Yazıların rengini, butonların kenar ovalliğini veya boşlukları değiştirmek için CSS kullanabilirsiniz. Bunun için Görünüm > Özelleştir > Ek CSS (Additional CSS) bölümüne giderek kendi CSS kodlarınızı yazabilirsiniz. Buraya yazacağınız kodlar tema dosyalarına zarar vermez ve güvenlidir.

  Fonksiyonel Değişiklikler İçin: Dosya Düzenleyici
  Temanızın PHP kodlarını düzenlemek istiyorsanız Görünüm > Tema Dosyası Düzenleyicisi (Theme File Editor) ekranını kullanabilirsiniz. Ancak burada yapacağınız küçük bir yazım hatası sitenizin tamamen çökmesine yol açabilir.
  
  Altın Değerinde Tavsiye (Child Theme):
  Kodlama düzeyinde düzenleme yaparken doğrudan ana temanın dosyalarını (örneğin functions.php) editlemeyin. Temanız güncellendiğinde tüm yaptığınız düzenlemeler silinir. Bunun yerine her zaman bir Child Theme (Yavru Tema) oluşturun veya kod parçacıklarını güvenle eklemek için WPCode gibi eklentilerden yararlanın.

Güvenli Bir Şekilde Editleme Yapmak İçin 3 İpucu

  Sitenizi düzenlerken geri dönüşü olmayan hatalar yapmamak için şu kuralları alışkanlık haline getirin:
  Her Zaman Yedek Alın: Büyük bir düzenleme yapmadan veya kod değiştirmeden önce sitenizin çalışan bir yedeğini alın.
  Gizli Sekmede Kontrol Edin: Sitede yaptığınız değişiklikleri kontrol ederken tarayıcı önbelleği (cache) sizi yanıltabilir. Yaptığınız düzenlemelerin ziyaretçilere nasıl göründüğünü anlamak için sitenizi her zaman gizli sekmede açarak test edin.
  Gereksiz Değişikliklerden Kaçının: Sitenizin tasarımı karmaşıklaştıkça hızı düşebilir. Düzenlemelerinizi her zaman kullanıcı deneyimini (UX) ön planda tutarak, sade ve işlevsel olacak şekilde tasarlayın.