Guide complet des styles personnalisés pour les thèmes enfants WoodMart

WoodMart est un puissant WooCommerce Les thèmes sont livrés avec une multitude d'options de conception, mais c'est toujours au thème enfant de faire des ajustements pratiques pour rendre le site plus pertinent pour le style de votre marque. Dans cet article, nous allons voir comment utiliser le thème enfant de WoodMart.sous-thèmeLe site web a une saveur "personnalisée".

Qu'est-ce qu'un sous-thème ?

Les sous-thèmes sont les suivants WordPress WoodMart est un mécanisme qui permet d'ajouter des styles et des fonctionnalités personnalisés sans déplacer le code du thème original. L'avantage est que lorsque le thème principal est mis à jour, cela n'affectera pas le code que vous avez écrit. WoodMart officiel a fourni des modèles de thème enfant, l'utilisation directe peut économiser beaucoup d'ennuis.

Étape 1 : Installer et activer le thème enfant

• Les fichiers de sous-thèmes se trouvent dans les WoodMart ou Theme Packs officiels, et peuvent également être téléchargés ici. woodmart-child.zip papiers.
• Allez dans WordPress Backend > Appearance > Themes > Install Theme > Upload woodmart-child.zip.

• Cliquez sur "Activer" lorsque l'installation est terminée.

Maintenant que le site fonctionne sur le thème enfant, la transformation peut commencer.

Étape 2 : Ajouter des styles personnalisés

Si vous souhaitez modifier les polices, les couleurs, l'espacement et d'autres styles, vous pouvez éditer le répertoire du sous-thème de style.css Documentation.

Par exemple, supposons que vous modifiez le titre du produit en rouge et en gras :

.product-grid-item .title {
  couleur : #d60000 ;
  color : #d60000 ; font-weight : bold ;
}

Sauvegardez et actualisez la page pour voir les résultats.

Si vous êtes plus familier avec SCSS, vous pouvez également utiliser le mécanisme de compilation SCSS fourni par WoodMart pour gérer la structure de style de manière un peu plus claire.

Étape 3 : Modifier la structure du thème (facultatif)

Si vous devez modifier la mise en page, par exemple en ajoutant une page produit à la sectionÉtiquettes personnaliséesvous pouvez créer un nouveau fichier de modèle avec le même chemin que le thème principal dans le répertoire du thème enfant. Exemple :

woodmart-child/woocommerce/single-product/tabs/tabs.php

Faites une copie des fichiers correspondants du thème principal et modifiez-les. WordPress chargera cette version du thème enfant en premier.

Étape 4 : Ajouter des fonctions personnalisées

Outre le style, le functions.php Ajouter une nouvelle fonctionnalité ou modifier une fonctionnalité existante.

Par exemple, ajoutez une signature d'auteur au bas de chaque article :

add_filter('the_content', function($content) {
  if (is_single()) {
    $content . = '<p style="font-style: italic;">Auteur : Site Editor</p>' ;
  }
  return $content.
}).

Le thème enfant est une telle "console" qu'il peut être étendu à volonté sans se soucier des mises à jour.

Étape 5 : Débogage et nettoyage du cache

N'oubliez pas de vider le cache après avoir débogué un style ou une fonctionnalité, surtout si vous utilisez la fonction WP RocketLe site pour les plugins tels que LiteSpeed Cache. Sinon, vous risquez de ne pas voir l'effet de la mise à jour.

Il est également recommandé d'ouvrir les outils de développement de votre navigateur (appuyez sur F12) pour vérifier si le CSS se charge correctement et s'il y a des conflits.

résumés

WoodMart Le mécanisme du thème enfant est très convivial. Qu'il s'agisse d'un petit changement ou d'une grande transformation, si vous êtes suffisamment bricoleur, vous pouvez vous approprier complètement le modèle. Si vous êtes intéressé par CSS Si vous avez une connaissance de base de PHP, le processus est comparable à celui des "Legos" et il n'est plus difficile de créer son propre style de site web.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.