WordPress kullanıcılarından en sık duyduğumuz sorulardan biri şudur: "Temamı özelleştirmek istiyorum ama hangi dosyayı düzenleyeceğimi bilmiyorum."
Ve dürüst olmak gerekirse, bu kafa karışıklığı tamamen mantıklı. Yanlış dosyayı düzenlemek sitenizi bozabilir veya temanız bir sonraki güncelleme aldığında değişikliklerinizin kaybolmasına neden olabilir.
Ayrıca, çoğu temanın gizemli isimlere sahip onlarca dosya içermesi yardımcı olmuyor. Bu, sadece bir şeyi değiştirmeye çalışırken bunaltıcı hissettirebilir.
Yıllar boyunca her türlü WordPress projesi üzerinde çalıştık ve sayısız kez doğru şablon dosyalarını bulmak zorunda kaldık. İşte bu yüzden bu rehberi hazırladık.
Hangi şablon dosyasını düzenleyeceğimizi belirlemek için kullandığımız tam adımları, WordPress şablon hiyerarşisinin nasıl çalıştığını ve kalıcı olacak değişiklikleri nasıl yapacağınızı size adım adım anlatacağız. 🎨
WordPress Tema Şablon Dosyalarını Anlamak
WordPress temaları birkaç dosyadan oluşur. Bunlar şablon dosyaları, özel şablon etiketleri ve fonksiyonları, şablon parçaları, resimler, JavaScript ve CSS dosyalarını içerir.
En iyi WordPress temalarının hepsi resmi en iyi uygulamaları takip eder. Bu, tüm kodu standart dosya ve şablon yapısını kullanarak organize ettikleri anlamına gelir.
Örneğin, tüm WordPress temalarında archive.php, single.php, functions.php ve diğer dosyalar bulunur.
Her dosya, WordPress web sitenizin belirli bir alanını görüntülemek için bir şablon olarak kullanılır.
Örneğin, single.php şablonu tekil gönderileri görüntüler. Bu sırada, page.php şablonu tekil bir sayfayı görüntüler.
WordPress şablon hiyerarşisini anlamak, WordPress'in nasıl çalıştığına dair daha iyi bir anlayış kazanmanızı sağlar. WordPress temanızda kod eklemeniz veya düzenlemeniz gerekirse, bu aynı zamanda hangi dosyaları düzenlemeniz gerektiğini belirlemenize de yardımcı olacaktır.
Daha fazla ayrıntı için, WordPress şablon hiyerarşisi için hazırladığımız özet tabloya bakınız.
Bunu akılda tutarak, bir WordPress temasında hangi dosyaların düzenleneceğini kolayca nasıl bulacağınızı göstereceğiz. İşte ele alacaklarımız:
- WordPress Temasında Düzenlenecek Şablon Dosyalarını Bulma
- Ek İpucu: WordPress'te Özel Başlık ve Alt Bilgi Kodu Ekleme
- SSS: WordPress temanızda Hangi Dosyalar Düzenlenir
- Ek Kaynaklar: Daha Fazla WordPress Tema İpuçları ve Püf Noktaları
Hemen başlayalım!
WordPress Temasında Düzenlenecek Şablon Dosyalarını Bulma
Yapmanız gereken ilk şey, What The File eklentisini yüklemek ve etkinleştirmektir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakınız.
Eklenti kutudan çıktığı gibi çalışır ve yapılandırmanız gereken herhangi bir ayar yoktur.
🚨 Önemli: Lütfen bu eklentinin biraz eski olduğunu ve en son WordPress güncellemeleriyle test edilmediğini unutmayın. Ancak, yakın zamanda hazırlık sitelerimizde test ettik ve hala iyi çalıştığını gördük.
Endişeleriniz varsa, daha fazla bilgi için eski eklentileri kullanmanın güvenli olup olmadığını görmek için kılavuzumuza bakmanızı öneririz.
Etkinleştirildiğinde, web sitenizin ön yüzünü ziyaret etmeniz gerekir ve WordPress yönetici çubuğunda yeni bir 'What The File' menüsü fark edeceksiniz.
Şimdi, fare imlecini menü öğesinin üzerine getirmeniz yeterli. Bu, bu sayfayı görüntülemek için kullanılan şablon dosyalarının listelendiği bir açılır menü gösterecektir.
Dosya adına tıklamak sizi varsayılan WordPress dosya düzenleyicisine götürecektir; burada o belirli dosyayı düzenleyebilirsiniz.
Ancak, geri alma seçeneği olmadığından tema dosyalarını düzenlemek için WordPress dosya düzenleyicisini kullanmanızı önermiyoruz. Bir hata yapıp web sitenize erişiminizi engellerseniz, bunu düzeltmek için bir FTP istemcisi kullanmanız gerekecektir.
Bunun yerine, WordPress barındırma kontrol panelinizdeki bir FTP istemcisini veya Dosya Yöneticisi uygulamasını kullanmanızı öneririz.
Bu araçlarla, tema dosyalarını Not Defteri gibi herhangi bir düz metin düzenleyici kullanarak düzenleyebilirsiniz.
WordPress temanızda doğrudan değişiklik yapılması tavsiye edilmez. Bu değişiklikler temanızı güncellediğinizde silinecektir.
WordPress temanızda doğrudan değişiklik yapmak da kötü bir fikirdir. Çünkü bu değişiklikler temanızı güncellediğinizde kaybolacaktır.
Yalnızca biraz CSS eklemeniz gerekiyorsa, bunu WordPress'te özel CSS olarak yapabilirsiniz.
Tema dosyalarınızda daha kapsamlı değişiklikler için bir alt tema oluşturmalısınız. 'What The File eklentisi', alt temanızda kopyalayıp düzenlemeniz gereken tema dosyalarını bulmanıza yardımcı olabilir.
☝ Not: Eklenti tarafından yönetici çubuğuna eklenen menü öğesi, oturum açmış tüm kullanıcılar tarafından görülebilir ve harici bir siteye bağlanır. Bu eklentiyi yalnızca hazırlık sitesi gibi bir geliştirme ortamında kullanmalısınız.
Ek İpucu: WordPress'te Özel Başlık ve Alt Bilgi Kodu Ekleme
Bazen WordPress web sitenize işlevsellik eklemek için tema dosyalarınızı düzenlemeniz gerekmez.
Örneğin, izleme betiklerini veya doğrulama kodlarını eklemek için sitenizin üst veya alt alanına özel kod eklemek isteyebilirsiniz.
Bu gibi durumlarda, tema dosyalarını düzenlemeden kod parçacıkları eklemek için WPCode gibi eklentileri kullanabilirsiniz.
WPCode'yi birkaç web sitemizde kod parçacıklarını yönetmek için kullanıyoruz ve çok seviyoruz. Deneyimlerimiz hakkında merak ediyorsanız, detaylı WPCode incelememize göz atın.
WPCode, kodunuzu yapıştırmak için basit bir arayüze sahiptir. Bu sayede tema dosyalarınız el değmeden kalır ve güncellemeler sırasında değişiklikleriniz güvende kalır.
Örneğin, burada demo sitemizin başlığına özel bir izleme kodu ekliyoruz:
Bu tür eklentileri kullanmak zaman kazandırır ve hataları azaltır. Web sitenize yeni özellikler eklemenin daha güvenli bir yoludur. Daha fazla ayrıntı için, WordPress'e başlık ve altbilgi kodu ekleme hakkındaki rehberimize bakabilirsiniz.
SSS: WordPress temanızda Hangi Dosyalar Düzenlenir
Nereden başlayacağınızdan veya yaygın hatalardan nasıl kaçınacağınızdan hala emin değil misiniz? Bu sık sorulan sorular, WordPress temanızı özelleştirirken daha akıllı ve daha güvenli kararlar vermenize yardımcı olabilir.
Ana WordPress tema dosyalarımı neden düzenlememeliyim?
Ana tema dosyalarınızı doğrudan düzenlemek risklidir çünkü yapacağınız herhangi bir değişiklik, tema bir sonraki güncellendiğinde üzerine yazılacaktır. WordPress güncellemeleri genellikle tüm tema klasörünü değiştirir, bu da özelleştirmelerinizin uyarı vermeden kaybolabileceği anlamına gelir.
Çocuk tema nedir ve neden önemlidir?
Bir çocuk tema, bir üst temanın işlevselliğini ve stilini miras alan ayrı bir temadır. Sitenizi özelleştirmenin en güvenli yoludur çünkü düzenlemelerinizi orijinal tema dosyalarından ayrı tutar. Bu sayede, değişikliklerinizi kaybetmeden üst temayı güvenle güncelleyebilirsiniz.
Değişiklikleri canlı hale getirmeden önce önizleyebilir miyim?
Kesinlikle. Bir hazırlık sitesi kullanmak, canlı sitenizi etkilemeden değişiklikleri önizlemenin en iyi yollarından biridir. Ayrıca, yayınlamadan önce basit tasarım değişikliklerini gerçek zamanlı olarak test etmek için Tema Özelleştirici veya (temanız destekliyorsa) Tam Site Düzenleyici'yi kullanabilirsiniz.
WordPress tema dosyalarını düzenlemek için kodlama becerilerine ihtiyacım var mı?
header.php, functions.php veya single.php gibi tema dosyalarını doğrudan düzenlemek istiyorsanız, sitenizi bozmamak için HTML, CSS ve PHP hakkında temel bilgiye sahip olmanız önemlidir.
Ancak, renkleri, yazı tiplerini veya düzenleri değiştirmek gibi basit özelleştirmeler için birçok tema, Tema Özelleştirici veya Tam Site Düzenleyici'de yerleşik özelleştirme seçenekleri sunar. Ayrıca kodla uğraşmadan görsel değişiklikler yapmak için SeedProd ve Elementor gibi sayfa oluşturucuları kullanabilirsiniz.
Hangi tema dosyasını düzenlemem gerektiğini bulmama yardımcı olacak araçlar var mı?
Evet! What The File eklentisi gibi araçlar, herhangi bir sayfada tam olarak hangi şablon dosyasının kullanıldığını size söyleyebilir. Ayrıca, görüntülenen içeriğin türüne bağlı olarak farklı tema dosyalarının nasıl yüklendiğini anlamak için WordPress şablon hiyerarşisine başvurabilirsiniz.
WordPress siteme özel CSS'yi güvenli bir şekilde nasıl eklerim?
Özel CSS eklemenin en kolay yollarından biri, Tema Özelleştirici'deki Görünüm » Özelleştir » Ek CSS bölümüdür.
Alternatif olarak, WPCode gibi bir kod parçacığı eklentisi veya bir alt temanın stil sayfasını kullanabilirsiniz. Bu yöntemler, tema güncellemeleri sırasında stillerinizin kaybolmamasını sağlar.
Ek Kaynaklar: Daha Fazla WordPress Tema İpuçları ve Püf Noktaları
Umarım bu makale WordPress temanızda hangi dosyaları düzenleyeceğinizi bulmanıza yardımcı olmuştur. Ardından, aşağıdaki kılavuzlarımıza da bakmak isteyebilirsiniz:
- WordPress Tema Özelleştiricisini Profesyonel Gibi Kullanma
- A Complete Beginner’s Guide to WordPress Full Site Editing
- WordPress'te Eklenti ve Tema Bilgileri Nasıl Görüntülenir
- Herhangi Bir WordPress Temasına Paralaks Efekti Nasıl Eklenir
- jQuery Kullanarak WordPress'e Üst Kısma Kaydırma Efekti Ekleme
- WordPress Tema İskeleti Nedir?
- WordPress Tema Geliştirme Hile Kartı
- WordPress Temalarınızı Şekillendirmek İçin Oluşturulan CSS Sınıfları
- Ücretsiz ve Premium WordPress Temaları (Site Sahipleri İçin Artıları ve Eksileri)
- Denemeniz Gereken En İyi Basit WordPress Temaları
Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.
Dennis Muthomi
Özellikle kapsamlı değişiklikler için çocuk temaları kullanma vurgunuzu takdir ediyorum.
Bu, birçok aceminin gözden kaçırdığı çok önemli bir tavsiye.
Tecrübelerime göre, bir çocuk tema oluşturmak, temaları güncellerken sayısız saatlik hayal kırıklığından kurtardı.
kzain
Sitede yayına almadan önce tema dosyalarında yapılan değişiklikleri önizlemenin bir yolu var mı? Bu, istenmeyen kesintileri önlemek için gerçekten faydalı olacaktır. Bu kadar net ve pratik tavsiyeler sunduğunuz için teşekkürler!
WPBeginner Yorumları
Bir seçenek, değişiklikler yayına alınmadan önce temayı test etmek için bir hazırlık sitesi veya yerel bir sunucu kullanmak olabilir.
Moinuddin Waheed
Bu biraz geliştirici odaklı bir görev ama evet, bazen dosyayı düzenleme sorusuyla karşılaşıyoruz ve istenen değişikliklerin yapılması için hangisini düzenleyeceğimiz konusunda ikileme düşüyoruz.
Her zaman değiştirilmesi gerekenin functions.php dosyası olduğunu düşünürdüm ama hayır, değişiklik istenen yerde yapılmalıdır.
Nerede düzenleme ve değişiklik yapmamız gerekeceğini görmek için eklentiyi inceleyeceğim.
Bu öğretici rehber için teşekkürler. Bu kavramları daha iyi anlamak gerçekten yardımcı oluyor.
WPBeginner Desteği
You’re welcome
Yönetici
Jiří Vaněk
İpucu için teşekkürler. Bazen bir web sitesinde bir değişiklik yapmam gerekiyor ve hangi dosyayı düzenleyeceğimi hemen bilmiyorum. Bu eklenti, hangi şablon dosyasının şu anda kullanıldığını anlamada harika bir yardımcı olabilir.
WPBeginner Desteği
Glad we could share this plugin
Yönetici
Riyaz
Bu eklentiyi kurmak hayatımı kolaylaştırdı. Ancak, bazı temalar sadece şunlar gibi bir şey bırakıyor:
$has_sidebar = is_active_sidebar( ‘single-blog’ );
do_action( ‘mytheme_page_header’ );
ve hiçbir yerde bulamadığım bazı fonksiyonlar bile:
mytheme_get_listings_image(‘mytheme-list’)
Bunları bulmanın bir yolu var mı?
WPBeginner Desteği
Dosyaları manuel olarak incelemeniz gerekir, normalde bunlar functions.php dosyasında bulunur
Yönetici
mark Swift
Merhaba,
hoş makale,
ancak düzenlemem gereken alt temada dosyalar mevcut değilse ne olur??
Cos
Bir şablonu (.php) dosyalarını alt temanıza kopyalarsanız (böylece onları düzenleyebilir ve temanın güncellenmesi durumunda değişikliklerinizi kaybetmezsiniz), kopyalayıp düzenlediğiniz dosya tema geliştiricisi tarafından güncellenirse ne olur? O zaman onların güncellemesinden faydalanmış olmaz mısınız?
Susan Sheridan
Hangi stil sayfalarının uygulandığını öğrenmek için bu tür bir araç nasıl olur?
Bond Shands
Blogumun altındaki Postane Posta Adresi satırını değiştirmek için bu talimatları kullanmayı umuyordum. Ancak, What The File eklentisini yüklemek ve etkinleştirmek belirgin bir sonuç vermedi. Menü Çubuğumda hiçbir şey görünmedi. Ayrıca, dürüst olmak gerekirse, talimatlarınız, düzenlemek istediğim blog sayfasını görüntülerken eklentinin nerede görüntüleneceğini görmem konusunda beni karanlıkta bıraktı. (Ayrıca, zaten alternatif bir e-posta adresi aracılığıyla aboneyim).
WPBeginner Desteği
Merhaba Bond Shands,
Her WordPress sitesi, her sayfada yüklenen birkaç şablon kullanır. Örneğin, üstbilgi ve altbilgi şablonları. Posta adresinizi değiştirmek için footer.php dosyasını düzenlemeniz gerekecektir. Ancak, herhangi bir doğrudan değişiklik yapmadan önce WordPress temanızı yedeklediğinizden emin olun.
Teşekkürler
Yönetici