WordPress Siteye Kod Ekleme: Adım Adım Rehber
İçindekiler ✓
WordPress siteye kod ekleme, özellikle özelleştirme ve işlevsellik artırımı için kritik öneme sahiptir. WordPress kullanıcılarının büyük çoğunluğu eklentilerle web sitesini yönetirken, bazı gelişmiş ihtiyaçlar özel kodların doğrudan veya dolaylı yollarla siteye entegre edilmesini gerektirir.
Bu yazıda, WordPress siteye kod ekleme işlemlerini adım adım inceleyecek, güvenli ve SEO dostu yöntemlerle nasıl HTML, CSS, JavaScript ve PHP kodları ekleyeceğinizi öğreneceksiniz. Ayrıca kod eklemenin olası riskleri ve bu riskleri nasıl minimize edeceğiniz hakkında detaylı bilgiler sunulacaktır.
1. Kod Eklemenin Nedenleri
WordPress sitenize kod eklemek genellikle şu amaçlarla yapılır:
Ek özellikler kazandırmak (örneğin özel butonlar, animasyonlar)
Tema veya eklentilere müdahale etmek
Takip kodları (Google Analytics, Facebook Pixel) eklemek
SEO ayarları özelleştirmek
Site hızını artıracak kod blokları kullanmak
Ancak WordPress siteye kod ekleme, dikkatli yapılmadığında sitenin çalışmasını tamamen bozabilir. Bu nedenle her işlem öncesinde yedekleme yapmanız şiddetle önerilir.
2. Kod Ekleme Öncesi Güvenlik ve Yedekleme
Kod eklemeden önce aşağıdaki önlemleri almalısınız:
Tam site yedeği alın. Önerilen eklentiler:
Bir test (staging) ortamında denemeler yapın.
Kodların doğru formatlandığından emin olun.
3. WordPress Siteye HTML Ekleme
HTML kodu genellikle içerik alanlarına, özel HTML bloklarına ya da tema dosyalarına eklenir.
Yöntem 1: Gutenberg Editörü ile HTML Ekleme
Sayfa veya yazıyı düzenleyin.
“+” simgesine tıklayarak Özel HTML bloğu ekleyin.
HTML kodunuzu girin ve önizleme yapın.
Yöntem 2: Widget Alanına HTML Ekleme
Görünüm > Bileşenler bölümüne gidin.
“Özel HTML” bileşenini uygun alana sürükleyin.
HTML kodunuzu yapıştırın.
4. WordPress Siteye CSS Ekleme
Sitenizi stil açısından özelleştirmek için özel CSS kodlarına ihtiyaç duyabilirsiniz.
Yöntem 1: Özelleştirici ile CSS Ekleme
Görünüm > Özelleştir > Ek CSS
Kodunuzu buraya yazın.
Anında önizleme yaparak düzenleyin.
Yöntem 2: Tema Dosyasına CSS Ekleme
style.css dosyası üzerinden işlem yapılabilir:
FTP ile veya Görünüm > Tema Dosya Düzenleyici aracılığıyla erişilir.
Ancak bu yöntem güncellemelerde kayba yol açabilir.
Alternatif: Child Theme kullanmak daha güvenlidir.
5. WordPress Siteye JavaScript Ekleme
JavaScript kodları sitenize interaktif özellikler kazandırabilir.
Yöntem 1: Header veya Footer’a JS Ekleme
Insert Headers and Footers eklentisini kullanarak kolayca ekleme yapabilirsiniz.
Yöntem 2: functions.php Kullanarak JS Ekleme
Bu yöntem, WordPress siteye kod ekleme işlemini işlevsel hale getirmenin en yaygın yollarındandır.
6. WordPress Siteye PHP Kodu Ekleme
PHP kodları genellikle fonksiyon oluşturmak veya mevcut işleyişe müdahale etmek için kullanılır.
Yöntem 1: functions.php Dosyasına Ekleme
Bu örnekte [merhaba] shortcode’unu her yerde kullanabilirsiniz.
Ancak doğrudan tema dosyasında çalıştığınız için Child Theme kullanmak önemlidir.
Yöntem 2: Code Snippets Eklentisi ile PHP Ekleme
Code Snippets eklentisi, functions.php dosyasına doğrudan müdahale etmeden kod eklemenizi sağlar.
Her kod bloğunu ayrı ayrı etkinleştirme veya devre dışı bırakma şansınız olur.
7. WordPress Siteye Takip Kodu Ekleme
Takip araçlarını kurmak için kod eklemeniz gerekir:
Google Analytics
Google Tag Manager ile entegre edin: tagmanager.google.com
Alternatif olarak yukarıda önerdiğimiz Insert Headers and Footers eklentisini kullanın.
Facebook Pixel
Facebook Events Manager üzerinden kodunuzu alın.
Aynı şekilde Header alanına ekleyin.
8. Kod Ekleme Sonrası Performans ve SEO Kontrolleri
Kod ekledikten sonra sitenizde aşağıdaki kontrolleri yapmanız önemlidir:
9. Hataları Geri Alma Yöntemleri
Kod eklendikten sonra site bozulursa:
CPanel > Dosya Yöneticisi üzerinden kodu geri alın.
FTP programı (örn. FileZilla) ile erişip dosyaları düzenleyin.
WordPress kurtarma modunu kullanın.
10. Uzmanlardan Yardım Almak
Karmaşık projelerde kod ekleme işlemini bir uzmana bırakmanız zaman ve risk yönetimi açısından faydalı olacaktır. Freelance platformlar veya WordPress ajansları bu konuda profesyonel hizmet sunar.
Tavsiye edilen freelance platformlar:
Sonuç
WordPress siteye kod ekleme, sitenizi özelleştirmek, işlevselliğini artırmak ve kullanıcı deneyimini iyileştirmek için büyük fırsatlar sunar. Ancak bu işlemleri dikkatli, güvenli ve planlı şekilde yapmak çok önemlidir. Geliştirici olmasanız bile yukarıdaki yöntemlerle temel kod ekleme işlemlerini sorunsuz gerçekleştirebilirsiniz.
Kodla uğraşmak istemeyenler için kodsuz alternatif eklentiler de mevcuttur. Ancak özelleştirme noktasında kod bilgisi her zaman avantaj sağlar.
Diğer WordPress Blogları: WooCommerce Kurulumu
