Modification du thème enfant – Entête – WordPress


Maintenant nous allons modifier le thème enfant pour qu’il est l’apparence de mon site actuel au niveau de l’entête et du menu.

Aller dans le Menu Outil puis faire un clic sur Child Theme. Sélectionner l’onglet Files.
Wordpress_theme_enfant_header.png
Sélectionner le fichier header qui est dans le répertoire templates et le copier dans le répertoire du thème enfant.

Wordpress_theme_enfant_header1.png
Aller dans l’éditeur de thème et sélectionner dans la partie de droite le fichier header.php.

Maintenant nous allons modifier le fichier pour avoir une apparence similaire à mon site actuel. Je préconise de faire un copier coller du code vers l’éditeur notepad++ et choisir le langage PHP pour la mise en forme. Apres les modifications faire l’opération inverse.

Nous allons modifier l’emplacement du logo et faire apparaître le nom du site dans la barre de menu. Voici le code:

Il faudra l’insérer  après


Voici le résultat:

Nous allons supprimer le logo supérieur. Pour cela nous allons supprimer les lignes ci-dessous:

Pour finaliser nous allons modifier la feuille de style. Ouvrir le fichier Feuille de style (style.css).
Puis ajouter les éléments suivants:

#masthead
{
background-color: #772953;
padding-top: 0px;
}
.logo-text {
font-size: 125%!important;
}

.navbar {
border: none;
}

.navbar-header {
font-weight: 700;
}
.navbar-nav>li>a {
margin: 12.5px 6px;
padding: 8px 12px;
border: 1px solid transparent;
border-radius: 4px;
font-size: 15px;
}

Bien sur vous pouvez changer les valeurs et voir le rendu sur votre site. Voici mon rendu de l’en-tête.

Voici le fichier complet header.php .Il faudra le renommer en header.php.