WordPress sitenize özel bir kod nasıl eklenir (düşündüğünüzden daha kolay!)

Tıpkı çeşitli kod modifikasyon türleri gibi, birkaç özel kod eklentisi vardır. En yaygın 2 tip PHP ve CSS’dir. Bildiğiniz gibi, PHP WordPress mimarisini ve işlevlerini düzenler. Bu nedenle, web sitenizin temel işlevlerini değiştirmeye, özellikleri eklemeye veya değiştirmeye çalışırsanız, bunu yapmanıza yardımcı olmak için indirilecek birçok PHP eklentisi vardır. Aynı şekilde, CSS’nin de ne yaptığını bilebilirsiniz – bu her şeyi daha iyi hale getirir. Ve eğer değiştirmek istediğiniz tek şey buysa, özel CSS eklentisi bunu kolayca yapmanıza izin verir. Arka planda saklanmak, eklenti ile karmaşık bir ilişkisi olan JavaScript’tir. Açıklığa kavuşturmak için, bu biraz farklıdır, çünkü çocukların üstbilgisine, altbilgisine veya temasına eklerseniz iyi çalışır – ancak bir yazıda kullanmak için özel bir eklenti kullanmalısınız. CSS ve JavaScript araç kutusu gibi bir şey hile yapmalıdır. Kayıt için, sayfanızın hızı için, altbilgiye koymak daha iyidir. Kendi eklentinizi yazmak, belirli özellikleri değiştirmek, devre dışı bırakmak veya değiştirmek için internette bulunan birçok WordPress kodu görüntüsü vardır. Ancak, nereye koyulacağını bilmek işlevsellik için çok önemlidir. Örneğin, eklentinin işlevini değiştiren bir snippet’iniz varsa, kesinlikle etkinleştirdiğiniz temayı işlevini yerine getirmesini istersiniz. Aynı şey site genelinde yapılan değişikliklerle ilgili görüntüler için de geçerlidir. Yani, her iki durumda da, onlar için yeni bir eklenti yapmak için iyi bir fikir. Endişelenme, göründüğü gibi korkutucu değil.
Bir eklenti yapmanın temel avantajlarından biri, eklentiyi isteğe göre etkinleştirebilmeniz veya devre dışı bırakabilmenizdir. Bu aynı zamanda eklentiler hakkında eklenti sayfasında görülmesini sağlar. Tek ana zayıflık, siteyi değiştirmesine izin verilen herkes tarafından yanlışlıkla devre dışı bırakılabilmesidir, ancak onlara güçlü bir uyarı bunu önleyebilmelidir. Ek bir kayıt olarak, WP-Content klasörünüzde Mu-Plugins adlı bir klasör de oluşturabilirsiniz. Oraya girilen herhangi bir PHP dosyası her zaman yürütülecek ve etkinleştirilemez veya devre dışı bırakılamaz. Bu, özel kodu tema klasöründen ve eklentisinden tutar. Ancak yalnızca arka planda çalıştırdığınız her zaman rahat olan eklentilerle yapın. CSS Özel Dosyası Planladığınız değişiklikler küçükse, bir custom-style.css dosyası oluşturabilirsiniz. Önizleme değişikliklerini yapmadan önce görmek istiyorsanız, Chrome veya benzer uygulamaları çalıştırırsanız her zaman Devtools’u kullanabilirsiniz. Başka bir olasılık, WordPress temanız aracılığıyla özel CSS eklemektir. Toplam çerçevemiz gibi bazı premium temalar, kolayca bulabileceğiniz ve değiştirebileceğiniz özel CSS eklemek için tema paneli seçeneklerini içerir. Ayrıca temanızı güncellediğinizde, tema paneli ayarlarınız yine de değişmeyecektir – bu nedenle özel CSS’niz bozulmadan kalır.
CSS’nin baş aşağı aktığını unutmayın, yani ortaya çıkan kurallar her zaman daha önce ortaya çıkan kurallardan öncelik verir. Dolayısıyla, ayrı bir sayfaya uygulanan her CSS varsayılan sayfa kodunu değiştirir. Bu, girilen CSS için de geçerlidir … WordPress çocuklarının teması
Bilmeyenler için, çocuğun teması diğer temaların işlevselliğini devralır, tasarımınızı isteyerek değiştirmenize olanak tanır (WordPress Çocuk Tema Kılavuzumuzda bilmek istediğiniz her şeyi öğrenebilirsiniz). Güncelleme sırasında değişikliklerinizi kaybetmeden temaları değiştirmenize izin veren özel amaçlar için oluşturuldu. Çocuk temaları, dış temalarda veya ‘ebeveyn’ üzerinde yaptığınız tüm değişiklikleri yansıtır. Yani, Photoshop katmanının etkisini uygulamak gibi, aslında içeriği düzenlemezsiniz; Her şeyi eskisi gibi geri yüklemek için istediğiniz zaman silebilirsiniz. Kodunuzu değiştirmek istediğinizde bir çocuğun teması yapmak çok fazla baş ağrısı kaydeder ve oldukça kolaydır (WordPress modifikasyonu gibi). Sitenize FTP üzerinden erişin ve bir klasör oluşturun, ardından klasörle eşleşen bir style.css dosyası oluşturun. Bu, tema-çocuk adını vermek için standart bir uygulamadır. Bundan sonra, ihtiyacınız olan tek şey şablonu tanımlamak için yeni başlık stilinizde bir satır. Ancak, WordPress Codex sayfasında bulunabilecek olan bazı şeyler de var. Ardından, @Import satırının altındaki mevcut temada gerekli değişiklikleri yapın. Çocuk temasının tek zayıflığı, garip bir çatışmaya veya yan etkiye neden olmadan değiştirmeden önce ana tema üzerinde yapmanız gereken çalışma sayısıdır. Ve bir çocuk temasıyla, yalnızca orijinal temadan neyin farklı olacağını belirlemeniz gerektiğini unutmayın. Değişiklikleri uygulamak için, sadece fermuar, WordPress gösterge panelinizdeki Görünümler> Temalar sayfasını yükleyin ve WordPress aracılığıyla etkinleştirin. Bu, anne temanızın da elbette yüklendiği varsayılarak.

Ekran kodu