Comment supprimer le lien de pied de page construit avec Storefront & Woocommerce avec 4 options simples

Publié: 2020-04-13

Supprimer construit avec le lien de pied de page vitrine et WooCommerce Dernièrement, après avoir créé un nouveau site avec le plugin WooCommerce, l'une des étapes de l'assistant d'intégration vous permet d'installer le thème Storefront WooCommerce, ce qui est une bonne chose. Si vous avez l'intention de conserver le thème comme thème de votre boutique WooCommerce, vous devez le personnaliser. L'un des problèmes les plus courants de ce thème est les liens de crédit de pied de page persistants que de nombreux utilisateurs souhaiteraient supprimer ou remplacer. Vous pouvez également ajouter d'autres fonctionnalités personnalisées telles que les méthodes de paiement prises en charge, les icônes sociales, l'avis de cookie et bien plus encore.

Dans cet article, je vais vous montrer comment vous pouvez modifier et supprimer les liens de crédit du pied de page Storefront et partager le code et les étapes à suivre. J'ai également proposé une solution de plug-in, car la plupart des utilisateurs qui lisent cet article ont besoin d'une solution rapide pour personnaliser complètement le pied de page de Storefront.

Je travaille également actuellement sur un plugin de personnalisation avancé du thème Storefront qui aide les utilisateurs à transformer le Storefront en un thème WooCommerce de qualité supérieure.

Si vous ne souhaitez pas modifier le fichier functions.php ou ajouter des extraits et préférez utiliser un plugin, j'ai créé un plugin pour supprimer les liens de crédit de pied de page, vous pouvez trouver le plugin ici.

Liens de crédit du pied de page de la vitrine

L'une des choses que vous devez faire est de supprimer le lien de pied de page construit avec la vitrine et Woocommerce qui apparaît dans l'image ci-dessous : Comment supprimer le lien de pied de page construit avec Storefront et Woocommerce

Voici les façons de supprimer le lien de pied de page sur le thème WooCommerce de la vitrine :

Recherchez le crochet d'action des crédits du magasin dans les fonctions du modèle
Localisez la fonction de rappel du crochet d'action de la vitrine
Modifiez la fonction de rappel pour supprimer la partie indésirable qui se lit avec la vitrine et Woocommerce.
Supprimez ces parties avec les filtres apply_filters et laissez le copyright et les détails de la date dans la fonction.
Alternativement, vous pouvez utiliser remove_action pour supprimer l'action
Vous pouvez également utiliser la propriété CSS display à supprimer en la définissant sur display: none
Enfin, vous pouvez utiliser le thème enfant pour écrire la nouvelle fonction storefront_credit() qui remplace la fonction de thème par défaut .

Laissez-moi vous expliquer en détail comment faire fonctionner chacune de ces options :

#1) Modifier la fonction de rappel pour supprimer le lien de pied de page construit avec Storefront & Woocommerce

C'est une bonne chose de donner crédit à WooCommerce et au thème Storefront, mais les liens de pied de page généreront toujours du trafic hors de votre site Web. Si vous souhaitez conserver ce thème, vous devez supprimer le lien de pied de page construit avec la vitrine et Woocommerce.

Lorsque j'ai installé ce thème, j'ai aimé sa simplicité et j'ai voulu l'utiliser à titre d'illustration dans mes tutoriels. Pour certaines raisons, je n'aime pas les liens de crédit de pied de page et je veux toujours m'en débarrasser immédiatement lorsque je commence la personnalisation du thème.

Construit avec l'emplacement du lien de pied de page de la vitrine et de Woocommerce

Lorsque vous vérifiez le footer.php , vous ne le verrez pas construit avec le lien de pied de page vitrine et Woocommerce . Donc, pour le supprimer, je savais qu'il avait été ajouté à l'aide d'un crochet d'action et utiliserait, bien sûr, quelque chose comme remove_action.

J'ai donc immédiatement commencé à chercher le crochet d'action et il a fallu une éternité pour trouver son emplacement mais finalement, je l'ai eu. Il s'agit de la fonction de rappel nommée storefront_credit et le chemin d'accès est :

 wp-content/themes/storefront/inc/storefront-template-functions.php

Construit avec l'emplacement du lien de pied de page de la vitrine et de Woocommerce

Sur l'éditeur de code, vous devez rechercher le numéro de ligne 129 ou à peu près.

Si vous souhaitez réutiliser le thème de la vitrine pour créer un thème WooCommerce personnalisé que vous n'allez pas mettre à jour, vous pouvez modifier cette fonction de rappel d'action pour supprimer cette partie et la remplacer ou la laisser sans ces liens de pied de page de crédit. Dans ce cas, le code de cette fonction de rappel pourrait devenir ceci :

 if (! function_exists( 'storefront_credit' ) ) {
/**
* Afficher le crédit du thème
*
* @depuis la 1.0.0
* @retour vide
*/
fonction storefront_credit() {?>

  <div class="info-site">

      <?php echo esc_html( '&copy; ' . get_bloginfo( 'nom' ) . ' ' . date( 'Y' ) ); ?>

    </div><!-- .site-info -->
  <?php
  }
}

Le résultat devrait être de supprimer le lien de pied de page construit avec la vitrine et Woocommerce et de laisser le nom du site, le droit d'auteur et il devrait ressembler à ceci :

#2) Utilisez CSS pour supprimer le lien de pied de page Built With Storefront & Woocommerce

C'est la méthode la moins efficace car elle ne fait que masquer la visibilité du lien de pied de page. Il vous suffit de trouver la classe du lien de pied de page à l'aide de votre outil Inspecter le navigateur, comme indiqué ci-dessous :

Il ne nous reste plus qu'à appliquer la règle display: none à la classe site-info a comme suit :

 .site-info a {

    affichage : aucun ;

}

Cela cible simplement le lien de pied de page et le masque. On pourrait aussi utiliser la règle de visibilité comme suit :

 .site-info a {

    visibilité : masquée ;

}

#3) Utilisez remove_action pour supprimer le lien de pied de page Woocommerce

L'action de suppression est un autre moyen rapide de supprimer ce lien de pied de page sans causer de problèmes avec la future mise à jour de ce thème.

Dans ce cas, vous devez ajouter le pied de page de suppression dans le fichier functions.php du thème enfant. Dans ce cas, la fonction remove_action doit être la suivante :

 remove_action('storefront_footer', 'storefront_credit',20);

#4) Utilisez la fonction de thème enfant pour remplacer le lien de pied de page

Enfin, vous pouvez utiliser copier la fonction dans le thème enfant functions.php et ajouter vos propres liens de crédit ou coder quelque chose comme ceci :

 /**
  * Afficher le message de crédit personnalisé de la boutique WooCommerce
  */

 fonction storefront_credit() {
       ?>
       <div class="info-site">

             <?php echo esc_html( apply_filters( 'storefront_copyright_text', $content = '&copy; ' . get_bloginfo( 'name' ) . ' ' . date( 'Y' ) ) ); ?>

             <?php if ( apply_filters( 'storefront_credit_link', true ) ) { ?>

             <br /> <?php echo '<a href="https://njengah.com" target="_blank" title="' . '" rel="author">' . esc_html__( 'Construit par Joe ', 'vitrine' ) . '</a>' ?> et <a href="https://votredomaine.com" title="Nom de votre entreprise">Nom de votre entreprise</a>.

             <?php } ?>

       </div><!-- .site-info -->

       <?php

 }

Vous pouvez remplacer la section par mon domaine et le texte par votre nom de domaine respectif et votre texte préféré.

Conclusion

Comme vous pouvez le voir dans cet article, il existe plusieurs façons de supprimer le lien de crédit du pied de page WooCommerce. Cela dépend de vos objectifs ou de votre expérience en programmation. Si vous êtes un développeur WooCommerce et que vous souhaitez utiliser le thème de la vitrine comme thème de démarrage, la modification directe de la fonction de rappel devrait être le moyen d'y parvenir. J'espère que vous pouvez maintenant supprimer les liens de pied de page construits avec la vitrine et Woocommerce sans aucun problème. Si vous avez d'autres problèmes de développement WooCommerce, vous pouvez toujours nous contacter pour plus de conseils et d'aide.

Comment supprimer le lien de pied de page construit avec Storefront & Woocommerce avec 4 options simples

Liens de crédit du pied de page de la vitrine

#1) Modifier la fonction de rappel pour supprimer le lien de pied de page construit avec Storefront & Woocommerce

Construit avec l'emplacement du lien de pied de page de la vitrine et de Woocommerce

#2) Utilisez CSS pour supprimer le lien de pied de page Built With Storefront & Woocommerce

#3) Utilisez remove_action pour supprimer le lien de pied de page Woocommerce

#4) Utilisez la fonction de thème enfant pour remplacer le lien de pied de page

Conclusion

Articles similaires