Wooocommerce’a özel kod nasıl eklenir
Kod görüntüleri hazırlamak ve WooCommerce dosyalarını yapılandırmak acemi kullanıcılar için kafa karıştırıcı olabilir.Buna ek olarak, bu dosyalarla hata yapmak kötü olabilir ve hatta sitenizin çökmesini sağlayabilir.Bu yüzden bu kılavuzda size WooCommerce’e özel kodlar eklemek için çeşitli yöntemler göstereceğiz.Daha önce mağazanızı manuel olarak nasıl ayarlayabileceğinizi görmüştük.Bir mağaza sayfası, hesap sayfam, sepet sayfam veya ürün sayfası olsun, özel bir kod ekleyerek manuel olarak ayarlayabilirsiniz.Ayrıca, alışveriş deneyimlerini kişiselleştirmek ve rakiplerinizden öne çıkmak için çeşitli WooCommerce öğelerini yapılandırmak için kodu da kullanabilirsiniz.Tüm bunlar web sitenize kod görüntüleri eklenmesini gerektirir.
Bunu yapmak için çeşitli yöntemlere bakmadan önce, özel kodun nasıl ekleneceğini öğrenmenin temel avantajlarından bazılarına bakalım. WooCommerce’a neden kodu ekleyip ayarlayalım? WooCommerce’in ana özelliklerinden biri ayarlama yeteneğidir. Çeşitli ve esnek seçeneklerin yanı sıra çeşitli eklentiler ve eklentilerle WooCommerce, en ayarlanabilir e-ticaret platformlarından biri olarak öne çıkıyor. Ancak, özel bir kod eklemek için izlemeniz gereken bazı gereksinimler vardır. Metni değiştirmek için ödeme devam edin, ekleme düğmesini sepete silin veya sitenizin görünümünü değiştirin, özel bir işlev kullanmalı ve WooCommerce kancasını kullanmalısınız. Geliştiriciler ve kodlama becerilerine aşina olan herkes, görüntüleri doğru şekilde eklemenin ne kadar önemli olduğunu bilir. Bu, sadece mağazanızı düzenlemenizi değil, aynı zamanda işlevsellik eklemenizi sağlar. İyi haber şu ki, WooCommerce ve WordPress’in açık kaynaklı doğası, yaklaşmayı çok daha kolay bir süreç haline getiriyor. WooCommerce, kullanıcılarını kodu ayarlamak için tam olarak destekliyor, ancak bu işlem birkaç riskli temel dosyaları düzenlemeyi içeriyor. Daha önce kod snippet’lerini kullanarak çeşitli öğelerin ve dosyaların nasıl yapılandırılacağı konusunda birçok yönerge görmüştük. Bu kez, sürecin ilk bölümüne odaklanacağız ve WooCommerce’e doğru şekilde özel bir kod eklemek için çeşitli yöntemler göreceğiz. WooCommerce’e Özel Kod Nasıl Eklenir WooCommerce’a kod snippet’leri eklemenin çeşitli yolları vardır:
Varsayılan WordPress Tema Düzenleyicisi ile
Özel bir eklenti kullanma
Temadengan dosyasına erişmek için FTP’yi kullanın WooCommerce Şablon dosyasını yapılandırın
Yeni bir özel eklenti oluşturarak
Her adım adım yöntemine bakalım.
Not: Tüm bu yöntemler, birkaç risk içeren temel dosyaların düzenlenmesini gerektirir. Bu yüzden başlamadan önce, sitenizin bir yedeklemesini yapmak iyidir. 1) WooCommerce’e özel bir kod eklemek için Varsayılan WordPress Editor Varsayılan Yöntemini kullanarak özel ekleyin. Varsayılan tema düzenleyicisini kullanmaktır. Function.php’e erişebilir ve doğrudan PHP kodunu ekleyebilirsiniz. Ancak, kodda bir hata varsa veya kodun bir kısmını silerseniz, web siteniz ciddi şekilde etkilenebilir. Bu yüzden çocuğun temasını kullanmanızı ve ekstra bir güvenlik katmanı eklemenizi öneririz.
Tema düzenleyicinizdeki function.php dosyasını açmak için görünümü açın> Gösterge Tablonuzdaki Tema Düzenleyicisi. Ardından, sağdaki tema dosyası kenar çubuğu üzerindeki function.php’i tıklayın.
Geçerli işlev.php dosyasına özel bir kod ekleyin, tema düzenleyicisinden WooCommerce’a özel bir kod ekleyebilirsiniz. Bu demo için, “Sepette hiçbir ürün yok” olarak “sepetiniz şu anda boş, üstün ürünlerimizi kontrol etmenizi öneririz!”: Remove_action (‘wooocommerce_cart_is_empty’, ‘wc_empty_cart_message’, 10);
Add_action (‘wooocommerce_cart_is_empty’, ‘quadLayers_empty_cart_message’, 10);
$ html = ‘
‘;
$ html. = wp_kses_post (Applate_filters (‘wc_empty_cart_message’, __ (‘Sepetiniz şu anda boş, üstün ürünlerimizi kontrol etmelisiniz!’, ‘wooCommerce’); gema $ html. ‘
‘;
} Bu komut dosyasını tema düzenleyicinize yapıştırın ve değişiklikleri uygulamak için dosyayı güncelleyin.
Ön ucu kontrol edin ve şöyle bir şey göreceksiniz:
Kod ekle bir şeydir, ancak kodun nasıl çalıştığını anlamak da önemlidir. Yukarıdaki kod, varsayılan boş sepet mesajını koda eklediğimiz özel mesajlarla değiştirmek için belirli eylemleri uygulayan özel bir WooCommerce Hook ekler. Metni değiştirmek için, bu satırdaki metin mesajını değiştirin: $ html. = Wp_kses_post (Appl_filters (‘wc_empty_cart_message’, __ (‘Sepetiniz şu anda boş, üstün ürünlerimizi kontrol etmelisiniz!’, ‘Wooocommerce’)) ; “Sepette ürün yok” mesajını ayarlamak ve mümkün olduğunca kullanın hakkında daha fazla bilgi edinmek istiyorsanız, bu tam kılavuza bakın.
Daha önce de belirtildiği gibi, kodu bu şekilde eklemek hızlı ve kolaydır, ancak çok fazla risk içermektedir. Örneğin, yanlış kodu kullanmak web sitenize zarar verebilir veya zarar verebilir. Ayrıca, özel kodunuzda çeşitli işlevleri, eklentileri veya temaları etkileyebilecek bir uyumluluk sorunu olabilir. Buna ek olarak, kodunuzu Function.php’ye üst temadan eklerseniz ve daha sonra temanızı değiştirir veya güncellerseniz, eklediğiniz özel kodu kaybedebilirsiniz. Bu nedenle, eğer yeni başlayansanız, ikinci yöntemi denemenizi ve WooCommerce’a özel bir kod eklemek için bir eklenti kullanmanızı öneririz. 2) Kodu, snippet ekleme açısından yeni başlayanlar için daha dostça bir eklenti kullanarak bir eklenti kullanarak ekleyin. Web sitenizde hangi kodu etkinleştirdiğinizi kolayca kontrol edebilirsiniz ve temayı değiştirseniz bile eklediğiniz kod kaydedilir. Ayrıca, herhangi bir kodu istediğiniz zaman etkinleştirebilir veya devre dışı bırakabilirsiniz. Gösterimiz için kod görüntüleri eklentisini kullanacağız. Bu, herhangi bir siteye özel kodlar ekleyen en popüler eklentilerden biridir. İlk olarak, gösterge paneli yönetici kontrol panelinizi açarak eklentiyi yükleyin ve eklentilere> Yeni Ekle. Sağ üstteki arama çubuğunu kullanın ve kod snippet’ini bulun. Ardından, Yükle’yi tıklayın ve son olarak eklentiyi etkinleştirin.
Etkinleştirmeden sonra, kodu eklemeye ve Woocommerce mağazanızı ayarlamaya hazırsınız. Yeni bir kod eklemek için görüntüleri açın> Yeni Ekle.
Kod snippet’inizi adlandırın ve kodunuzu kod bölümüne ekleyin. Demo için, ekle düğmesini arabaya gizlemek için aşağıdaki kodu kullanacağız. Remove_action (‘wooocommerce_aft_shop_loop_item’, ‘wooocommerce_template_loop_add_to_cart’); Remove_action (‘wooocommerce_single_product_summary’, ‘wooocommerce_template_single_add_to_cart’, 30); Bundan sonra, tüm web sitenizde bir kod çalıştırmak isteyip istemediğinize veya yalnızca arka uçta veya ön uçta çalıştırmak isteyip istemediğinize karar verebilirsiniz. Veya bu kodu yalnızca bir kez çalıştırabilirsiniz. Aynı şekilde, kodunuz için öncelikler ayarlamayı ve snippet’lerin ve etiketlerin bir açıklamasını eklemeyi de seçebilirsiniz.
Tüm ayrıntıları ayarladıktan sonra, değişiklikleri kaydet’i veya değişiklikleri kaydet’i tıklayın ve yeni kodunuzu eklemek için etkinleştirin. Kodunuzu tek tek devre dışı bırakmak veya etkinleştirmek istiyorsanız, snippet> tüm snippet’i açabilir ve snippet’lerinizden birini tek tek devre dışı bırakabilir veya etkinleştirebilirsiniz) Tüm bu seçenekler sizin için mevcut değilse FTP istemcisini kullanarak özel bir kod ekleyin ve Woocommerce mağazanıza manuel olarak özel bir kod eklemeniz gerekir, bunu FTP istemcileri kullanarak yapmanız gerekebilir. Dışarıda birkaç araç var, ancak bu öğretici için FileZilla’yı kullanacağız. Not: FTP istemcilerini kullanmaya veya sunucunuzu ve dosyalarınızı yapılandırmaya alışık değilseniz bu yöntemi önermiyoruz. Ayrıca, bu, cpanel ve FTP’nize erişim gerektirebilir. Bu dosyaları hayal kırıklığına uğratmak web sitenizde ciddi bir etkiye sahip olabilir, bu nedenle sitenize özel kodlar eklemek için daha az risk istiyorsanız yukarıdaki yöntemi kullanmaya devam etmenizi şiddetle tavsiye ederiz. İlk olarak, Filezilla’yı veya istemciyi seçin ve web sitenize bağlanın. Ardından, web sitesi dizininizde tema dosyanızı arayın. Bu genellikle sunucunuzdaki /wp-content /temalar dizinindedir. Yapılandırabileceğiniz mevcut tema klasörünüzü veya çocuk temanızı tıklayın.
Tema klasörünüzü açın, içindeki functions.php dosyasını sağlayın, ardından Görünüm/Düzenle tuşuna basın. Burada, dosya düzenleyicisini kullanarak kodu dosyanın sonuna koyabilir ve kaydedebilirsiniz. Bunun için, ekle düğmesini sepete gizlemek için yukarıdaki kodu kullanacağız: kaldırma_action (‘wooocommerce_aft_shop_loop_item’, ‘wooocommerce_template_loop_add_to_cart’; remove_ace (‘woocommerce Kod eklemenin bir başka ilginç alternatifi de WooCommerce şablonu dosyasını ayarlamaktır. 4) WooCommerce Şablon Şablonu Şablon Dosyasını ayarlayarak kodu ekleyin Şablon, tüm Woocommerce mağaza öğelerinizi ve tüm sayfalarını yapılandırmanın en hızlı yollarından biridir. Bu, ödeme sayfanızı, ürün sayfalarınızı, mağaza sayfalarınızı ve diğerlerini içerir. İyi haber şu ki, WooCommerce şablon dosyasını varsayılan WordPress eklenti düzenleyicisini kullanarak yukarıdaki gibi düzenleyebilirsiniz. Erişmek için yönetici kontrol panelinizde, eklentileri açın> Eklenti Düzenleyicisi. Ardından, sağ üstteki eklentileri seçin, WooCommerce’i seçin ve Seç’i tıklayın.
Bu, WooCommerce dosyalarını ve şablonlarını yapılandırmak için kullanabileceğiniz eklenti dosyaları listesini güncelleyecektir. Gösterimiz için, kasiyerde teşekkür ederiz. Eklenti dosyaları listesinin altında Checkut> tankyou.php’i seçin. Ardından, metni bu satırda değiştirerek aşağı kaydırın ve alınan sipariş metnini değiştirin:
Örneğin, sipariş tarafından alınan mesajı “Bizden satın aldığınız için teşekkür ederim. Hemen talimatlar hakkında bir e-posta alacaksınız. Bizden. Hemen talimatlar hakkında bir e -posta alacaksınız … ‘,’ WooCommerce ‘), null); // phpcs: wordpress.security.escapeoutput.outputNotescaped?>
Burada kanca metnini ihtiyaçlarımız için daha uygun bir şeye güncelledik. Değişikliklerden memnun olduktan sonra dosya güncellemesine basın.
Ardından, yeni bir dosya için tıklamak için klasöre sağ tıklayın. Burada, klasörünüzle aynı ada sahip bir .php dosyası oluşturmanız gerekir. Bu nedenle, kaldırdığımız dosyayı adlandırırız. Ardından, eklentinin adını, açıklamasını ve yazarın adını eklemek için birkaç satır kod ekleyeceğiz: <? Php /** * Eklenti Adı: Sil Sepete Ekle * Açıklama: Sil eklentisini ekle sepete ekle * Yazar: Sijal Shrestha
* Sürüm: 1.0
*/ /* Snippet’lerinizi buraya yerleştirin. */ /* Snippet’lerinizi buraya yerleştirin. */?>
Yeni eklentiye özel bir kod ekleyin Şimdi, özel kodunuzu eklentiye eklemeye başlayabilirsiniz. Özel kodunuzu parçalar arasına eklemeniz gerekir / * Snippet’lerinizi burada bırakın * /. Bir hatırlatma olarak, bu satırlar sadece kodunuzu etkilemeyecekleri ve isterseniz silebilirsiniz. <? Php
/**
* Eklenti Adı: Sil Sepete Ekle
* Açıklama: Sil eklentisini ekle sepete ekle
* Yazar: Sijal Shrestha
* Sürüm: 1.0
*/
/* Snippet'lerinizi buraya yerleştirin. */ Remove_action (‘wooocommerce_aft_shop_loop_item’, ‘wooocommerce_template_loop_add_to_cart’);
Remove_action (‘wooocommerce_single_product_summary’, ‘wooocommerce_template_single_add_to_cart’, 30);
/* Snippet’lerinizi buraya yerleştirin. */
?>
Ardından, dosyanızı kaydedin ve eklentinin eklenti sayfası altındaki WP yönetici kontrol panelinize kaydedildiğini göreceksiniz.
Eklentinizi etkinleştirin ve özel kod mükemmel çalışacaktır. İsterseniz Zip klasör eklentisini de farklı bir web sitesine yüklemek için kullanabilirsiniz. FTP istemcinizden klasörü indirin ve klasörü sıkıştırmanız yeterlidir. Ardından, eklentinizi herhangi bir web sitesine yüklemek için bu fermuar kullanabilirsiniz. Daha fazla yardıma ihtiyacınız varsa, WordPress eklentilerini manuel olarak yükleyecek ayrıntılarımız da var. Özel bir kod eklemek için hangi yöntemi kullanmalısınız? Farklı bir yöntem gördük, ancak görüntüler eklemek için en iyi nedir? FTP istemcileri kullanmak ve dosyalarınıza manuel olarak erişmek çok hızlı ve kolay olsa da, bu şekilde özel kodlar eklerken önemli riskler olabilir. Bu nedenle riski en aza indirmek için, özellikle gelişmiş kodlama becerileriniz yoksa özel bir özel kod eklentisi kullanmalısınız. Bu yöntem çok daha risklidir ve aşağıdakiler gibi ek avantajlara sahip olabilir: farklı kodları izleyebilir ve istediğiniz zaman bunları etkinleştirebilir/devre dışı bırakabilir
Çelişen bir kod ekleyin ve gerekirse alternatif olarak etkinleştirin/devre dışı bırakın
Temalar/kurulumlarla uyumluluğu kontrol edin
Hata ayıklamak ve sorunlardan kurtulmak daha kolay
WooCommerce’e özel bir kod eklemek için özel bir eklenti kullanmak, olası sorunları en aza indirirken kancanızı yapılandırmanın kolay bir yolunu sunar. Ancak, yeni eklenen kodun sorunlara neden olmadığından veya web sitesi grevinizi oluşturmadığından emin olmak istiyorsanız, aşağıdaki ipuçlarını görmelisiniz. WooCommerce 1’e özel bir kod eklerken en iyi uygulama 1) Çocuk temasını kullanarak bir alt tema kullanarak, function.php dosyasına özel bir kod ekleyeceğiniz ilk şeylerden biridir. Düzenlediğiniz veya eklediğiniz koddan bağımsız olarak, çocuk temanızla, temel tema dosyanızı değiştirmeden herhangi bir zamanda herhangi bir değişikliği geri yükleyebilmenizi sağlar. Buna ek olarak, kod değişiklikleri ve stil sayfasını değiştirme ile dikkate alınması gereken önemli şey, WordPress temasını güncellerseniz, tüm değişiklikleri kaybedebilirsiniz. Bunun nedeni, funcitons.php dosyanızın, temayı güncelleyerek ve tüm özel kodunuzu silerek üzerine yazılmasıdır. Bu nedenle, ana temaya bir kod eklemek önerilen bir uygulama değildir. Bir çocuk temasıyla, ana temanızı güncelledikten sonra bile ayarlamaları kaybetmeyeceğinizden emin olursunuz. Ayrıca, temanız hasar görürse, değişiklikleri her zaman geri yükleyebilir ve tekrar sıfırdan başlayabilirsiniz. Bir çocuğun temasını programlanmış yapabilir veya özel bir eklenti kullanabilirsiniz. Bu bölümde, süreç daha kolay olduğu için bir eklenti kullanarak nasıl bir çocuk teması oluşturacağınızı göstereceğiz. Eklenti kullanarak bir çocuk teması oluşturmak, eklenti kullanarak bir çocuk teması yapar, yeni başlayanlar için kolay ve samimi bir süreçtir. Kullanabileceğiniz birçok eklenti var.
Bu demo için, Çocuk Teması Sihirbazı’nı kullanacağız. Önce WP yönetici gösterge panosuna açın ve eklentiyi açın> Yeni Ekleyin.Ardından, Çocuk Teması Sihirbazı’nı bulmak için sağ üstteki arama menüsünü kullanın.Yükle ve ardından Anahtar düğmesinden sonra etkinleştir düğmesine basın.
Ardından Eklenti özelliğine Araçlar> Çocuk Teması Sihirbazı’nı tıklayarak erişebilirsiniz. Yeni bir çocuk teması oluşturmak için, bir çocuk teması yapmak istediğiniz temayı seçmek için ana tema alanını kullanın.Demomuz için mağaza temasını kullanacağız.Ardından, başlık, açıklama, URL ve diğerleri gibi ayrıntılar ekleyin.Bittiğinde bir çocuk teması oluştur ve bitirmeniz gerekir. Şimdi, kenar çubuğunuzdaki görünüm> temalara giderek çocuğunuzun temasına yönelin ve az önce yaptığınız çocuk temasına basın.
İşte burada! Artık yeni oluşturulan Child teması altında özel kodunuzu işlevinize serbestçe ekleyebilirsiniz.php dosyası. 2) WordPress yedekleme eklentisi kullanmak ve yedekleme hazırlama WordPress/WooCommerce dosyasını değiştirirken veya yüklemenizdeki dosyaları değiştirmek bir yedekleme hazırlamaktır. WooCommerce oldukça esnek olsa da, uyumlu olmayan veya çalışmayan kod ciddi sorunlara neden olabilir. Bazı durumlarda, web sitenize çarp veya hatta zarar ve hatta Woocommerce işiniz için kesinti süresine neden olur. Bu yüzden düzenli rezervler yapmanızı şiddetle tavsiye ediyoruz. Bu nedenle, sitenize herhangi bir özel kod eklemeden önce, bir hata oluşursa tekrar kullanabileceğiniz bir yedekleme yapmayı unutmayın. Bununla ilgili daha fazla bilgi için, WordPress’te nasıl yedeklemeye ilişkin özel kılavuzumuza bakın. 3) Kodun nasıl çalıştığını ve kancaların ve wooocommerce işlevlerinin, belirli eylemleri almak veya belirli öğeleri değiştirmek için kancaları kullanarak çoğunlukla woocomerce için nasıl kullanıldığını öğrenin. Bu nedenle, bu filtrenin nasıl çalıştığını ve özel kodunuzdan önce web sitenize uygulanmasını öğrenmek iyi bir fikirdir. Bu sadece eksik veya fonksiyonel olmayan bir kod kullanmanızı önlemekle kalmaz, aynı zamanda ihtiyaçlarınız için daha iyi çalışacak şekilde ayarlayabilmenizi sağlar. Örneğin, Add_action (‘wooocommerce_before_single_product’, ‘quadLayers_add_message’) girmezseniz satın alma işlemini devre dışı bırakan bu snippet’e bakalım;
add_filter (‘woocommerce_is_purchasable’, ‘quadLayers_block_admin_purchase’); quadLayers_block_admin_purchase ($ blok) {
if (is_user_logged_in ()): gerçek değeri geri yükleyin;
Diğerleri: Yanlış dön;
eğer sona erdi;
} quadLayers_add_message () işlevi { if (! Is_user_logged_in ()): echo ‘
Lütfen bu ürünü satın almak için giriş yapın
‘;
eğer sona erdi; } WooCommerce Hook bu şekilde çalışıyor: Action Hook, Filtre Hook, Sepete Ekle düğmesine katkıda bulunmak için QuadLayers_Block_Admin_Purchase İşlevini kullanırken QuadLayers_ADD_MESSAGE işlevini kullanarak mesajları yazdırmak için kullanılır.Kullanıcının girip girmediğini kontrol etmek için bu iki işlevde ifade kullanılırsa
İfade doğru olanı döndürürse, kanal wooocommerce_is_purchasable uygulanırsa uygulanır
Ayrıca metin stilini değiştirmek ve özel renkler eklemek için birkaç ek CSS uyguladık
Devam edelim ve bunu çocuk temasından Function.php dosyasına ekleyelim:
Bu bize bu sonucu ön uçta verir:
WooCommerce özel kodunun nasıl çalışacağını öğrenmek istiyorsanız, tuvalet kancasının nasıl kullanılacağına dair kılavuzumuza bakın. Kısacası, WooCommerce’e nasıl özel bir kod ekleyeceğinizi öğrenmek, alışveriş deneyiminizi ayarlamanın önemli bir parçası olabilir. Ne kadar çok şey ayarlarsanız, rakiplerinizden o kadar öne çıkabilirsiniz. Kod snippets ekleyerek, eklentiye çok bağımlı olmanıza ve daha fazla esnekliğe sahip olmanıza gerek yoktur. Bu kılavuzda, kod kod eklemek için çeşitli yöntemler gördük:
Dosya işlevlerini düzenlemek için varsayılan tema düzenleyicisini kullanarak.php
Fonksiyon.php dosyasına manuel olarak erişmek için FTP kullanarak özel kod görüntüleri eklemek için özel bir WordPress eklentisi ile
WooCommerce şablonunu manuel olarak düzenlemek için eklenti düzenleyiciyi kullanma
Özel bir kodla yeni bir eklenti oluşturmak için FTP’yi kullanmak.
Tüm bu yöntemler, Woocommerce web sitenizi kolayca ayarlamanıza ve yapılandırmanıza olanak tanır. Tüm bu yöntemler temel kodlama becerileri gerektirir, ancak eklentileri kullanmak yeni başlayanlar için en samimi yöntemdir. Varsayılan düzenleyiciden Php dosyaları düzenleme kolaydır, ancak farkında olmanız gereken bazı riskler vardır. WooCommerce şablonu dosyasını doğrudan ayarlamak istiyorsanız aynı şey de geçerlidir. Son olarak, FTP istemcileri kullanmak biraz daha gelişmiş bir yöntemdir, çünkü dosya sunucusunu yapılandırmak için belirli bilgi gerektirir. Woocommerce mağazanıza görüntüler eklediniz mi? Hangi yöntemi kullanıyorsunuz? Eklememiz gereken diğer yolları biliyor musunuz? Aşağıdaki yorum bölümünde bize bildirin! Son olarak, ek bir kod fragmanı ve mağazanızı programlanmış bir şekilde ayarlamanın bir yolu arıyorsanız, sizin için bir şeyimiz var. Bu kılavuzu beğendiyseniz, Woocommerce mağazanızı en üst düzeye çıkarmanıza yardımcı olacak bu makaleye bakın:
Programlanan woocommerce ürün sayfası nasıl düzenlenir
Hesap sayfamı düzenle Woocommerce programlandı
Programlanan woocommerce dükkanı sayfası nasıl düzenlenir
