Insertion du logo de l'en-tête dans le thème bootstrap
Lorsque vous utilisez une image comme logo d'en-tête (quelle que soit sa taille) dans le thème bootstrap, la classe img-responsive redimensionne automatiquement l'image. Mais dans le thème wordpress, si vous utilisez une grande image pour le logo, celle-ci occupera trop de place dans la page (j’ai utilisé 1475x500 et occupe tout l’espace de la page). Alors, comment puis-je redimensionner l’image, c’est-à-dire ajouter une classe qui lui est adaptée (quel que soit le logo de styles utilisé avec le thème wordpress).
La meilleure méthode consiste à ajouter uniquement du code CSS:
.custom-logo-link img {
max-width: 100%;
height: auto;
}
Mais si vous devez ajouter une classe personnalisée au logo, vous pouvez ajouter un filtre:
// Add custom class to logo.
add_filter( 'get_custom_logo', 'change_logo_class' );
function change_logo_class( $html ) {
$html = str_replace( 'custom-logo-link', 'header-brand', $html );
$html = str_replace( 'custom-logo', 'img-responsive', $html );
return $html;
}