WooCommerce-Advanced-Guide: Eine umfassende Anleitung von der Erstellung eines Online-Shops bis zur Optimierung der Website-Leistung

Aufbau eines Online-Shops und grundlegende Konfigurationen

Der erste Schritt bei der Erstellung eines WooCommerce-Shops besteht darin, sicherzustellen, dass die Grundlage stabil ist. Dies beinhaltet nicht nur die Installation von Plugins, sondern auch die Flexibilität und Stabilität für zukünftige Erweiterungen.

Die Auswahl der Kern-Plugins und Themes

WooCommerce Als Plugin kann seine Funktionalität mithilfe von “Sub-Themen” tiefgreifend angepasst werden. Um die Standard-Vorlagendateien sicher zu überschreiben, sollten Sie ein Sub-Theme erstellen. Beginnen Sie dazu mit Ihrem Theme-Verzeichnis (das in der Regel …) /wp-content/themes/Erstellen Sie unterhalb eines Verzeichnisses ein neues Verzeichnis, zum Beispiel… yourstore-childDann erstellen Sie in diesem Ordner zwei Kerndateien:style.css und functions.php。

style.css Der Anfang des Files muss einen bestimmten Themeninformationen-Header enthalten:

Empfohlene Lektüre Für WordPress-Nutzer, die die Leistung ihres Online-Shops verbessern möchten, ist Woo。

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

„In“ functions.php In diesem Fall müssen Sie die Stylesheets des übergeordneten Themas in der richtigen Reihenfolge anordnen. Eine Standardmethode dazu ist:

UltaHost – WordPress-Hosting-Anbieter

30-tägige Geld-zurück-Garantie, unbegrenztes Bandbreiten- und Datenbankvolumen, kostenlose DDoS-Schutzmaßnahmen sowie ein Rabatt von 501 auf 4 Terabyte bei einer Kaufdauer von 3 Jahren.

Zugangsseite

<?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' );
}

Die Feinabstimmung der Einstellungen für wichtige Geschäfte

Die Grundkonfiguration umfasst weitaus mehr als nur die Aktivierung von Währungs- und Adressformaten. Im Backend von WooCommerce ist die Registerkarte “Produkte” sowie die Option “Lagerbestände” von entscheidender Bedeutung. Hier können Sie globale Lagerbestandsgrenzen einstellen sowie festlegen, ob es möglich ist, Waren auch bei ausverkauften Beständen weiterzuverkaufen. Fortgeschrittene Konfigurationen beinhalten die Anpassung der Produktabfragen sowie der Anzeigelogik auf der Shop-Seite.

Zum Beispiel: Wenn Sie die Standardreihenfolge der Produkte auf der Shop-Seite ändern möchten, können Sie dies im Untertema tun. functions.php Verwenden Sie es in China woocommerce_get_catalog_ordering_args „Hook.“ Der folgende Code ändert die Standardsortierung so, dass die Artikel nach dem Erscheinungsdatum von neuesten zu ältesten sortiert werden:

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;
}

Produktmanagement und Sortierungsstrategie

Effizientes Produktmanagement ist der Kern des Betriebs eines WooCommerce-Shops. Die richtige Nutzung der integrierten Produkttypen- und Attributsysteme kann die Verwaltungseffizienz sowie die Benutzererfahrung erheblich verbessern.

Verwendung variabler Produkte und benutzerdefinierter Attribute

可变产品 Es handelt sich um eine leistungsstarke Funktion in WooCommerce, die zum Verwalten von Produkten mit mehreren Eigenschaften (wie Größe, Farbe usw.) dient. Der Schlüssel dazu liegt in der Kombination aus “Eigenschaften” und “Variationen”. Zunächst erstellen Sie globale Eigenschaften, beispielsweise “Farbe”, unter “Produkt” > “Eigenschaften”. Anschließend weisen Sie diese Eigenschaften bei der Bearbeitung eines einzelnen Produkts zu und erstellen für jede Kombination von Eigenschaften (z. B. “Rot – Größe L”) separate Preise, Bestände und Bilder.

Empfohlene Lektüre WooCommerce-Entwicklung für E-Commerce-Websites: Ein umfassender Leitfaden zur Erstellung eines professionellen Online-Shops von Grund auf。

Für Attribute, bei denen eine flexiblere Eingabe oder Anzeige erforderlich ist, können Sie die “Benutzerdefinierten Produktattribute” verwenden. Diese Attribute gelten ausschließlich für einzelne Produkte und werden nicht in die globale Liste der Attribute gespeichert. Durch eine sorgfältige Gestaltung der Attributestruktur können Sie komplexe Produktmatrizen erstellen, die den Anforderungen verschiedenster Waren – von Kleidung bis hin zu Elektronikprodukten – entsprechen.

Implementierung von fortgeschrittenen Klassifizierungsmethoden und Filtern für Tags

Obwohl die grundlegende Klassifizierung und Etikettierung einfach sind, ist die Navigationsfähigkeit begrenzt, wenn die Anzahl der Produkte sehr groß ist. In solchen Fällen kann es hilfreich sein, zusätzliche Hilfsmittel oder Methoden einzusetzen, um die Übersichtlichkeit zu verbessern. 产品过滤器 Plugins oder benutzerdefinierte Abfragen sind die bessere Wahl. WooCommerce bietet eine umfangreiche Auswahl an solchen Optionen. Bedingungslabel Und Abfruffunktionen.

Zum Beispiel könnte man einen Shortcode erstellen, der nur Produkte mit dem Label “Bestseller” aus einer bestimmten Kategorie anzeigt. In Ihrem Subforum… functions.php Fügen Sie hinzu:

hosting.com Shared Hosting

Hohe Leistung mit AMD EPYC-CPUs, NVMe-SSD-Speicher und LiteSpeed, fachkundiger Inhouse-Support rund um die Uhr, erweiterte Sicherheitsmaßnahmen einschließlich SSL, Brute-Force-, Malware- und DDoS-Schutz, Einsparungen von bis zu 73%

Zugangsseite

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的逻辑
}

So kannst du dies auf jeder Seite verwenden. [featured_by_category category="electronics"] Hier werden die Bestseller aus der Kategorie Elektronikgeräte gezeigt.

Benutzerdefinierte Abrechnungs- und Zahlungsprozesse

Die standardmäßige Kasse-Seite kann möglicherweise nicht alle Geschäftsanforderungen erfüllen – beispielsweise die Erfassung zusätzlicher Informationen oder die Integration bestimmter Zahlungsgateways. WooCommerce bietet zahlreiche Hooks an, um diesen Prozess anzupassen.

Hinzufügen von benutzerdefinierten Feldern auf der Kasse-Seite

Angenommen, Sie müssen für B2B-Kunden ein Feld mit der Bezeichnung “Unternehmenssteuernummer” hinzufügen. Sie können dies auf verschiedene Weise erreichen: woocommerce_checkout_fields Mit Haken wird dies umgesetzt. Im Untertopik… functions.php Fügen Sie hinzu:

Empfohlene Lektüre Umfassender Leitfaden für WooCommerce: Von den Grundlagen bis hin zur Expertise – so erstellen Sie Ihre eigene E-Commerce-Website.。

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'] ) );
    }
}

Anpassbare Zahlungswege und Logiken für die Bestellverarbeitung

Manchmal ist es notwendig, bestimmte Zahlungsgateways je nach Inhalt des Warenkorbs oder den Kundendaten dynamisch zu aktivieren oder deaktivieren. Dies kann durch… woocommerce_available_payment_gateways Implementierung von Filtern. Zum Beispiel: Wenn der Gesamtbetrag einer Bestellung 1000 Yuan überschreitet, ist nur die Zahlung per Banküberweisung zulässig.

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;
}

Optimierung der Website-Leistung und Sicherheit

Ein erfolgreicher E-Commerce-Webshop muss sowohl schnell als auch sicher sein. Mit dem Wachstum der Produktpalette, der Anzahl der Bestellungen sowie der Besucherzahlen werden Leistungs- und Sicherheitsverbesserungen besonders wichtig.

InterServer Shared Hosting

Shared Hosting $2.50 USD pro Monat, erster Monat $0.1 USD Promo-Code tryinterserver, 461 Cloud-Apps Skripte, ein Klick installieren.

Zugangsseite

Effiziente Caching-Strategien und Datenbankoptimierungsmaßnahmen

Die Objektcache ist der Schlüssel zur Verbesserung der Geschwindigkeit dynamischer Seiten in WooCommerce. Stellen Sie sicher, dass Ihre Hosting-Umgebung eine persistente Objektcache wie Redis oder Memcached unterstützt, und konfigurieren Sie diese entsprechend. wp-config.php Die Konfiguration muss korrekt sein. Für die Datenbank ist eine regelmäßige Optimierung unerlässlich. WooCommerce erzeugt eine große Menge an Sitzungsdaten, Auftragsänderungsprotokollen usw. Dafür können ähnliche Tools verwendet werden… WP-Optimize Solche Plugins dienen dazu, Datenbanktabellen zu bereinigen und zu optimieren.

Bei der Produktsuche solltest du sicherstellen, dass in deinen Themen oder deinem eigenen Code die richtigen WooCommerce-Funktionen verwendet werden. wc_get_products()Es ist besser als das allgemeine… WP_Query Effizienter: Vermeiden Sie direkte Datenbankabfragen innerhalb von Schleifen. Nutzen Sie stattdessen möglichst vorgegeladene Daten sowie temporäre („transient“) Caches, um wiederverwendbare Abfrageergebnisse zu speichern.

Stärkung der Sicherheitsmaßnahmen

Zunächst einmal sollten Sie immer eine sichere Verbindung (HTTPS) verwenden. WooCommerce arbeitet mit sensiblen Daten, daher ist die Verwendung von SSL eine Grundvoraussetzung. Sie können in den WooCommerce-Einstellungen > Erweitert > Seiteneinstellungen die Seiten “Zahlung abschließen” und “Mein Konto” auf eine sichere Verbindung festlegen.

Zweitens sollten die Anmeldeversuche eingeschränkt werden, um Brute-Force-Angriffe zu verhindern. Dazu können Plugins oder serverseitige Konfigurationen (z. B. .htaccess-Dateien oder Nginx-Regeln) eingesetzt werden. /wp-login.php Die Häufigkeit der Zugriffe ist ebenfalls wichtig zu berücksichtigen. Es ist ebenfalls entscheidend, die Schlüssel (keys) und Salze (salts) regelmäßig zu aktualisieren. wp-config.php Im File müssen die folgenden Konstanten als eindeutige, zufällig generierte Zeichenketten gesichert werden:

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

Schließlich sollten regelmäßige Sicherheitsaudits durchgeführt werden. Überprüfen Sie die Rechte auf Dateien und Verzeichnisse, entfernen Sie nicht mehr benötigte Plugins und Themes und nutzen Sie Sicherheitsscanner, um potenzielle Schwachstellen zu überwachen. Bei Bestell- und Kundendaten stellen Sie sicher, dass Ihr Backup-System zuverlässig ist und eine schnelle Wiederherstellung ermöglicht.

Zusammenfassungen

Mithilfe dieses Fortschrittsleitfaden haben wir den gesamten Weg von der grundlegenden Einrichtung bis zur tiefgreifenden Optimierung von WooCommerce systematisch behandelt. Ein erfolgreicher WooCommerce-Shop basiert auf einer soliden Subtheme-Architektur, einer detaillierten Verwaltung von Produkten und Kategorien, einem hochgradig anpassbaren Bezahlsprozess sowie auf zuverlässigen Leistungs- und Sicherheitsstrategien. Der Schlüssel liegt darin, das umfangreiche System an Hooks und Filters, das WooCommerce bietet, voll auszuschöpfen, anstatt die Kerndateien direkt zu ändern. Mit wachsendem Shop-Umfang sollten aktive Leistungsüberwachung und kontinuierliche Sicherheitsmaßnahmen zum Kern der täglichen Betriebsführung werden. Indem Sie diese Praktiken kombinieren, können Sie einen professionellen E-Commerce-Shop erstellen, der sowohl anspruchsvolle Geschäftsanforderungen erfüllt als auch eine schnelle und sichere Benutzeroberfläche bietet.

FAQ Häufig gestellte Fragen

Wie kann man den Text der Standard-Schaltfläche “Zur Warenkorb hinzufügen” in WooCommerce ändern?

Sie können dies auf folgende Weise erreichen: woocommerce_product_add_to_cart_text und woocommerce_product_single_add_to_cart_text Es werden Filter verwendet, um die Texte der Schaltflächen auf der Archivseite (Shopseite) sowie auf der Produktsseite separat zu ändern.

Zum Beispiel, in einem Untertopik… functions.php Fügen Sie den folgenden Code hinzu, um die Textzeile der Schaltfläche auf der Artikelseite in “Sofort kaufen” zu ändern:

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' );
}

Kann es eine Funktion geben, die die Produktpreise nur für bestimmte Benutzerrollen anzeigt?

Ja, das wird in der Regel in Kombination mit Bedingungsprüfungen sowie den Preisfiltern von WooCommerce umgesetzt. woocommerce_get_price_html Um dies zu erreichen…

Zuerst prüfen Sie die Rolle des aktuellen Benutzers und zeigen anschließend je nach Rolle unterschiedliche Preise an. Zum Beispiel sollten für die Rolle “Wholesaler” (Händler) spezielle Preisangaben angezeigt werden.

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;
}

Wie fügt man mithilfe von Code einen neuen Bestellzustand hinzu?

Um benutzerdefinierte Bestellzustände hinzuzufügen, muss man… wc_register_order_status und wc_get_order_statuses Filter.

Der folgende Code fügt einen Bestellzustand mit dem Namen “Auf Bestellung” ( Slug: ‘awaiting-prepare’) hinzu:

// 注册新状态
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;
}

Nach der Installation müssen Sie in den Einstellungen von WooCommerce unter „Zahlungen“ > „Bestellzustände“ festlegen, welche Zahlungsgateways die Bestellungen in diesen Zustand versetzen dürfen.

Wie kann die Ladezeit der Startseite eines Shops optimiert werden, wenn es viele Produkte gibt?

Für Geschäfte mit einer großen Anzahl an Produkten ist es von entscheidender Bedeutung, die Geschwindigkeit der Startseite (in der Regel die Produktsuche- oder Archivseite) zu optimieren. Folgende Maßnahmen können ergriffen werden:
1. 启用分页或“加载更多”按钮：避免一次性加载所有产品。确保产品列表设置了合理的每页显示数量。
2. 使用高效的图片格式和懒加载：确保所有产品图片都经过压缩（建议使用 WebP 格式），并为产品图片启用懒加载。WooCommerce 自 5.5.0 版本起，在兼容主题中默认启用了懒加载。
3. 实施片段缓存：使用对象缓存（如 Redis）来缓存 WooCommerce 的碎片化内容，如购物车小部件、产品循环等。一些高级缓存插件也提供针对 WooCommerce 的碎片化缓存功能。
4. 审查并简化商店页面的查询：检查你的主题在商店页面上运行的所有查询。移除不必要的查询，或者对结果进行缓存。可以通过在子主题的 functions.php Verwenden Sie es in China transient Die Produktliste für Bereiche wie die Seitenleiste wird in der Cache-Datei gespeichert.
5. 考虑使用静态首页：如果动态的商店页面确实成为瓶颈，可以考虑设置一个精心设计的静态页面作为首页，并使用短代码或 Gutenberg 区块来展示精选分类和产品，将完整的商店归档页作为二级页面。