Wooocommerce şablonunu nasıl ayarlarsınız
Şablonunuzu düzenlemenin yollarını mı arıyorsunuz? Bu kılavuzda, web siteniz için WooCommerce şablonunu eklentilerle ve eklentileri ayarlamak için size iki farklı yöntem göstereceğiz. WooCommerce bir e -ticaret mağazası oluşturmak için harika bir platform. Kullanımı çok kolay, birçok özelliğe sahiptir ve işlevsellik eklemek ve web sitesi tasarımınızı değiştirmek için birçok ayar seçeneğine sahiptir. Mağaza sayfasını veya ürün sayfasını değiştirmenin yanı sıra, WooCommerce’in varsayılan içerdiği şablonu da düzenleyebilirsiniz. Neden Woocommerce şablonunu ayarlıyor? WooCommerce, ayarlanabilecek birçok özelliğe sahiptir. Neredeyse tüm sayfaları kasadan sayfaları kategori sayfalarına, teşekkür sayfalarına ve daha fazlasına kadar kişiselleştirebilirsiniz. Tüm bunlar, mağazanıza müşteriler tarafından tanınacak benzersiz bir stil vermeye yardımcı olur, ancak diğerlerinden öne çıkmanız için WooCommerce şablonunuzu da ayarlamanız gerekebilir.
Sitenizdeki varsayılan sayfayı düzenleyerek, sayfanın rakiplerinizden farklı göründüğünden ve mağazanızın görünümüne ve hissine uygun bir stile sahip olduğundan emin olursunuz. Ancak, önemli bir rekabet avantajı elde etmek için ayarlamak istiyorsanız, varsayılan şablonu da düzenlemek iyi olabilir. Şablonunuzu ayarlayarak, çevrimiçi mağazanızı bir sonraki seviyeye getirmek için daha fazla ayrıntı ve işlev ekleyebilirsiniz. Bu işlevsellik, alıcı tarafından takdir edilecek daha iyi müşteri deneyimi sağlamanıza yardımcı olabilir. Bu yüzden WooCommerce şablonunuzu nasıl düzenleyeceğinizi ve e -ticaret mağazanızı nasıl geliştireceğinizi öğrenmelisiniz.
Şablonu düzenlemeden önce hatırlanması gereken şeyler şablonunuzu ayarlamaya başlamadan önce, hatırlamanız gereken bazı şeyler. 1. WooCommerce temanız, web sitenizin şablon aracılığıyla WooCommerce ile ilgili birçok öğesini değiştirecektir. Kullandığınız temanın WooCommerce ile tamamen uyumlu olduğundan emin olun. Eğer sahip değilseniz veya değiştirmeyi düşünürseniz, en iyi WooCommerce temalarımızın listesine bakın. 2. WooCommerce’ı doğru bir şekilde yükleyin WooCommerce şablonunda herhangi bir değişiklik yapmadan önce WooCommerce’i web sitenize doğru ayarlamanız gerekir. Hazırlık sürecinde herhangi bir adımı kaçırmamanızı veya kaçırmamanızı tavsiye ediyoruz. Bundan emin değilseniz, WooCommerce’ın nasıl hazırlanacağına dair rehberimiz, her şeyin doğru olup olmadığını kontrol etmenize yardımcı olabilir. Çocuğun temasını kullanın ve web sitenizin WooCommerce şablonunu düzenlemesini sağlayın, şablon dosyanızın hassas verilerini değiştireceksiniz. Bu, yanlışlıkla hata yaparsanız, web sitenizin bazı ciddi sorunlarla karşılaşabileceği anlamına gelir. İyi haber şu ki, alt temayı kullanarak ve ana tema dosyanızı düzenlemek yerine değişiklik yaparak bunu önleyebilirsiniz. Ayrıca, bu sürece başlamadan önce web sitenizin bir yedeklemesini yapmanızı öneririz. Bununla ilgili yardıma ihtiyacınız varsa, bir WordPress web sitesini nasıl ayıracağınızla ilgili tam kılavuzumuza bakın. Aynı şekilde, WordPress’te bir çocuk teması oluşturma ve çocuk tema eklentisi hakkında daha fazla bilgi de bulabilirsiniz.
4. Programlama WooCommerce şablonunu ayarlamak için kod görüntülerini kullanacağız. İster programlanmış ister eklentilerle yapsanız da, temel programlama bilgisine sahip olmanızı öneririz. Bazı ayarlamalar için kancalar kullanacağız. Kancalara alışık değilseniz, bu WooCommerce Hook kılavuzuna bakın. Kodlama becerileriniz yoksa ve temel dosyaları düzenlemekten rahatsız hissediyorsanız, geliştiriciden yardım istemenizi öneririz. 5. Tema Dosyaları ve Şablonları Tema Dosyaları ve Şablonları, Woocommerce Mağazanız için kullandığınız temaya bağlı olarak değişir. Bu gösteri için Divi temasını kullanacağız, böylece diğer temalar kullanıyorsanız bazı tema dosyaları ve şablonlar sitenizde farklı olabilir. Ancak, kullandığınız herhangi bir sorun olmadan öğreticiyi takip edebilmelisiniz. Woocommerce şablonunu nasıl düzenleyebilirsiniz WooCommerce şablonunu ayarlamanın 2 ana yolu vardır:
Programlanmış
Eklentileri Kullanma
Bir sonraki bölümde, her yöntemi göreceğiz, böylece en rahat olduğunu düşündüğünüz yöntemi kullanabilirsiniz. 1. WordPress programlama konusunda herhangi bir bilgi olmadan kullanımı kolay olsa bile programlanan WooCommerce şablonunu ayarlayın, aynı zamanda dostça geliştiricidir. Aslında, hem eklentileri hem de kod görüntülerini kullanarak web sitenizdeki hemen hemen her şeyi düzenleyebilirsiniz. Bu bölümde, WooCommerce’de programlanan şablonları nasıl düzenleyeceğinizi göstereceğiz.
Programlanan şablonu ayarlamak için iki yaklaşım vardır:
Şablonun gelmesi
Kanca ile
Bu yaklaşımların her ikisi de işi tamamlayacak, bu yüzden sizin için daha rahat bir tane seçin. Her birinin ne yaptığını ve ne zaman kullanacağına dair temel bir anlayışa sahip olmanız için bu iki yöntem arasındaki farkın bir gözüne bakalım. Hooks vs şablonu Timpa kancaları genellikle eylemler ve filtrelerle basit değişiklikler için kullanılır. Öte yandan, gerçek şablon dosyasını değiştirerek daha karmaşık ayarlamalar için şablon olabilirsiniz. Ayrıca, belirli bir şablon dosyası için bir kanca kullanırsanız, şablon dosyasına gelmemeniz gerektiğini unutmayın. Bunun nedeni, şablonun başına geldiğinizde, dosyada kullanılan kanca değiştirilecek ve artık çalışmayacaktır. İhtiyaçlarınıza uygun yöntemi devam ettirmeden ve seçmeden önce ihtiyaçlarınızın ne olduğunu bildiğinizden emin olun. Hala bundan emin değilseniz, WordPress geliştiricilerinden yardım almanızı öneririz. 1.1. Şablonun üzerinden, WooCommerce şablonunuzu düzenlemek için karmaşık ayarlamalar yapmak istediğinizde şablonunuza gelmelidir, çünkü size kancalardan daha fazla esneklik sağlar. İşlem, functions.php dosyasını düzenlemeye çok benzer. Bu durumda, tema dosyasını ayarlamak yerine ana Woocommerce şablon dosyasını düzenleyeceksiniz. Şablon dosyasına erişmek için, gösterge panelinizde eklentiler> Eklenti düzenleyicisini açın, WooCommerce’ı açılırdan seçin, ardından Şablon sekmesinin altındaki şablon dosyasına gidin.
Anda akan menemukan semua file utama yang ingin Anda edit di sini seperti archive-product.php , content-product-cat.php , content-product.php , dan seterusnya. Demikian pula, Anda juga dapat mengedit file template di keranjang, checkout, email, dan banyak lagi. Seperti yang bisa Anda bayangkan, ada banyak file template WooCommerce yang bisa Anda edit. Anda dapat menyesuaikan subdirektori serta folder dari file-file ini. Untuk informasi lebih lanjut tentang file apa yang dapat Anda personalisasi, lihat daftar lengkap file template yang dapat Anda edit di sini. Sekarang mari kita lihat beberapa contoh bagaimana Anda dapat menyesuaikan template WooCommerce .1.1.1. Tambahkan Kode Pendek ke Template WooCommerce Salah satu praktik paling umum saat menyesuaikan kode di WooCommerce adalah menggunakan kode pendek. Ada banyak shortcode resmi yang disediakan oleh WooCommerce dan WordPress yang bisa Anda gunakan untuk mengedit template. Skrip berikut akan menampilkan dasbor Akun Saya WooCommerce di semua halaman produk tunggal. Cukup tempel ke file single-product.php dan perbarui. <? Php
jika ( ! didefinisikan( 'ABSPATH' ) ) {
Git dışarı; // Keluar jika diakses langsung
get_header(‘toko’);
while ( have_posts() ):
Posta ();
wc_get_template_part( ‘konten’, ‘produk tunggal’);
geçici; // Tekrar sonu.
do_action(‘woocommerce_sidebar’);
$t= ‘
Akun Saya
‘;
$t.= do_shortcode(” [ woocommerce_my_account ] “); $t.=”
“; gema $t; get_footer(‘toko’); Setelah itu, pratinjau halaman produk dan Anda akan dapat melihat dasbor akun.
Ürün sayfalarının programlanmış bir şekilde nasıl düzenleneceği hakkında daha fazla bilgi için, bu adım adım kılavuza bakın. 1.1.2. Müşterilere önceki ürünü satın aldıklarını hatırlatın, WooCommerce şablonunu, önceki ürünü satın almışlarsa sadık alıcılarınıza bir indirim kodu sağlamak için de ayarlayabileceğinizi hatırlatın. Bir kez daha, aşağıdaki kodu single-pruct.php dosyasına koymanız ve güncellemeniz gerekir. get_header (‘mağaza’); while (hack_posts ()):
Posta ();
wc_get_template_part (‘içerik’, ‘tek ürün’);
geçici; // Tekrar sonu.
if (wc_customer_bought_product ($ current_user-> user_email, $ current_user-> id, $ ürün-> get_id ()):
echo ‘
& kalp; Merhaba ‘ . $ current_user-> first_name. “ Bunu daha önce satın aldın. Bu kuponu kullanarak tekrar satın alın: PROATE_AGAIN_21
‘;
eğer sona erdi;
get_footer (‘mağaza’); Şimdi müşterileriniz satın aldıkları ürünleri gördükten sonra aşağıdaki mesaj görünecektir.
Bunlar, şablonda gerçekleşerek WooCommerce şablonunu düzenlemenin yollarından bazılarıdır. Daha fazla referans ve örnek istiyorsanız, WooCommerce şablonunu programlanmış bir şekilde nasıl ayarlayacağınızla ilgili ayrıntılı kılavuzumuza bakın. 1.2. WooCommerce şablonlarını düzenlemek için kancaları kullanarak, şablon dosyasıyla tamamen rahat değilseniz WooCommerce şablonunu ayarlamak için kancayı da kullanabilirsiniz. Hooks, bir eylem veya filtre olarak ekleyebileceğiniz ve web sitenizin işlevselliğini hızlı bir şekilde geliştirmenize ve basit değişiklikler oluşturmanıza yardımcı olabileceğiniz bir işlevdir. Aynı şekilde, mağaza şablonlarınızı düzenlemek için WooCommerce Hooks’u da kullanabilirsiniz. Bu yaklaşımı yalnızca basit ayarlamalar yapmak istiyorsanız öneririz. Karmaşık modifikasyonlar için, şablonun düşmesi daha uygun bir yöntemdir. Çevrimiçi mağazanıza kancalar eklemek için tek yapmanız gereken görünüm> Tema düzenleyicisine gitmek, functions.php dosyasını açmak ve eylem veya filtre kancaları ile bir kod indirimi eklemektir.
Woocommerce şablonunu kancaları kullanarak düzenlemek için kullanabileceğiniz bazı snippet örnekleri. 1.2.1. Resmin üzerindeki bilgileri tek bir üründe ekleyin Ürün resminin üzerindeki ürün hakkında ek bilgiler girmek istiyorsanız, aşağıdaki komut dosyasını dosya function.php’ye ekleyin. // Özel işlevler ekleyin
QuadLayers_beefore_single_product () işlevi {
Echo ‘
Bu hafta için% 25 indirim!
‘;
}
Add_action (‘wooocommerce_beefore_single_product’, ‘quadLayers_beefore_single_product’, 11); Bu, tek bir ürün sayfasında ürün görüntüsünün üstünde bir mesaj görüntüler. Mağaza sayfasındaki mağaza başlığı altında mağaza açıklaması ekleyin, mağaza açıklamasını mağaza sayfasında görüntülemek için aşağıdaki kod snippet’ini kullanabilirsiniz. Açıklama dükkan başlığının hemen altında görüntülenecektir. // Özel işlevler ekleyin
quadLayers_custom_archive_description () işlev {$ new_description = ‘
Bu bizim mağazamız. Alışverişinizin tadını çıkarın!
‘;
$ New_description iade;
}
// Eylem ekle
Add_action (‘wooocommerce_archive_description’, ‘quadLayers_custom_archive_description’); Değişiklikleri kaydettikten sonra, WooCommerce Shop sayfasında mağaza açıklamasını görebileceksiniz. Kancaları kullanarak şablonların nasıl düzenleneceği hakkında daha fazla bilgi için, programlanan wooCommerce şablonlarını nasıl ayarlayacağınız konusunda eğitimimize bakın. 2. WooCommerce şablonunu bir eklenti kullanarak ayarlayın Kodlama becerileriniz yoksa, sizin için başka bir çözüm daha vardır. WooCommerce şablonunu bir eklenti kullanarak düzenleyebilirsiniz. Şablonunuzu ayarlamak için birkaç eklenti vardır. Bu öğretici için WooCommerce Şablon Düzenlemesini kullanacağız. Bu, tema şablonunuzu kişiselleştirmenizi sağlayan doğrudan bir ücretsiz eklentidir. Şablonunuzda değişiklikler yapabilir ve birkaç tıklamayla istediğiniz zaman varsayılan olarak sıfırlayabilirsiniz.
Programlanan yaklaşımın aksine, bu eklenti ile, tema dosyasında ve wooocommerce’de aramak yerine düzenlemek istediğiniz şablonu hemen seçebilirsiniz. İstediğiniz şablonu bulduktan sonra, tek yapmanız gereken şablona bir kod parçası eklemek ve değişiklikleri kaydetmektir. Bu şekilde, düzenlemek istediğiniz her şablon dosyasını aramanıza ve açmanız gerekmediği için çok zaman kazanabilirsiniz. Bunu birkaç örnekle açıklayalım. 2.1. Eklentiyi yükleyip etkinleştirin, eklentiyi kullanmaya başlamak için, önce yüklemeli ve etkinleştirmeniz gerekir. WordPress kontrol panelinizde, eklentileri açın> Yeni ekleyin ve wooocommerce şablonlarını düzenleyin. Şimdi yükleyin ve ardından etkinleştirin. Veya eklentiyi indirebilir ve manuel olarak yükleyebilirsiniz. Bu işlem hakkında daha fazla bilgi istiyorsanız, WordPress eklentilerini manuel olarak nasıl yükleyeceğinizle ilgili kılavuzumuza bakın. 2.2. Şablonları Düzenleme Eklentiyi etkinleştirdikten sonra WooCommerce şablonunu ayarlamaya başlayabilirsiniz. Gösterge panelinizde WooCommerce> Tema Şablonlarını Açın ve mevcut temanızda değiştirebileceğiniz tüm şablonları görebileceksiniz. Her şablon için, mevcut temada değiştirilip değiştirilmediğini, başlığını, yolu ve durumunu göreceksiniz. Herhangi bir şablon dosyasını düzenlemek için yapmanız gereken tek şey, istediğiniz şablondaki düzenlemeye basmaktır. Düzenlemek istediğiniz şablonu göremiyorsanız, bir arama çubuğu kullanarak da arayabilirsiniz.
Bundan sonra, bir kod görüntüsü eklemeniz gereken şablonun editörüne yönlendirileceksiniz.Bunun için, programlanmış bölümde yukarıda belirtilen görüntülerden birini kullanabilirsiniz.Tabii ki, onu bir temel haline getirebilir ve kendi özel çözümünüzü yapmak için ayarlayabilirsiniz.Kod görüntülerini düzenleyiciye ekledikten sonra, şablonu temaya kaydet’i tıklayın. Daha sonra fikrinizi değiştirirseniz ve şablonda yaptığınız değişiklikleri sıfırlamak istiyorsanız, değişiklikleri iptal etmek için Sıfırlama’yı tıklamanız yeterlidir.Özelleştirmenizi kaydettikten sonra, mevcut tema şablonunuza değişiklikler uygulanacaktır.Değişikliklerin doğru şekilde depolanıp saklanmadığını kontrol etmek için WooCommerce> Tema Şablonlarını ve “Geçerli Temadaki Değiştirilen sütun” altındaki durumun EVET olarak değişecektir.
İşte burada! Bu şekilde herhangi bir WooCommerce şablonunu ayarlayabilir ve rakiplerinizden öne çıkabilirsiniz. Bonus: WOOOCOMMERCE E -posta Şablonları Nasıl Düzenlenir WooCommerce şablonunu ayarlamanın çeşitli yollarını gösterdik. Değiştirmenizi önerdiğimiz ilk şablonlardan biri e -posta şablonudur. Müşterilerinize siparişleri hakkında bazı otomatik e -postalar gönderebilirsiniz, bu nedenle e -posta şablonu başlamak için iyi bir yoldur. Çevrimiçi bir mağaza olarak, kesinlikle alıcınızdan doğru iletişim bilgilerine sahip olmak istersiniz. Ancak varsayılan WooOcommerce e -posta şablonu her senaryoda ihtiyacınız olan her şeyi sunmayabilir. İyi haber, WooCommerce e -posta şablonunu düzenlemek oldukça kolaydır ve WordPress kontrol panelindeki değişikliklerin çoğunu eklenti veya herhangi bir kod görüntüsü olmadan yapabilirsiniz. WooCommerce> Ayarları açın ve e -posta sekmesini açın. Orada e -posta gönderen ve e -posta şablonuna ayarlanabilecek tüm seçenekleri görebileceksiniz. E -postanızın göndereninden “” adını “adını ve adresini düzenleyebilirsiniz. Bu, gönderenin adının ve adresinin müşterilerinize gönderdiğiniz e -postada görüntülenme şeklini değiştirecektir. Benzer şekilde, e -posta şablonunun başlık görüntüsünü, altbilgi metnini ve içeriğini, metin ve arka plan rengini de değiştirebilirsiniz. İstediğiniz tüm değişiklikleri yaptıktan sonra, “E -posta Şablonu Önizlemenizi görmek için buraya tıklayın” bağlantısını tıklayarak e -posta şablonu birincilini görebilirsiniz.
Önizlemeden memnunsanız, değişikliği ve sadece bunu kaydedin.Bu, mağazanızı ayarlamanın ve alıcınız üzerinde bir izlenim bırakmanın iyi ve hızlı bir yoludur.Bu sadece bir örnektir, ancak WooCommerce e -posta şablonunu değiştirmenin daha fazla yolu vardır.Bu konuda daha fazla bilgi için, Woocommerce e -posta şablonunu nasıl düzenleyeceğiniz konusundaki kılavuzumuza bakın.Kısacası, şablonunuzu düzenlemek, müşterilerinize daha iyi bir deneyim sunmanın ve rakiplerinizden öne çıkmanın en iyi yoludur.Bu kılavuzda, Woocommerce şablonunu ayarlamanın iki ana yolunu gördük: programlanmış
Eklentileri Kullanma
Bir kod nasıl yapılacağını biliyorsanız, ilk yöntem sizin için doğrudur. Şablonu bir kanca kullanarak düzenleyebilir veya şablondan çıkabilirsiniz. Kancaları kullanmak, basit ve küçük değişiklikler uygulamak istediğinizde önerilen bir uygulamadır, oysa daha karmaşık ayarlamalar istiyorsanız, şablonun başına geçmeniz gerekir. Veya şablonunuzu zaman kazanmak için ayarlamak için bir eklenti kullanabilirsiniz. Eklentilerle, web sitenizde belirli şablon dosyalarını bulmanıza gerek yoktur. Eklenti tarafından sağlanan şablon dosyasını ayarlamaya ve doğrudan web sitenizde düzenlemeye başlayabilirsiniz. Son olarak, size bir e -posta şablonunu nasıl düzenleyeceğinizi gösterdik, böylece sizden aldıkları için alıcılarınıza izlenim bırakabilirsiniz. Umarız WooCommerce şablonunda sorunsuz bir şekilde değişiklik yapabilirsiniz. Hangi yöntemi kullandınız? Bize aşağıdaki yorumlarda anlatın! Bu kılavuzun yararlı olduğunu düşünüyorsanız, sizin için ilginç olabilecek başka makaleler: WooCommerce E -posta Şablonları Nasıl Test Edilir: 3 Kolay Yol! Hesap sayfamı ayarlamak için en iyi WooCommerce eklentisi Wooocommerce Kayıt Formu Nasıl Ayarlanır
