Diyelim ki sitenize kötü amaçlı yazılımlar mevcut veya bir eklentiyi güncellediniz ve web sitenizi çökertti. Belki de sadece gelişmiş özelleştirmeler yapmak istiyorsunuz. Bu durumlardan herhangi birinde, WordPress kodlaması bir sonraki adım olabilir. Neyse ki, bu konuda gidebileceğiniz birçok yol var.
Bu yazıda, WordPress web sitenizin kaynak koduna erişmenin, düzenlemenin çeşitli yollarını ve ayrıca WordPress temanızı kodlamadan nasıl değiştirebileceğinizi anlatacağız. Başlayalım o halde !
WordPress Kaynak Kodunuzu Nasıl Düzenleyeceğinizi Bilmeniz Neden Önemlidir.
Varsayılan olarak, WordPress son derece sezgisel ve kullanıcı dostu bir platformdur. Temalar ve eklentiler sayesinde sitenizi bir kod satırına dokunmadan özelleştirmenin ve değiştirmenin birçok yolu vardır.
Teknik olarak, tam işleyen ve iyi tasarlanmış bir siteye sahip olmak için web sitenizin dosyalarına veya kodlarına erişmeniz gerekmez. WordPress panosu, eklentileri ve temaları , sitenizi hızlı ve kolay bir şekilde düzenlemeyi ve kişiselleştirmeyi sağlar.
Ancak, daha fazla kontrolü elinize almak ve gelişmiş özelleştirmeler gerçekleştirmek isteyebileceğiniz zamanlar olacaktır. Belki de yapmak istediğiniz değişiklik, kullandığınız tema veya eklentilerle çözülebilecek bir durum değildir.
Başka bir olasılık da sitenizin çökmesi veya yönetici kontrol panelinize erişmenizi engelleyen başka bir hatayla karşılaşmaktır. Sorunu gidermek için büyük olasılıkla WordPress kaynak kodunuzu düzenlemeniz gerekecek. Genelde bu şekilde çözülüyor.
Bu gibi durumlarda, WordPress'te HTML'nin nasıl düzenleneceğini ve ayrıca PHP, CSS ve JavaScript dahil olmak üzere diğer kaynak kodlarına nasıl güvenli ve etkili bir şekilde erişileceğini ve değiştirileceğini bilmekte her zaman fayda vardır. Kısaca söylemek gerekirse, bazı temel WordPress kodlama konumlarını öğrenmek, WordPress sitenizi tasarlamak, yönetmek ve doğru bir şekilde yönetmek için daha fazla kontrol ve esneklik uygulamanızı sağlar.
WordPress'te HTML Nasıl Düzenlenir
Bilmeniz gereken ilk şey: WordPress'te HTML kodunuza nasıl erişeceğinizi öğrenmek. Sitenizin kodunda değişiklik yapmanın her zaman bazı riskler taşıdığını unutmayın. HTML'nizi düzenlemek, bu gönderide anlatacağım diğer tekniklere kıyasla nispeten güvenlidir, ancak yine de dikkatli bir şekilde ilerlemek ve önce bir yedek oluşturmak akıllıca olacaktır.
WordPress Klasik Düzenleyicide HTML Nasıl Düzenlenir
Eğer isterseniz bir WordPress sayfasına HTML ekleyebilir veya düzenleyebilirsiniz. Klasik Düzenleyici'de tek yapmanız gereken Görsel düzenleyiciden arka uçtaki Metin düzenleyiciye geçmek. Bu, arka planda çalışan HTML'yi gösterecektir
Metin düzenleyiciden, herhangi bir sayfadaki veya gönderideki HTML'ye yalnızca birkaç tıklamayla erişebilir, bunları değiştirebilir ve güncelleyebilirsiniz . Görsel düzenleyiciye geri dönerek değişikliklerinizi istediğiniz zaman görüntüleyebilirsiniz. İşiniz bittiğinde, gönderinizi veya sayfanızı kaydettiğinizden emin olun.
WordPress Blok Düzenleyicide HTML Nasıl Düzenlenir
Blok Editör (Gutenberg) kullanıyorsanız, Metin editöründen Görsel editöre geçiş (veya Kod editörü) oldukça kolaydır. Bununla birlikte, HTML'nizi düzenlemek için, tüm sayfada veya gönderide tek tek bloklarda değişiklik yapmak dahil olmak üzere birden fazla seçeneğiniz vardır.
Tüm sayfanın veya gönderinin HTML'sini düzenlemek için düzenleyicinin sağ üst köşesinde bulunan üç dikey noktayı tıklayın ve ardından Kod düzenleyici'yi seçin.
Bu, WordPress HTML düzenleyicisini açacaktır. Belirli bir blok içinde Görsel düzenleyiciden Metin düzenleyiciye geçmek için blok araç çubuğundaki üç dikey noktayı tıklayın ve ardından HTML Olarak Düzenle'yi seçin
WordPress'te Ana Sayfanız İçin HTML Nasıl Düzenlenir
Ana sayfanızdaki HTML'yi düzenlemeye ne dersiniz ? Bazı temalarda ana sayfa kendi bireysel sayfası gibi davranır. Bu nedenle, HTML'sini düzenleme süreci yukarıda açıklananla aynıdır. Kontrol panelinizdeki sayfalar listeden ilgili sayfayı seçmeniz yeterlidir.
Bir WordPress Widget'ında HTML Nasıl Düzenlenir
Bu durumda oldukça basittir, WordPress kenar çubuğunuza veya altbilginize HTML eklemek isteyebilirsiniz . Birçok WordPress teması, web sitenizin ana sayfasındaki içeriği kontrol etmek için widget(Bileşenler) bölümünü de kullanır.
WordPress Temanızın Kaynak Kodunu Düzenlemeye Başlarken
WordPress temanız şablon dosyalarından oluşur. Bazen bunlara WordPress kaynak kodu da denir. WordPress web sitenizin ham tema dosyaları (PHP) ve Basamaklı Stil Sayfalarını (CSS) ve JavaScript'i (JS) içerirler.
Bu bileşenleri (veya WordPress'teki varsayılan şablonu) düzenlemek istiyorsanız , tema dosyalarına erişmenin iki ana yolu vardır :
- WordPress kaynak kodu dosyalarını herhangi bir web tarayıcısını kullanarak doğrudan panonuzda düzenlemenizi sağlayan WordPress Tema Düzenleyicisini kullanma.
- WordPress kaynak kodu dosyalarını yerel olarak düzenlediğiniz Dosya Aktarım Protokolü (FTP) aracılığıyla , ardından değişikliklerinizi WordPress barındırma ortamınıza yükleyin.
Birincisi sitenizi yedeklemek. Bu, kaynak kodunuzu düzenlerken herhangi bir şeyin karışması durumunda geri almak için içeriğinizin ve ayarlarınızın kaybolmamasını sağlar.
İkincisi, bir çocuk teması oluşturmaktır. WordPress temanızı değiştirirken en iyi uygulama, değişikliklerinizi bir alt temada yapmaktır. Aksi takdirde, temanızı bir sonraki güncellemenizde yaptığınız değişikliklerin üzerine yazılacaktır. Ve buda bir çok hatayı beraberinde getirecektir. Bu adımları yaptıktan sonra, Başlayalım.
Önce WordPress temanızı doğrudan kontrol panelinizden nasıl düzenleyeceğinize bakalım.
WordPress Kaynak Kodunuzu Tema Düzenleyici ile Nasıl Düzenleyebiliriz ?
WordPress, temanızın dosyalarını çevrimiçi olarak değiştirmenize olanak tanıyan yerleşik bir düzenleyiciyle birlikte gelir. Tema Düzenleyici'de, temanızı oluşturan PHP, CSS, JavaScript ve geliştirmeyle ilgili diğer tüm dosyalara erişebilirsiniz.
Tema Düzenleyicisine Erişme
WordPress admin panelinde, sitenizin kaynak kodu için Görünüm > Tema Düzenleyici tıklamanız yeterlidir.
Bu düzenleme alanında, temanızın tasarımına ve yapısına uygun gördüğünüz değişiklikleri yapabilirsiniz. Dikkatli olmakta fayda vardır.
Yüklü birden fazla temanız varsa veya bir ana tema/çocuk tema kombinasyonu kullanıyorsanız, Düzenleyici'nin sağ üst köşesinde temalar arasında geçiş yapabilirsiniz.
Burada bulunan tam dosyalar temanıza bağlı olacaktır, ancak en azından şunları bilin;
- style.css : Bu, temanızın yazı tipleri ve renk şeması gibi tasarımla ilgili birçok özelliği içeren stil sayfanızdır.
- function.php : Temanızın işlev dosyası, WordPress'in varsayılan özelliklerini değiştiren PHP kodunu içerir.
WordPress , kodda hatalar olduğunu fark ederse, değişikliklerinizi kaydetmenizi engeller. Bu, Tema Düzenleyiciyi kullanmayı, daha sonra anlatacağım FTP aracılığıyla WordPress kodunuzu düzenlemekten biraz daha güvenli kılan en önemli detaydır.
WordPress JavaScript Dosyalarınızı Nasıl Düzenlersiniz
JavaScript'i WordPress sitenizin herhangi bir yerinde kullanabilmeniz için JavaScript kodunuzu içeren bir dosyanız olması gerekir. Hepsi olmasa da çoğu tema, başka bir yerde barındırılabilen ve header.php, footer.php veya diğer şablon dosyalarınızdaki kod tarafından 'çağrılan' olabilecek birkaç JavaScript dosyasıyla birlikte gönderilir.
Eğer ediyorsanız kendi JavaScript yazma , size dosyaların bir listesini görebilirsiniz WordPress, içinde işe erişebileceksiniz. Bunlardan herhangi birini açabilir ve doğrudan Tema Düzenleyici'yi kullanarak istediğiniz değişiklikleri yapabilirsiniz . Tüm JavaScript dosyaları .js uzantısıyla biter.
