WooCommerce Guida Avanzata: Dal Creazione del Negozio Online all’Ottimizzazione delle Prestazioni del Sito Web

Creazione di un negozio online e configurazioni di base

Il primo passo per iniziare a costruire un negozio online con WooCommerce è assicurarsi che l’ambiente di base sia solido e affidabile. Questo non include soltanto l’installazione degli plugin, ma riguarda anche la flessibilità e la stabilità delle future estensioni che si potranno aggiungere al sistema.

Scegliere i plugin e i temi essenziali

WooCommerce Come plugin, le sue funzionalità possono essere personalizzate in modo approfondito tramite i “sottotemi” (subthemes). Per sovrascrivere in modo sicuro i file del template predefinito, è consigliabile creare un sottotema. Inizia quindi dal tuo directory tematico (solitamente situato nella directory principale del tema). /wp-content/themes/Crea una nuova cartella, ad esempio… yourstore-childPoi, all’interno di quella cartella, creare due file principali:style.css 和 functions.php。

style.css All’inizio del file deve essere presente un’intestazione contenente informazioni specifiche sul tema del documento.

Si consiglia di leggere Per gli utenti di WordPress che desiderano migliorare le prestazioni dei loro negozi online, Woo。

/*
 Theme Name: YourStore Child
 Template: your-parent-theme-name
*/

在 functions.php Nel contesto descritto, è necessario “ordinare” (o organizzare in sequenza) gli stili applicati dal foglio di stile del tema padre. Un approccio standard consiste nel…

UltaHost – Hosting per siti WordPress

Garanzia di rimborso entro 30 giorni, larghezza di banda illimitata e accesso ai database, protezione gratuita contro gli attacchi DDoS; sconto del 50% per l’acquisto di un piano valido per 3 anni (da 3 a 4 TB di spazio di archiviazione).

pagina di accesso

<?php
add_action( 'wp_enqueue_scripts', 'my_child_theme_enqueue_styles' );
function my_child_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}

La personalizzazione dei parametri di configurazione dei negozi chiave

La configurazione di base non si limita affatto all’attivazione dei formati per le valute e gli indirizzi. Nella sezione di configurazione di WooCommerce, la scheda “Prodotti” e la sottosezione “Magazzino” sono particolarmente importanti. Qui è possibile impostare globalmente i limiti di magazzino, nonché decidere se consentire la vendita di prodotti in esaurimento. Configurazioni più avanzate includono la personalizzazione delle query relative ai prodotti e della logica di visualizzazione delle pagine del negozio.

Ad esempio, se desideri modificare l’ordine di visualizzazione dei prodotti sulla pagina del negozio predefinita, puoi farlo all’interno del sottotema (subtopic). functions.php Utilizzare nel contesto woocommerce_get_catalog_ordering_args “Gancio” (Hook). Il codice seguente modifica l’ordine di ordinamento predefinito in modo che i risultati vengano visualizzati in ordine crescente in base alla data di inserimento nel catalogo.

add_filter( 'woocommerce_get_catalog_ordering_args', 'custom_default_catalog_order' );
function custom_default_catalog_order( $args ) {
    $args['orderby'] = 'date';
    $args['order'] = 'desc';
    return $args;
}

La gestione dei prodotti e la strategia di classificazione.

Una gestione efficace dei prodotti è fondamentale per il funzionamento di un negozio WooCommerce. Sfruttando al meglio i tipi di prodotto e il sistema di attributi integrati, è possibile migliorare notevolmente l’efficienza della gestione e l’esperienza utente.

Utilizzare prodotti flessibili e attributi personalizzabili.

可变产品 È uno strumento potente presente in WooCommerce per gestire prodotti che possiedono più attributi (come dimensioni, colori, ecc.). Il suo funzionamento si basa sull’interazione tra “attributi” e “varianti”. Per iniziare, è necessario creare attributi globali nella sezione “Prodotti” > “Attributi”, ad esempio “Colore”. Successivamente, durante la modifica di un singolo prodotto, questi attributi vengono assegnati a tale prodotto e vengono create delle “varianti”, per ciascuna combinazione di attributi (ad esempio “Rosso – Taglia L”) vengono impostati prezzi, quantità disponibili e immagini specifiche.

Si consiglia di leggere Sviluppo di siti e-commerce con WooCommerce: Una guida completa per creare un negozio online professionale da zero.。

Per gli attributi che richiedono un’input o una visualizzazione più flessibile, è possibile utilizzare le “Proprietà Personalizzate del Prodotto”. Questi attributi sono validi esclusivamente per un singolo prodotto e non vengono memorizzati nell’elenco degli attributi globali. Progettando con cura la struttura degli attributi, è possibile creare matrici di prodotti complesse in grado di soddisfare le esigenze di vari tipi di merci, dalle vestiti agli elettrodomestici.

Implementazione della filtrazione avanzata per categorie e tag

Le classificazioni e le etichette di base, sebbene semplici, presentano limitate capacità di navigazione quando il numero di prodotti è elevato. In questi casi, è opportuno utilizzare… 产品过滤器 Gli plugin o le query personalizzate rappresentano sicuramente una scelta migliore. WooCommerce offre una vasta gamma di opzioni per personalizzare il funzionamento del proprio negozio online. Condizione Tag Funzioni di query.

Ad esempio, creare un codice breve che mostri solo i prodotti contrassegnati con l’etichetta “Bestseller” all’interno di una categoria specifica. Nel tuo sottotema… functions.php Aggiungere quanto segue:

hosting.com Hosting condiviso

Prestazioni elevate con CPU AMD EPYC, storage SSD NVMe e LiteSpeed, supporto interno di esperti 24 ore su 24, 7 giorni su 7, misure di sicurezza avanzate, tra cui SSL, brute force, malware e protezione DDoS, risparmi fino a 73%

pagina di accesso

add_shortcode( 'featured_by_category', 'display_featured_products_by_cat' );
function display_featured_products_by_cat( $atts ) {
    $atts = shortcode_atts( array(
        'category' => '',
    ), $atts, 'featured_by_category' );

$args = array(
        'post_type' => 'product',
        'posts_per_page' => 6,
        'tax_query' => array(
            'relation' => 'AND',
            array(
                'taxonomy' => 'product_cat',
                'field'    => 'slug',
                'terms'    => $atts['category'],
            ),
            array(
                'taxonomy' => 'product_tag',
                'field'    => 'slug',
                'terms'    => 'hot-sales',
            )
        ),
    );
    $products = new WP_Query( $args );
    // ... 后续循环输出产品HTML的逻辑
}

In questo modo, potrai utilizzarlo su qualsiasi pagina. [featured_by_category category="electronics"] Ora mostriamo i prodotti più venduti nella categoria degli elettrodomestici.

Processi personalizzati di pagamento e liquidazione

La pagina di pagamento predefinita potrebbe non soddisfare tutte le esigenze aziendali, ad esempio per la raccolta di informazioni aggiuntive o l’integrazione con determinati gateway di pagamento. WooCommerce offre un gran numero di funzionalità (hook) per personalizzare questo processo.

Aggiungere campi personalizzabili alla pagina di pagamento

Supponiamo che tu debba aggiungere un campo chiamato “Numero di Identificazione Fiscale Aziendale” (Company Tax Number) per i clienti B2B. Puoi farlo in diversi modi, a seconda del sistema o del software che utilizzi: woocommerce_checkout_fields Si utilizza un “gancio” (hook) per implementarlo. Nello specifico, questo “gancio” è presente all’interno del sottotema (subtopic). functions.php Aggiungere quanto segue:

Si consiglia di leggere Guida completa a WooCommerce: dall'inizio all'avanzato, per creare un sito e-commerce personalizzato.。

add_filter( 'woocommerce_checkout_fields', 'add_custom_checkout_field' );
function add_custom_checkout_field( $fields ) {
    $fields['billing']['billing_vat_number'] = array(
        'label'     => __('增值税号', 'your-textdomain'),
        'placeholder'   => _x('请输入您的公司税号', 'placeholder', 'your-textdomain'),
        'required'  => false, // 根据需求设置为 true 或 false
        'class'     => array('form-row-wide'),
        'clear'     => true
    );
    return $fields;
}

// 保存字段值到订单元数据
add_action( 'woocommerce_checkout_update_order_meta', 'save_custom_checkout_field' );
function save_custom_checkout_field( $order_id ) {
    if ( ! empty( $_POST['billing_vat_number'] ) ) {
        update_post_meta( $order_id, '_billing_vat_number', sanitize_text_field( $_POST['billing_vat_number'] ) );
    }
}

Personalizzazione dei gateway di pagamento e della logica di elaborazione degli ordini

A volte, potrebbe essere necessario abilitare o disabilitare dinamicamente alcuni gateway di pagamento in base al contenuto del carrello della spesa o alle informazioni del cliente. Questo può essere fatto tramite… woocommerce_available_payment_gateways Implementazione di un filtro: ad esempio, quando il totale dell’ordine supera i 1000 euro, è consentito utilizzare solo il pagamento tramite trasferimento bancario.

add_filter( 'woocommerce_available_payment_gateways', 'conditionally_disable_gateways' );
function conditionally_disable_gateways( $available_gateways ) {
    if ( is_admin() ) return $available_gateways; // 不在后台应用

$cart_total = WC()->cart->total;
    if ( $cart_total > 1000 ) {
        unset( $available_gateways['cod'] ); // 禁用货到付款
        unset( $available_gateways['paypal'] ); // 禁用PayPal
        // 只保留 ‘bacs’ (银行转账)
        if ( isset( $available_gateways['bacs'] ) ) {
            $available_gateways = array( 'bacs' => $available_gateways['bacs'] );
        }
    }
    return $available_gateways;
}

Ottimizzazione delle prestazioni e della sicurezza del sito web

Un sito e-commerce di successo deve essere veloce e sicuro. Con l’aumento dei prodotti, degli ordini e del numero di visitatori, l’ottimizzazione delle prestazioni e della sicurezza diventa particolarmente importante.

Hosting condiviso InterServer

Hosting condiviso $2,50 USD al mese, primo mese $0,1 USD codice promozionale tryinterserver, 461 script di applicazioni cloud, installazione con un clic.

pagina di accesso

Strategie di cache efficiente e ottimizzazione dei database

La cache degli oggetti è fondamentale per migliorare la velocità delle pagine dinamiche di WooCommerce. Assicurati che il tuo ambiente di hosting supporti la cache persistente degli oggetti, come Redis o Memcached, e configura correttamente questi strumenti per ottimizzare le prestazioni del tuo sito. wp-config.php È necessario configurare correttamente il sistema. Per quanto riguarda il database, l’ottimizzazione periodica è essenziale. WooCommerce genera una grande quantità di dati relativi alle sessioni, alle modifiche degli ordini, ecc. È possibile utilizzare strumenti o tecniche appropriate per gestire e mantenere in ordine questi dati. WP-Optimize Plugin di questo tipo servono per pulire e ottimizzare le tabelle del database.

Per quanto riguarda la ricerca dei prodotti, assicurati di utilizzare le funzioni corrette di WooCommerce nei tuoi temi o nel codice personalizzato. wc_get_products()È migliore del modello standard. WP_Query Più efficiente. Evitare di effettuare ricerche direttamente nel database all’interno dei cicli; è preferibile utilizzare API di caricamento anticipato (preloading) e cache temporanee (transient cache) per memorizzare i risultati delle ricerche che possono essere riutilizzati.

Rafforzare le misure di protezione della sicurezza

Innanzitutto, utilizza sempre connessioni sicure (HTTPS). WooCommerce gestisce dati sensibili, quindi l’obbligo di utilizzare SSL è fondamentale. Puoi impostare in modo che le pagine “Pagamento” e “Il mio account” siano accessibili solo tramite connessioni sicure nelle impostazioni di WooCommerce > Avanzate > Impostazioni della pagina.

In secondo luogo, è necessario limitare i tentativi di accesso al sistema al fine di prevenire attacchi di tipo “brute force” (tentativi ripetuti per violare la sicurezza). È possibile utilizzare plugin o impostazioni a livello di server (ad esempio, file .htaccess o regole Nginx) per impostare limitazioni sui tentativi di login. /wp-login.php La frequenza di accesso è molto importante da tenere sotto controllo. È altrettanto essenziale aggiornare regolarmente i “keys” e i “salts” utilizzati per la crittografia. wp-config.php Nel file, assicurarsi che le seguenti costanti siano stringhe casuali e uniche:

define( 'AUTH_KEY',         'put your unique phrase here' );
define( 'SECURE_AUTH_KEY',  'put your unique phrase here' );
// ... 其他 salts

Infine, attuare regolari audit di sicurezza. Verifica i permessi sui file e nei directory, rimuovi i plugin e i temi non più utilizzati, e utilizza strumenti di scansione per individuare potenziali vulnerabilità. Per i dati relativi agli ordini e ai clienti, assicurati che il tuo piano di backup sia affidabile e che permetta un recupero rapido.

Riassumendo

Attraverso la guida avanzata contenuta in questo articolo, abbiamo esaminato in modo sistematico l’intero percorso per lo sviluppo di un negozio online con WooCommerce, dalla sua configurazione di base fino all’ottimizzazione avanzata. Un negozio WooCommerce di successo si basa su un’architettura di sottotemi solida, una gestione dettagliata dei prodotti e delle categorie, processi di pagamento altamente personalizzabili, nonché strategie di prestazioni e sicurezza impeccabili. La chiave sta nell’utilizzare al massimo il vasto sistema di “hook” e “filter” fornito da WooCommerce per effettuare personalizzazioni, piuttosto che modificare direttamente i file di codice sorgente. Inoltre, con l’aumentare delle dimensioni del negozio, il monitoraggio attivo delle prestazioni e il rafforzamento continuo della sicurezza devono diventare parte integrante delle attività di manutenzione quotidiana. Combinando queste pratiche, sarà possibile creare un e-commerce di livello professionale in grado di soddisfare esigenze aziendali complesse e di offrire un’esperienza utente rapida e sicura.

FAQ - Domande frequenti

Come modificare il testo del pulsante “Aggiungi al carrello” predefinito da WooCommerce?

Puoi farlo tramite… woocommerce_product_add_to_cart_text 和 woocommerce_product_single_add_to_cart_text Utilizzare dei filtri per modificare separatamente il testo dei pulsanti presenti sulla pagina dell’archivio (pagina del negozio) e sulla pagina del singolo prodotto.

Ad esempio, nel caso di un sottotema… functions.php Aggiungendo il seguente codice, è possibile modificare il testo dei pulsanti sulla pagina del prodotto in “Acquista ora”.

add_filter( 'woocommerce_product_single_add_to_cart_text', 'change_single_add_to_cart_text' );
function change_single_add_to_cart_text() {
    return __( '立即购买', 'your-textdomain' );
}

È possibile creare un sistema che mostri i prezzi dei prodotti soltanto per determinati ruoli utente?

Certo. Di solito, questo processo si basa sull’utilizzo di condizioni di valutazione e sui filtri di prezzo forniti da WooCommerce. woocommerce_get_price_html Per realizzarlo…

Innanzitutto, verificare il ruolo dell’utente attuale e, in base a tale ruolo, visualizzare prezzi diversi. Ad esempio, per il ruolo “wholesaler” (grossista), mostrare etichette di prezzo differenti.

add_filter( 'woocommerce_get_price_html', 'custom_price_based_on_user_role', 10, 2 );
function custom_price_based_on_user_role( $price, $product ) {
    $user = wp_get_current_user();
    if ( in_array( 'wholesaler', (array) $user->roles ) ) {
        // 获取批发价，这里假设存储在自定义字段 '_wholesale_price' 中
        $wholesale_price = get_post_meta( $product->get_id(), '_wholesale_price', true );
        if ( $wholesale_price ) {
            $price = wc_price( $wholesale_price ) . '<small>（批发价）</small>';
        }
    }
    return $price;
}

Come aggiungere uno stato nuovo per un ordine tramite codice?

Per aggiungere uno stato personalizzato per gli ordini, è necessario utilizzare… wc_register_order_status 和 wc_get_order_statuses Filtro.

Il codice seguente aggiunge uno stato dell’ordine chiamato “In attesa di preparazione” (slug: ‘awaiting-prepare’):

// 注册新状态
add_action( 'init', 'register_custom_order_status' );
function register_custom_order_status() {
    register_post_status( 'wc-awaiting-prepare', array(
        'label'                     => '待备货',
        'public'                    => true,
        'exclude_from_search'       => false,
        'show_in_admin_all_list'    => true,
        'show_in_admin_status_list' => true,
        'label_count'               => _n_noop( '待备货 (%s)', '待备货 (%s)' )
    ) );
}

// 将新状态加入到订单状态列表
add_filter( 'wc_order_statuses', 'add_custom_order_status_to_list' );
function add_custom_order_status_to_list( $order_statuses ) {
    $order_statuses['wc-awaiting-prepare'] = '待备货';
    return $order_statuses;
}

Dopo l’aggiunta, è necessario configurare, nelle impostazioni di WooCommerce > Pagamenti > Stati degli ordini, quali gateway di pagamento possono impostare gli ordini in questo stato.

Quando ci sono molti prodotti, come si può ottimizzare la velocità di caricamento della pagina iniziale del negozio?

Per i negozi che dispongono di un gran numero di prodotti, ottimizzare la velocità della pagina principale (solitamente la pagina di archiviazione dei prodotti) è di fondamentale importanza. È possibile adottare le seguenti misure:
1. Abilitare la funzione di paginazione o il pulsante “Carica di più”: evitare di caricare tutti i prodotti in una sola volta. Assicurarsi che la lista dei prodotti abbia una quantità ragionevole di elementi visualizzati per pagina.
2. Utilizzare formati di immagini efficienti e il caricamento differito: Assicurarsi che tutte le immagini dei prodotti siano compresse (si consiglia l’utilizzo del formato WebP) e abilitare il caricamento differito delle immagini. A partire dalla versione 5.5.0, WooCommerce attiva automaticamente il caricamento differito nelle temi compatibili.
3. Implementazione della cache per frammenti di contenuto: Utilizzare sistemi di cache basati su oggetti (come Redis) per memorizzare in modo temporaneo i frammenti di contenuto di WooCommerce, come i componenti del carrello della spesa o le liste di prodotti. Alcuni plugin di cache avanzati offrono anche funzionalità specifiche per la cache di tali frammenti di contenuto.
4. Revisione e semplificazione delle query della pagina del negozio: Controlla tutte le query eseguite dal tuo tema sulla pagina del negozio. Rimuovi quelle non necessarie o implementa il caching dei risultati. Questo può essere fatto modificando il codice del tema, in particolare all’interno dei sottotemi (subthemes). functions.php Utilizzare nel contesto transient Vengono memorizzate in cache le liste di prodotti relative alle aree come la barra laterale, ecc.
5. Considerare l’utilizzo di una pagina iniziale statica: Se le pagine dinamiche del negozio rappresentano davvero un ostacolo, si può valutare la possibilità di creare una pagina iniziale statica ben progettata, utilizzando codici brevi o blocchi forniti da Gutenberg per visualizzare categorie e prodotti selezionati. La pagina completa dell’archivio del negozio potrebbe essere invece visualizzata come pagina secondaria.