Publié le

WordPress / WooCommerce / Storefront, modifier l’en-tête

Ajouter un titre au logo

Il ne faut pas modifier la fonction « wp-content/themes/storefront/inc/storefront-template-functions.php » car vos modifications seraient écrasées lors de la prochaine mise à jour du thème.

La bonne méthode consiste à « réécrire la fonction » en créant votre propre fichier de fonctions (que nous appelerons mesfunctions.php) par exemple dans le dossier « wp-content/themes/ »

Ce fichier contiendra le code de votre entête, exemple :

<?php function storefront_site_branding() {
?>
<div id= »TitreSSI »>
<h1><a class= « TitreSSI » href= « http://sundial-si.com »>Sundial SI</a></h1><br />
<h2>Services internet</h2>
<p>
Sundial SI est un cabinet indépendant spécialiste d’internet pour les entreprises.<br>
Nous vous accompagnons dans la création et la mise à jour de votre site internet.</p>
</div>
<div id= »LogoSSI »>
<img src= »http://sundial-si.com/wp-content/uploads/2018/01/logo_2012-300×285.png »>
</div>
<?php
}
?>

Il faudra ensuite faire charger votre fonction, pour cela dans le fichier index.php (à la racine du site), insérer le code :
require(‘wp-content/themes/mesfunctions.php’);

Supprimer le champ de recherche de l’entête

Dans Apparence / edit CSS (ou modifier le CSS), ajouter le code :

.woocommerce-active .site-header .site-search { display: none; }

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *