WordPress’e Güvenli Kod Snippet nasıl eklenir (3 yol)
Kutunun dışında, WordPress birçok ayar seçeneği ile birlikte gelir. Ayrıca, sitenizin işlevselliğini genişletmenize yardımcı olabilecek binlerce eklenti vardır. Ancak, mevcut araçlar veya temalar tarafından karşılanamayan özel gereksinimleriniz olabilir. Neyse ki, sitenize özel bir kod eklemek, boşluğu doldurmaya yardımcı olabilir. Her ne kadar bir kodlama deneyiminiz yoksa bu süreç korkutucu görünse de, bu aslında beklediğinizden daha kolaydır. Bu yazıda, sitenize özel bir kod eklemek isteyebileceğiniz bazı nedenleri araştıracağız. Daha sonra, WordPress’e kodu eklemek için size en güvenli yöntem boyunca size rehberlik edeceğiz. Başlayalım!
Neden bir İçerik Yönetim Sistemi (CMS) açık kaynak olarak sitenize kod tarafı ekleyebilirsiniz, WordPress tasarım ve site geliştirme açısından neredeyse sınırsız olasılıklar sunar. Kullanıcılar mevcut eklentileri ve temaları değiştirebilir veya kendilerini yapabilir. Neyse ki, sitenizi mükemmelleştirmek için kodlama dilini öğrenmenize gerek yoktur. Kullanıcıların bitmiş kod görüntülerini paylaşabileceği ve kopyalayabileceği birçok çevrimiçi platform vardır. Buna GitHub ve WordPress.org Geliştirici Topluluğu da dahildir. Sitenize kod görüntüleri eklemeniz gereken birkaç neden vardır. Örneğin, WordPress hatalarını veya güvenlik açığını düzeltmek için kullanabilirsiniz. Kodu yeni özellikler eklemek veya sitenizin güvenliğini artırmak için de kullanabilirsiniz.
Bazen, bir kod snippet’i kullanmak yeni bir tema veya eklenti yüklemekten daha pratik olabilir. Çok fazla eklenti yüklemek bazı durumlarda sitenizi yavaşlatabilir. Ayrıca, tema veya premium eklenti için ödeme yapmak yerine kodla çalışmayı tercih edebilirsiniz. Kodu eklemek oldukça kolaydır, ancak doğru yapıldığından emin olmak önemlidir. Değilse, sitenize yanlışlıkla zarar verebilir veya önemli verileri silebilirsiniz. Bunu hatırlayarak, WordPress’e kod görüntüleri eklemenin en güvenli yollarına bakalım. WordPress’e Güvenli Kod Parçacıkları Nasıl Eklenir (3 Yol) Kod snippet’ini sitenize eklemek için kullanabileceğiniz üç ana yöntem vardır. Ancak, başlamadan önce sitenizin bir yedeklemesini yapmak isteyebilirsiniz. Bu şekilde, bir kod eklerken bir hata oluşursa, yalnızca içeriği kurtarmanız gerekir. Bir Çocuk Teması Oluştur WordPress temaları birçok ayar seçeneği sunar. Ancak, sitenizin tasarımını ihtiyaçlarınızı karşılayacak şekilde değiştirmek isteyebilirsiniz. Bu, function.php dosyanıza ek kodlar gerektirecektir. Bunu yapmanın en güvenli yolu bir çocuğun teması oluşturmaktır. Bu, kullandığınız ana temanın (veya “ana tema”) bir alt temasıdır. Çocuğunuzun temasına bir kod eklemek, ana temanızı güncellediğinizde bu değişikliğin korunmasına yardımcı olacaktır. Başlamak için web sitenize FileZilla gibi Dosya Aktarım Protokolü (FTP) istemcisi aracılığıyla veya barındırma hesabınızdaki Dosya Yöneticisini kullanarak erişmeniz gerekir. Girdikten sonra, Site Dizininizdeki WP-Concent> temalarına gidin.
Orada, sitenizdeki her tema için klasörler göreceksiniz:
Ardından, bilgisayarda çocuğunuzun teması için bir klasör oluşturmalısınız. Açıklayıcı bir başlık vermelisiniz. Örneğin, mevcut temanız yirmi yirmi ise, çocuk tema klasörünüzü twotwenty_childtheme olarak adlandırabilirsiniz. Bir klasör oluşturduktan sonra, bir style.css dosyası eklemeniz gerekir. Bu dosyayı oluşturmak için, istediğiniz metin düzenleyiciyi açın ve aşağıdaki kodu yapıştırın: /*Temanın Adı: Çocuk Temam
Açıklama: Bu yaptığım özel bir çocuk teması.
Yazar: Benim adım
Yazar uri: http: //situssaya.com/
Şablon: ana tema
Sürüm: 0.1
*/ Ardından bilgileri ihtiyaçlarınıza göre kişiselleştirin. Bununla birlikte, “şablon” değişkeninin ana tema klasörünüzün adıyla eşleşmesini sağlamak önemlidir (örneğin yirmi yirmi).
Ayrıca CSS dosyasını ana temayı File Style.css olarak adlandırmanız gerekir. Bunu yapmak için aşağıdaki kod satırını ekleyin: @import url (“../ parenttheme/ style.css”); Mevcut temanızın adına uyacak şekilde “parantezleri” değiştirmeyi unutmayın. Hazır olduğunuzda, dosyanızı çocuğunuzun tema klasöründe style.css olarak kaydedin. Ayrıca çocuğunuzun teması için bir function.php dosyası oluşturmanız gerekir. Bunu yapmak için metin düzenleyicinizi tekrar açın ve aşağıdaki PHP etiketini yapıştırın: temalara gidin. Orada, az önce yaptığınız çocuğun temasını göreceksiniz. Sadece Etkinleştir’i tıklayın ve çocuğun teması yayınlanacaktır: Kod görüntülerini çocuk temanıza eklemek için, açık görünüm> tema düzenleyicisine. Ardından ayarlamak istediğiniz dosyayı seçin. Genellikle kodu functions.php dosyasına eklemeniz gerekir:
Hazır olduğunuzda dosyayı güncelleyin. Bu değişiklik yakında sitenizde görülecektir. 2. Eklentiyi kullanın Sitenize kod snippet’leri eklemenin en kolay ve en güvenli yollarından biri bir eklenti kullanmaktır. Bu yöntemle, site dosyanızı değiştirmenize gerek yoktur. Düzenleme sonuçlarınızın tema güncellemesinden sonra da hayatta kalma olasılığı daha yüksek olacaktır. Bu amaç için kullanabileceğiniz bazı araçlar var. İki popüler seçeneğe bakalım. Kod snippets ile kod ekleyin Kod görüntüleri, kodu sitenizde kolayca eklemenizi ve yönetmenizi sağlayan kolay bir eklentidir. Bu araç, function.php dosyasına eklenmesi gereken kodlar için kullanılabilir. Ancak, bu dosyaya dokunmanıza gerek yoktur. Bunun yerine, kodunuzu eklemek için eklenti arayüzünü kullanabilirsiniz. Eklentiyi yükledikten ve etkinleştirdikten sonra, WordPress yönetici alanınızdaki görüntülere gidin. Orada, sitenizdeki tüm özel kod görüntülerini görebilir ve yönetebilirsiniz: Yeni bir snippet oluşturmak için Yeni Ekle’yi tıklayın. Daha sonra parçacıklarınız için bir başlık oluşturabilir ve kodu ekleyebilirsiniz:
Kodu çalıştırmak istediğiniz yeri de seçebilirsiniz. Hazır olduğunuzda değişiklikleri kaydet’i tıklayın ve etkinleştirin. Hepsi bu – değişiminiz artık aktif. Kod ekle üstbilgiyi yapıştırın ve altbilgi başlıkları ve altbilgi, kodu header.php ve footer.php dosyasına eklemek için kullanılabilir. Örneğin, Google Analytics, Google AdSense ve diğer hizmetler için izleme kodu eklemek isteyebilirsiniz. Sitenizdeki eklentileri yükleyip etkinleştirerek başlayın. Ardından Ayarlar> Üstbilgiyi ve altbilgiyi ekleyin: Gördüğünüz gibi, kodu girmek için üç farklı alanınız var. Sitenizin üstbilgisine, gövdesine ve altbilgisine ekleyebilirsiniz. Kod snippet’inizi uygun kutuya girin, ardından Kaydet’i tıklayın. Değişiklikleriniz artık aktif! 3. Kendi eklentinizi oluşturun WordPress’e kod eklemenin başka bir güvenli yolu kendi eklentinizi oluşturmaktır. Neyse ki, bu yöntem düşündüğünüzden çok daha basit. Bilgisayarınızda, yeni eklentiniz için bir klasör oluşturun. Ardından, metin düzenleyicinizi açın ve aşağıdaki kodu yapıştırın: <? PHP /* Eklenti Adı: Yeni Eklentim URI eklentisi: https://mysite.com Açıklama: Özel bir kod eklemek için özel eklenti
Sürüm: 1.0.0
Yazar: W. Morris
Yazar uri: https://mysite.com
Lisans: GPL2
URI Lisansı: https://www.gnu.org/licenses/gpl-2.0.html
*/ İhtiyaçlarınızı karşılamak için bilgileri burada düzenleyin. Hazır olduğunuzda, eklenti klasörünüzde değişikliğinizi bir PHP dosyası (örneğin mynewplugin.php) olarak kaydedin.
Ardından, sitenize FTP istemciniz aracılığıyla erişin ve WP-Concent> eklentilerine gidin. Ardından, yeni eklenti klasörünüzü bilgisayarınızdan bu dizine aktarmanız yeterlidir: Şimdi, WordPress kontrol panelinizdeki eklentiye giderseniz, listede yeni oluşturduğunuz eklentiyi göreceksiniz. Etkinleştirin, ardından Eklenti> Eklenti Düzenleyicisi’ni açın ve eklentinizi listeden seçin:
Artık eklenti dosyanıza özel bir kod ekleyebilirsiniz. Bittiğinde, değişikliklerinizi görüntülemek için dosyayı güncelleyin. Sonuç WordPress, içeriğinizin tasarımını ve işlevselliğini geliştirmenize yardımcı olacak birçok tema ve eklenti ile birlikte gelir. Ancak, temayı değiştirmeniz veya belirli özellikler oluşturmanız gerekiyorsa, sitenize bir kod görüntüsü eklemeniz gerekebilir. Bu yazıda, WordPress’e kod eklemenin en güvenli yolunu görüyoruz:
Bir çocuk teması oluşturun ve dosyayı dosyaya ekleyin.
Kodlar ve eklentiler üstbilgileri ve altbilgi gibi eklentiler kullanın.
Özel bir kod eklemek için kendi eklentinizi oluşturun. WordPress sitenize kod görüntüleri ekleme hakkında sorularınız mı var? Aşağıdaki yorum bölümünde bize bildirin! Kredi görüntüsü: Pixabay.
