WordPress, popülaritesinin büyük bir kısmını erişilebilirliğine borçludur. WordPress ile yapabileceğiniz her şeyi, tek bir kod satırı yazmak zorunda kalmadan yapabilirsiniz. Eklentileri kodlamadan kurabilirsiniz. Tema kurulumu kodlama olmadan da gerçekleşir ve bir tema ve bazı eklentilerle bir WordPress web sitesiyle yapabileceklerinizin sınırı yoktur.
Yine de WordPress, kod kullanılarak oluşturulmuş bir içerik yönetim sistemidir. Görsel-sezgisel arabirimler aracılığıyla kolayca yapabileceğiniz şeyler, işlerin yapılmasını sağlayan temel bir kod katmanını gizler. Bu yüzden arka plana bakmak ve bazı düzenlemeler yapmak için doğrudan kaynağa gitmek istiyorsanız, WordPress’te HTML, PHP ve CSS’yi düzenlemenin bir yoluna ihtiyacınız olacak.
CMS zorunludur ve WordPress kodunu düzenlemek için birden fazla yolunuz vardır. Bu yazıda size şunları göstereceğiz:
-
Neden WordPress Kodunu Düzenlemek İstiyorsunuz?
-
Eklentilerle Özel Kod Ekleme
-
WordPress Editörlerini Kullanarak WordPress Kodunu Düzenleme
-
Tema ve Eklenti Kodunu Düzenleme
-
CSS düzenleme
-
Dosyaları FTP Yoluyla Düzenleme
Neden WordPress Kodunu Düzenlemek İstiyorsunuz?
Çoğunlukla, eklentiler ve temalar, WordPress çevresinde bir şeyleri değiştirmek için inanılmaz derecede uygun bir yol olacaktır. Uzman bir kullanıcı değilseniz veya HTML, CSS, PHP veya JavaScript bilen biri değilseniz, hazır çözümlere yöneleceksiniz.
Bu tür çözümler sizi yalnızca bir yere kadar götürebilir ve er ya da geç bir eklentiyle çözemeyeceğiniz bir sorunla karşılaşırsınız. Bu durum web siteniz üzerinde daha fazla kontrol sahibi olmanın ve bazı gelişmiş özelleştirmeler yapmanın yolları olup olmadığını merak etmeye başlayacağınız noktadır.
WordPress kodunun nasıl düzenleneceğini bilmek size bu konuda yardımcı olabilir. Temaları, eklentileri düzenleyebilir, özel CSS ekleyebilir ve yazılarınızı ve sayfalarınızı HTML olarak düzenleyebilirsiniz. Küçük kod eklemeleri için, uygun dosyalara kod parçacıkları eklemenize izin veren eklentileri bile kullanabilirsiniz.
Size WordPress’te kodu düzenleyebileceğiniz tüm yerleri göstereceğiz. Fakat bunu yaparken dikkatli olmalısınız – bu yöntemlerden bazıları sitenizi kolayca bozabilir. Bir snippet eklentisi kullanarak WordPress’te kod düzenlemenin en kolay yöntemiyle başlayacağız.
Eklentilerle Özel Kod Ekleme
WordPress’e özel kod eklemek istiyorsanız, en uygun yol bir eklenti kullanmak olabilir. Bunu bu şekilde yapmanın en büyük yararı, eklentiyi kullanarak eklediğiniz kodun genellikle bu tür değişiklikleri ortadan kaldıran tema güncellemelerinden sağ çıkmasıdır.
WordPress’e özel kod eklemek için kullanımı en kolay olan eklentilerden biri Kod Parçacıkları eklentisidir. Eklentinin kurulumu kolaydır – bunu Eklentiler > Yeni Ekle’den yaparsınız ve bir kez etkinleştirdiğinizde, eklenti özel HTML, CSS veya JavaScript parçacıkları oluşturmanıza olanak tanır.
Eklenti ayrıca, bir kod parçasında sorun gidermeye veya test etmeye çalışıyorsanız inanılmaz derecede yararlı olabilecek parçacıklarınızı açıp kapatmanıza da olanak tanır. Genel olarak WordPress kodunu ekleyerek düzenlemek istiyorsanız ve bunu yaptığınız dosyalara doğrudan gitmek istemiyorsanız, bir snippet eklentisi kullanmak muhtemelen yapabileceğiniz en iyi şeydir.
WordPress Editörlerini Kullanarak WordPress Kodunu Düzenleme
WordPress, web sitenizin gönderilerinde ve sayfalarında kodu düzenleyebileceğiniz yöntemlere sahiptir. Blok editörü olan Gutenberg ve hala çok popüler olan Classic editörü size kodu düzenlemeniz için bazı seçenekler sunar. Gutenberg’de, Özel HTML bloğunu seçerek sayfalarınıza veya gönderilerinize kod ekleyebilirsiniz.
Mevcut blokları da kod olarak düzenleyebilirsiniz – üzerine tıkladığınızda bloğunuzun üzerinde görünen menüde üç dikey nokta bulunur ve bunlar tıklandığında size ihtiyacınız olan seçeneği içeren bir menü gösterir.
Son olarak sayfadaki veya gönderideki tüm bloklar için kod düzenlemeyi etkinleştirmek istiyorsanız, sağ üst köşedeki üç nokta olan seçenekler düğmesine gitmeniz ve görsel düzenleyiciden kod düzenleyiciye geçmeniz yeterlidir. Bunu Ctrl+Shift+Alt+M klavye kısayoluyla yapabilirsiniz.
Klasik düzenleyicinin hayranıysanız, işler sizin için daha da basit. Görsel ve metin düzenleyici arasında geçiş yapmak, Klasik düzenleyicide kolay ve hazır hale getirildi.
Açma/kapatma düğmesinin yerleşimi, ikisi arasında zahmetsizce geçiş yapmanızı sağlar ve Klasik düzenleyicinin en sevilen özelliklerinden biridir.
Tema ve Eklenti Kodunu Düzenleme
WordPress web sitenizdeki tema ve eklenti dosyalarını düzenlemeye başlamadan önce, orada yapacağınız değişikliklerin web sitenizin işleyişini ciddi şekilde etkileyebileceğini anlamalısınız. Yalnızca ne yaptığınızı biliyorsanız ve olası zararı minimumda tutmak için adımlar attıysanız devam etmelisiniz.
Bir WordPress alt teması kullanmak, tema dosyalarını düzenlerken size birkaç şekilde yardımcı olabilir. Önemli tema dosyalarına kalıcı olarak zarar verme risklerinden bazılarını azaltabilir. Hatta bir alt tema kullanmak, temayı güncellerken yaptığınız değişikliklerin ortadan kalkmamasını sağlar.
WordPress tema dosyalarınızın kodunu düzenlemek için Görünüm > Tema Düzenleyici’ye gidebilirsiniz. Orada, yapmak üzere olduğunuz şeyin olası sonuçları hakkında sizi bilgilendiren bir uyarı göreceksiniz ve ondan sonra – gireceksiniz. Tema Düzenleyici, düzenlemek istediğiniz temanın yanı sıra belirli temayı seçmenize olanak tanır. değiştirmek istediğiniz kodu içeren dosya.
Tema dosyalarının çoğunun .php uzantısına sahip olduğunu unutmayın; ancak bir style.css dosyası da bulabilirsiniz. Orada CSS’yi düzenleyebilirsiniz. Fakat bunu yapmanın daha iyi bir yolu var ve yakında size göstereceğiz. Functions.php, düzenleme için en popüler dosyalardan biridir. Fakat onunla uğraşırken çok dikkatli olun.
Kullanmakta olduğunuz eklentilerin kodunu düzenlemek istiyorsanız, Eklentiler > Eklenti Düzenleyici’ye gidin. Orada, düzenlemek istediğiniz eklentiyi ve değiştirmek istediğiniz koda sahip dosyalardan hangisinin olduğunu da seçebileceksiniz.
Şu anda kullanılmakta olan bir eklentiyi veya temayı asla düzenlememelisiniz. Burada yaptığınız değişikliklerin web sitenizin işleyişi üzerinde sonuçları olacağını daima unutmayın.
CSS düzenleme
Temanızın önerdiği gibi style.css dosyasında CSS düzenlemeyi atladıysanız ve yine de web sitenizi bazı özel CSS’lerle stillendirmek istiyorsanız, WordPress web sitenizin kontrol panelinden Görünüm > Özelleştir’e gitmelisiniz. Bu sizi, değişikliğin gerçek zamanlı olarak tezahür ettiğini görerek web sitenizdeki pek çok farklı şeyi değiştirebileceğiniz harika bir yer olan özelleştiriciye yönlendirecektir.
Özel CSS eklemek üzere Özelleştiriciyi kullanmak için Ek CSS’ye gidin. Sayfanın orta ve sağ taraflarını kaplayan büyük önizleme penceresinde web sitenizde gezinebileceksiniz. Sol taraf, web sitenize eklemek istediğiniz özel CSS için ayrılmıştır.
Customizer’ın değişiklikleri size gerçek zamanlı olarak gösterme yeteneği sayesinde, ek CSS’nizin web sitenizde ne tür bir etkisi olacağını kolayca görebilir ve çok daha akıcı bir düzenleme süreci elde edebilirsiniz. İşiniz bittiğinde, yaptığınız eklemeleri yayınlamayı unutmayın ve bitirdiniz.
Dosyaları Doğrudan Düzenleme
WordPress kodunu düzenlemek için son seçeneğiniz, kodu içeren dosyaları doğrudan düzenlemektir. Dosyalara, ana bilgisayarınızın web barındırma kontrol paneli ve dosya yöneticisi aracılığıyla veya FTP kullanarak erişebilirsiniz.
Her iki durumda da dosyalara doğrudan erişecek, değişikliği yapacak ve kaydedeceksiniz. Nasıl yapacağınızdan emin değilseniz, wp-config dosyasını düzenlemek için kılavuzumuzu takip edebilirsiniz. Her zaman olduğu gibi, yaptığınız değişiklikler konusunda çok dikkatli olun.
Konunun Özeti
Görsel yerine kodla veya temalar ve eklentilerle işleri nasıl yapacağınızı öğrenmek için bir kodlama el kitabına ulaşmak zorunda kalmadan WordPress kullanarak bir ömür geçirebilirsiniz. Yine de, kod kullanma ihtiyacı ortaya çıktığında, WordPress’in eklentileri veya WordPress çekirdeğine dahil olan çeşitli düzenleyicileri ve özelleştiricileri kullanarak buna uyum sağlama yolları olacaktır. İster ihtiyacınız olan her şey için eklentiler kullanın, ister web sitenizdeki kodu sürekli olarak değiştirin, WordPress ile kendi deneyiminizi yönetebilirsiniz.