WordPress için En İyi WooCommerce Kod Parçacıkları

Yayınlanan: 2023-05-12

WordPress için en iyi WooCommerce kod parçacıklarını bilmek ister misiniz? Çevrimiçi mağazanızda ince ayar yapmayı ve daha fazla özellik eklemeyi planlıyorsanız, bu makaleyi okumaya devam edin. Bu kılavuz size bilmeniz gereken bir dizi kod parçacığı gösterecektir.

Ama önce kod parçacığının ne olduğunu ve neden kullanmamız gerektiğini görelim.

Kod Parçacığı Nedir?

Kod parçacığı, bir web sitesinde veya programda belirli bir görevi veya işlevi yerine getiren küçük bir kod bölümüdür. Genellikle web sitesini/aracı özelleştirmek ve özellikleri geliştirmek için kullanılır.

Karmaşıklığı basit bir satırdan çok satırlı bir işleve veya algoritmaya kadar değişen herhangi bir programlama dilinde kod parçacıkları yazabilirsiniz. Ayrıca bunları kod kitaplıklarında, forumlarda ve programlama bloglarında çevrimiçi olarak da bulabilirsiniz ve bunlar genellikle geliştiriciler tarafından kendi özel ihtiyaçlarına uyacak şekilde paylaşılır ve değiştirilir.

Kod parçacıklarını kullanmak zamandan ve emekten tasarruf sağlayabilir. Ancak kodun nasıl çalıştığını anlamak ve güvenli olduğundan ve herhangi bir güvenlik açığına neden olmadığından emin olmak önemlidir. Bunun da ötesinde, harici kaynaklardan kod parçacıkları kullanırken, telif hakkı ihlalini önlemek için lisanslama ve atıf gerekliliklerini kontrol etmek çok önemlidir.

Neden WooCommerce Kod Parçacıklarını WordPress'e Ekleyin?

WordPress için WooCommerce kod parçacıklarını kullanırsanız, hem sahibine hem de geliştiricilere fayda sağlayacaktır.

Örneğin, bir çevrimiçi mağazanın yeni işlevsellik eklemek veya mevcut özelliklerini değiştirmek için WooCommerce kod parçacıklarını kullanabilirsiniz. Bu, kullanıcı deneyimini iyileştirmeye ve satışları artırmaya yardımcı olabilir.

Örneğin, özel bir ürün sıralama seçeneği eklemek veya ödeme sürecini belirli bir işletmenin ihtiyaçlarına daha iyi uyacak şekilde değiştirmek için bir kod snippet'i kullanabilirsiniz.

Ayrıca, WordPress için WooCommerce kod parçacıklarını kullanmak, daha hedefli değişikliklere izin verdiği ve diğer eklentiler veya temalarla olası çakışmaları önlediği için ayrı bir eklenti kurup yapılandırmaktan daha verimli olabilir.

Ayrıca, WooCommerce kod parçacıkları, bir çevrimiçi mağazanın güvenliğini ve performansını iyileştirmeye yardımcı olabilir. Geliştiriciler, functions.php dosyasına veya ayrı bir eklenti dosyasına özel kod ekleyerek, kodun web sitesinin özel ihtiyaçları için optimize edilmesini sağlayabilir.

Son olarak, kod parçacıkları, bir geliştirici kiralamaktan daha uygun maliyetli bir çözüm sağlayabilir. Bazı özelleştirmeler daha karmaşık geliştirme çalışmaları gerektirse de, çevrimiçi olarak bulunan basit kod parçacıklarını kullanarak birçok değişiklik yapabilirsiniz.

Ancak, kötü yazılmış kod hatalara ve güvenlik açıklarına neden olabilir. Bu nedenle, kodu bir web sitesine eklemeden önce bir hazırlık ortamında test etmenizi ve anlamanızı öneririz.

Ayrıca, sıkı çalışmanızı güvence altına almak için web sitesinin dosyalarının ve veritabanının bir yedeğini alın.

WordPress'e WooCommerce Kod Parçacıkları Nasıl Eklenir?

WooCommerce kod parçacıklarını birkaç basit adımda WordPress'e ekleyebilirsiniz:

  • functions.php dosyasını açın: functions.php dosyası, çoğu WordPress kod parçacığını bulabileceğiniz yerdir. Genellikle tema klasöründedir; WordPress panosu veya bir FTP istemcisi aracılığıyla erişebilirsiniz.
  • Kod parçacığını ekleyin: İstenen parçacığı kopyalayıp functions.php dosyasına yapıştırın. Mevcut herhangi bir koddan sonra dosyanın sonu gibi uygun bir konuma eklediğinizden emin olun.
  • Değişiklikleri kaydedin: Kod parçacığını ekledikten sonra, functions.php dosyasına değişiklikleri kaydedin. Bu, az önce girdiğiniz kodu etkinleştirecektir.
  • İşlevselliği test edin: Kod parçacığını ekledikten sonra, amaçlandığı gibi çalıştığından emin olmak için yeni işlevi test edin.

Ancak, ana temanın functions.php dosyasına kod parçacığını eklemek istemiyorsanız, özel bir alt tema oluşturabilirsiniz. Bu şekilde, tema güncellemeleri herhangi bir soruna neden olmaz.

WordPress için En İyi WooCommerce Kod Parçacıkları

Artık WordPress için WooCommerce kod parçacıklarının neden ve nasıl ekleneceğini öğrendiğimize göre. Ardından, genel ihtiyaçlarınız için seçilen en iyi WooCommerce kod parçacıklarına geçelim.

Özetle, paylaşacağımız kodlar size şu konularda yardımcı olacaktır:

  • Özel bir ürün sekmesi ekleme
  • Bir temaya WooCommerce desteği ekleme
  • WooCommerce'e özel bir para birimi ekleyin
  • "Hesabım" bağlantısını bir şablonda görüntüleyin
  • Siparişleri otomatik olarak tamamla
  • Mağazada görüntülenen ürün sayısını değiştirin
  • Aramayı devre dışı bırak
  • Sepete ekle düğmesi metnini değiştirin
  • Mağaza sayfası başlığını değiştirin

Her bir koda derinlemesine bir göz atalım.

1) Özel Ürün Sekmesi Ekleyin

WooCommerce'e özel bir ürün sekmesi eklemek, ürünleriniz hakkında ekstra bilgi göstermenin harika bir yoludur. İşte, bir tane eklemenize izin verecek bir kod parçacığı:

 // Özel ürün sekmesi ekle

add_filter('woocommerce_product_tabs', 'add_custom_product_tab');
işlev add_custom_product_tab( $tabs ) {
$tabs['custom_tab'] = dizi(
'title' => __( 'Özel Sekme', 'woocommerce' ),
'öncelik' => 50,
'geri arama' => 'custom_product_tab_content'
);

$ sekmelerini döndür;

}

// Özel ürün sekmesi içeriği

işlev custom_product_tab_content() {
echo '<h2>Özel Ürün Sekmesi</h2>';
echo '<p>Özel içerik buraya gelir.</p>';
}

Bu kod, ürün sayfasına önceliği 50 olan yeni bir “Özel Sekme” sekmesi ekler. Ayrıca, özel ürün sekmesinin başlığını ve içeriğini ihtiyaçlarınıza göre değiştirebilirsiniz. custom_product_tab_content geri arama işlevi, sekmenin içeriğini görüntüler. Kodu ihtiyaçlarınıza göre özelleştirebilirsiniz.

2) Üçüncü Taraf Bir Temada WooCommerce Desteği Bildirin

Varsayılan olarak WooCommerce desteği sağlamayan bir üçüncü taraf teması kullanıyorsanız, web sitenizin temanın functions.php dosyasına aşağıdaki kod parçacığını ekleyerek sorunu düzeltebilirsiniz:

 // Temaya WooCommerce Desteği ekleyin

işlev mitheme_add_woocommerce_support() {
add_theme_support('woocommerce');
add_theme_support('wc-product-gallery-zoom');
add_theme_support('wc-product-gallery-lightbox');
add_theme_support('wc-product-gallery-slider');
}
add_action('after_setup_theme', 'mytheme_add_woocommerce_support');

Kaynak: Orta.

3) WooCommerce'e Özel Para Birimi Ekleme

WooCommerce'e özel bir para birimi eklemek istiyorsanız, aşağıdaki kod parçacığını kullanabilirsiniz:

 // WooCommerce'e özel para birimi ekleyin

işlev add_my_currency( $ para birimleri ) {
$currencies['ABC'] = __( 'Para Birim', 'woocommerce' );
$ para birimlerini iade edin;
}

add_filter('woocommerce_currencies', 'add_my_currency');
işlev add_my_currency_symbol($currency_symbols) {
$currency_symbols['ABC'] = '$'; // ABC'yi özel para birimi kodunuzla ve $'ı para birimi simgenizle değiştirin.
$currency_symbols döndür;
}

add_filter('woocommerce_currency_symbols', 'add_my_currency_symbol');

Burada, özel para birimimizi ve sembolünü eklemek için iki filtre kullanıyoruz - woocommerce_currencies ve woocommerce_currency_symbols . İlk olarak, para biriminizin adını ve kodunu mevcut para birimleri listesine eklersiniz. İkinci olarak, özel para birimi kodu için para birimi simgesi ekleyebilirsiniz.

4) Hesabım Bağlantısını Şablon Dosyasında Görüntüleyin

Hesap bağlantımı WooCommerce'de bir şablon dosyasında görüntülemek için aşağıdaki kod parçacığını kullanabilirsiniz:

 <?php if ( is_user_logged_in() ) : ?>

<a href="<?php echo esc_url( wc_get_account_endpoint_url('dashboard' ) ); ?>"><?php esc_html_e( 'Hesabım', 'woocommerce' ); ?></a>

<?php başka: ?>

<a href="<?php echo esc_url( wc_get_page_permalink( 'hesabım' ) ); ?>"><?php esc_html_e( 'Giriş / Kayıt', 'woocommerce' ); ?></a>

<?php endif; ?>

Bu kod, kullanıcının is_user_logged_in() işlevini kullanarak oturum açıp açmadığını kontrol eder.

Kullanıcı oturum açtıysa, wc_get_account_endpoint_url('dashboard' ) işlevini kullanarak panoya bir bağlantı görüntüler. Ancak, kullanıcı oturum açmadıysa, wc_get_page_permalink('myaccount') işlevini kullanarak Hesabım sayfasına bir bağlantı gösterir.

Bu kodu, WooCommerce temanızdaki hesap bağlantımı görüntülemek istediğiniz herhangi bir şablon dosyasına ekleyebilirsiniz. Örneğin, bağlantıyı sitenizin başlığında görüntülemek için onu header.php dosyanıza ekleyebilirsiniz.

5) Siparişleri Otomatik Olarak Tamamlayın

WooCommerce'de siparişleri otomatik olarak tamamlamak istiyorsanız, aşağıdaki kod parçacığını kullanabilirsiniz:

 // siparişleri otomatik tamamlama
add_action('woocommerce_thankyou', 'custom_woocommerce_auto_complete_order');

custom_woocommerce_auto_complete_order($order_id) işlevi {
eğer ( ! $order_id ) {
geri dönmek;
}

$sipariş = wc_get_order($order_id );
$order->update_status('tamamlandı');
}

Kaynak: StackOverflow

Bu kod, bir sipariş tamamlandığında tetiklenen woocommerce_thankyou işlevine bir eylem kancası ekler. Bu kanca etkinleştirildiğinde, custom_woocommerce_auto_complete_order işlevi yürütülür.

İşlev önce $order_id değişkeninin ayarlanıp ayarlanmadığını kontrol eder. Ayarlanmamışsa geri döner. Aksi takdirde, sipariş nesnesine wc_get_order() işlevinden erişir.

Son olarak, sipariş durumunu "tamamlandı" olarak yerleştirmek için update_status() yöntemini kullanır.

Siparişleri otomatik olarak tamamlamanın tüm ürünlere veya işletmelere uygun olmayabileceğini lütfen unutmayın. Bu nedenle, bu kodu etkinleştirmeden önce özel ihtiyaçlarınızı göz önünde bulundurmanız çok önemlidir.

6) Sayfa Başına Görüntülenen Ürün Sayısını Değiştirin

WooCommerce'de sayfa başına görüntülenen ürün sayısını değiştirmek isterseniz, aşağıdaki kod parçacığını kullanabilirsiniz:

 // sayfa sayısı başına ürünleri değiştir
add_filter('loop_shop_per_page', 'custom_loop_shop_per_page', 22);
custom_loop_shop_per_page($cols) işlevi {
$sütun = 14; // Bu sayıyı sayfa başına istenen ürün sayısına değiştirin.
$cols'ı döndür;

}

Bu kod loop_shop_per_page işlevine bir filtre ekler. Bu, WooCommerce'de sayfa başına görüntülenen ürün sayısını kontrol eder. Ardından, geçerli sütun sayısını bir parametre olarak alan custom_loop_shop_per_page işlevi yürütülür.

İşlevde, $cols değişkenini sayfa başına istediğiniz ürün sayısına da ayarlayabilirsiniz (bu örnekte 14). Son olarak, güncellenmiş sütun sayısını alırsınız.

Sayfa başına görüntülenen ürün sayısının değiştirilmesi, kullanıcı deneyimini ve sayfa yükleme süresini etkileyebilir. Bu nedenle, bu ayarı değiştirmeden önce özel ihtiyaçlarınızı göz önünde bulundurmanız önemlidir.

7) Aramayı Devre Dışı Bırak

WordPress'te aramayı devre dışı bırakmak için aşağıdaki kod parçasını kullanabilirsiniz:

 // Aramayı devre dışı bırak
işlev fb_filter_query($sorgu, $hata = doğru) {
eğer ( is_search() ) {
$query->is_search = false;
$query->query_vars[s] = false;
$query->query[s] = false;

// hataya
eğer ( $hata == doğru )
$query->is_404 = true;
}
}

add_action('parse_query', 'fb_filter_query');
add_filter('get_search_form', create_function('$a', "return null;" ) );

Kaynak: StackOverflow

Bu kod, WordPress'te arama işlevini devre dışı bırakmak için custom_disable_search() adlı özel bir işlev kullanır. Burada, bir arama sorgusu yürütüldüğünde tetiklenen parse_query işlevine bir eylem kancası eklersiniz.

İşlevde, geçerli sorgunun bir arama sorgusu olup olmadığını kontrol eder (is_search()); öyleyse, sorgu nesnesinin is_search özelliğini null olarak ayarlar. Ayrıca s sorgu değişkenini null olarak ayarlar, arama sorgusunu etkili bir şekilde devre dışı bırakır.

Son olarak, bu kod parçacığı, arama formunu WordPress sitenizden gizlemek için get_search_form'a bir filtre ekler.

8) Sepete Ekle Buton Metnini Değiştirin

WooCommerce'de "Sepete Ekle" düğmesi metnini değiştirmek için aşağıdaki kod parçacığını kullanabilirsiniz:

 add_filter('woocommerce_product_single_add_to_cart_text', 'custom_add_to_cart_text');
add_filter('woocommerce_product_add_to_cart_text', 'custom_add_to_cart_text');

işlev custom_add_to_cart_text() {
dönüş __('Şimdi Satın Al', 'woocommerce');
}

Kaynak: Njengah

Bu kod, WooCommerce'deki "Sepete Ekle" düğme metnini kontrol eden woocommerce_product_single_add_to_cart_text ve woocommerce_product_add_to_cart_text işlevlerine iki filtre ekler. Ardından, güncellenmiş düğme metnini döndüren custom_add_to_cart_text() işlevi yürütülür.

WooCommerce çeviri dosyasında tanımlanan “Şimdi Satın Al” metnine erişmek için __() işlevini kullanıyoruz. Metni başka bir şeyle değiştirmek isterseniz, 'Şimdi Satın Al'ı istediğiniz metinle değiştirin.

9) WooCommerce'de Mağaza Sayfası Başlığını Değiştirin

WooCommerce'deki mağaza sayfası başlığını değiştirmek için aşağıdaki kod parçacığını kullanabilirsiniz:

 add_filter('woocommerce_page_title', 'custom_shop_page_title');
işlev custom_shop_page_title( $page_title ) {
if( 'mağaza' == $page_title ) {
dönüş __('Yeni Mağaza Adı', 'woocommerce');
}

$page_title;
}

Bu kod, WooCommerce mağaza sayfasının başlığını kontrol eden woocommerce_page_title işlevine bir filtre ekleyecektir. Ardından, sayfa başlığının "mağaza" olup olmadığını kontrol eden ve öyleyse güncellenmiş başlığı ("Yeni Mağaza Başlığı") döndüren custom_shop_page_title() işlevi yürütülür.

Bu kod parçacığı, WooCommerce çeviri dosyasında tanımlanan güncellenmiş mağaza sayfası başlığı için çevrilmiş metne erişmek için __() işlevini kullanır. Ancak, metni başka bir şeyle değiştirmek isterseniz, 'Yeni Mağaza Başlığı'nı istediğiniz metinle değiştirin.

Çözüm

WordPress için WooCommerce kod parçacıklarını kullanmak, çevrimiçi mağazanızı özelleştirmenin ve yeni işlevler eklemenin güçlü bir yoludur. Örneğin, mağazanızın görünümünü, ödeme sürecini değiştirmek veya yeni özellikler eklemek istiyorsanız, kod parçacıkları hedeflerinize ulaşmanıza yardımcı olabilir.

Bir kod parçacığı eklemek için, kodu alt temanızın functions.php dosyasına yapıştırın veya özel bir eklenti oluşturun. Ancak, web sitenizin kodunu değiştirmenin istenmeyen sonuçlara yol açabileceğini unutmamak önemlidir. Bu nedenle, herhangi bir değişiklik yapmadan önce her zaman sitenizin yedeğini almanızı öneririz.

Yukarıda verdiğimiz kodlarla, birçok özelleştirmeye sahip harika bir WooCommerce mağazası çalıştırabilirsiniz. Özetlemek gerekirse, için snippet'ler paylaştık.

  • Özel bir ürün sekmesi ekleme
  • Bir temaya WooCommerce desteği ekleme
  • WooCommerce'e özel bir para birimi ekleyin
  • "Hesabım" bağlantısını bir şablonda görüntüleyin
  • Siparişleri otomatik olarak tamamla
  • Mağazada görüntülenen ürün sayısını değiştirin
  • Aramayı devre dışı bırak
  • Sepete ekle düğmesi metnini değiştirin
  • Mağaza sayfası başlığını değiştirin

Bir kod seçebilir ve gereksinimlerinize bağlı olarak onunla çalışabilirsiniz.

Umarız bu makaleyi faydalı bulmuşsunuzdur ve okumaktan keyif almışsınızdır. Dilerseniz, lütfen bu gönderiyi sosyal medyada arkadaşlarınızla ve diğer blog yazarlarıyla paylaşmayı düşünün. Daha fazla WordPress/WoCommerce kılavuzu öğrenmek için blog arşivimizi de inceleyebilirsiniz.

Bu kılavuza başka parçacıklar eklememiz gerekiyor mu?

Aşağıdaki yorumlarda bize bildirin.

Beğenebileceğiniz benzer makaleler:

  • WooCommerce Ürünlerini Özniteliğe Göre Filtreleme
  • En İyi WooCommerce Bağış Eklentileri
  • En İyi WooCommerce Lisans Yöneticisi Eklentileri