web-dev-qa-db-fra.com

Comment insérer un logo dans l'en-tête?

Je suis assez nouveau dans le monde WordPress (je viens de Joomla)

Je rencontre des difficultés pour insérer un logo dans ce site de test WordPress: http://onofri.org/example/

Je veux mettre mon logo dans l'en-tête du site, à la place du texte "EXEMPLE".

En regardant dans le panneau de configuration de WordPress, je ne trouve pas où je peux télécharger le logo et le mettre automatiquement à la place du texte "EXEMPLE" dans l'en-tête (je ne sais pas s'il s'agit d'une fonction WordPress standard comme dans Joomla ou s'il s'agit d'un fonctionnalité pouvant être mise à disposition par des thèmes spécifiques ou si je dois la mettre directement dans le code)

Cependant, je ne le trouve même pas dans les paramètres de mon thème.

Que dois-je faire pour mettre mon logo? Dois-je l'insérer directement dans mon code HTML?

9
AndreaNobili

Essayez de modifier un peu la section d'en-tête pour vous conformer aux normes. Voici ce que votre code en ce moment:

<div id="header-image">
   <img width="1102" height="350" alt="" class="header-image" src="http://onofri.org/example/wp-content/uploads/2013/06/header1.jpg">
</div>

Voici comment vous pouvez modifier les choses:

<div id="header-image">
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
       <img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt="Logo" width="HERE" height="HERE" />
    </a>
</div>

Il n'y a que 3 étapes maintenant:

  • Au lieu d'utiliser les paramètres d'image d'en-tête par défaut du thème, vous pouvez modifier le header.php de votre thème avec le code indiqué ci-dessus.
  • Au lieu d'insérer une image à partir du menu Ajouter un nouveau support, vous pouvez télécharger une image via cPanel (Panneau de configuration de votre hôte Web) dans le sous-dossier du dossier du thème nommé 'images'.
  • Et au lieu de créer une grande image avec un arrière-plan pour votre logo, essayez de créer un simple logo sans arrière-plan dans Photoshop (ou tout logiciel graphique). Dans le cas de Photoshop, procédez comme suit: après avoir placé l'image du logo dans un calque, supprimez-la. couche d’arrière-plan, puis enregistrez l’image pour le Web (Fichier> Enregistrer pour le Web ... [Ctrl + Alt + Shift + S]) et choisissez le format PNG-24 pour un bon résultat. Enregistrez-le ensuite sous le nom logo.png et placez-le dans le dossier '/ wp-content/themes/simplemarket/images /'.

J'espère que vous obtenez le reste. Si vous avez des questions, n'hésitez pas à commenter ici.

13
Mayeenul Islam

S'il existe une fonctionnalité "logo", elle fera partie du thème. Peut-être un option de thème ou une partie du système de personnalisation de thème .

J'utilise généralement un en-tête personnalisé pour les sites commerciaux, bien qu'un en-tête personnalisé ne soit pas spécifiquement destiné à un logo. C'est une fonction générique "image d'en-tête".

En bref, cela dépend du thème. S'il s'agit d'un thème que vous créez, vous pouvez le modifier pour l'ajouter. Voir les articles du Codex déjà référencés.

2
s_ha_dum

Pour changer l'image d'en-tête, allez dans le panneau d'administration de votre wordpress. Dans le menu Apparence, cliquez sur l'en-tête. Vous y trouverez la possibilité de télécharger votre image d'en-tête et le texte à afficher dans l'en-tête.

S'il ne s'affiche pas, vous devez éditer votre fichier d'en-tête et insérer le code suivant dans votre en-tête s'il n'existe pas déjà.

<?php $header_image = get_header_image();
    if ( ! empty( $header_image ) ) : ?>
        <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>
2
Yamu