Comment insérer un logo dans l'en-tête?
3 réponses
- votes
-
- 2013-06-27
Essayez demodifier unpeu la section d'en-têtepour vous conformer auxnormes. Voici ce que votre codeen cemoment:
<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 vouspouvezmodifier 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>
Iln'y a que 3 étapesmaintenant:
- Au lieu d'utiliser lesparamètres d'image d'en-têtepar défaut duthème,vouspouvezmodifier le
header.php
de votrethème avec le code ci-dessus. - Au lieu d'insérer uneimage àpartir de Ajouter unnouveaumédia,vouspouveztélécharger l'image via cPanel (Panneau de configuration de votre hébergeur) dans le sous-dossier du dossier dethèmenommé 'images' .
- Et au lieu de créer uneimage énorme avec un arrière-planpour votre logo,essayez de créer un logo simple sans arrière-plan dans Photoshop (outout autre logicielgraphique) - dans le cas de Photoshop,faites-le simplement: après avoirplacé l'image du logo dans un calque,supprimez simplement le calque d'arrière-plan,puisenregistrez l'imagepour le Web (Fichier> Enregistrerpour le Web ... [ Ctrl + Alt + Maj + S ])et choisissez leformat PNG-24 pour unbon résultat. Enregistrez-leensuite sous
logo.png
et placez-le dans le dossier '/wp-content/themes/simplemarket/images/'.
J'espère que vous aurez le reste. Si vous avez des questions,n'hésitezpas à commenterici ci-dessous.
Try modifying the header section a bit to comply with the standards. Here is what your code right now:
<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>
Here is how you can modify the things:
<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>
There are only 3 steps now:
- Instead of using the theme's default header image settings, you can edit your theme's
header.php
with the code given above. - Instead of inserting image from the Add New Media, you can upload image via cPanel (Control Panel of your web host) into the theme folder's sub-folder named 'images'.
- And instead of making a huge image with background for your logo, try making a simple background-less logo in Photoshop (or any graphics software) - in case of Photoshop, just do it: after placing the logo image in a layer, just delete the background layer and then save the image for web (File > Save for web... [Ctrl + Alt + Shift + S]) and choose the format PNG-24 for a good result. Then save it as
logo.png
and place it to the '/wp-content/themes/simplemarket/images/' folder.
Hope you get the rest. If any question, please feel free to comment here under.
-
- 2013-06-26
S'ilexiste unefonctionnalité «logo»,elleferapartie duthème.Peut-être une option dethème ou unepartie de l ' système depersonnalisation dethème .
J'utilisegénéralement un en-têtepersonnalisé pour cefairepour les sites commerciaux,bien qu'unen-têtepersonnaliséne soitpas spécifiquementpour un logo.C'est unefonctiongénérique "d'image d'en-tête".
Enbref,cela dépend duthème.S'il s'agit d'unthème que vous créez,vouspouvezmodifier lethèmepour l'ajouter.Voir les articles du Codex déjà référencés.
If there is a "logo" functionality, it will be part of the theme. Perhaps a theme option or part of the theme customization system.
I typically use a Custom Header to do this for commercial sites, though a custom header is not specifically for a logo. It is a generic "header image" function.
In short, this depends on the theme. If it is a theme you are creating, you can edit the theme to add it. See the Codex articles already referenced.
-
- 2013-06-27
Pour changer l'image d'en-tête,accédez aupanneau d'administration de votre wordpress. Dans lemenu d'apparence,cliquez sur l'en-têteet vous ytrouverez lapossibilité detélécharger votreimage d'en-têteet letexte à apparaître dans votreen-tête.
S'ilne s'affichepas,vous devezmodifier votrefichier d'en-têteet insérer le code suivant dans votreen-tête s'iln'existepas 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>
To change the header image go to the admin panel of your wordpress. In the appearance menu click on header and there you will find the option to upload your header image and Text to appear in your header.
If it's not showing then you have to edit your header file and insert the following code in your header if it does not exist already.
<?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>
Je suis asseznouveau dans lemonde WordPress (je viens de Joomla)
Je rencontre des difficultéspourinsérer un logo dans ce site detest WordPress: http://onofri.org/example/
Je veuxmettremon logo dans l'en-tête du site Web,à laplace dutexte "EXEMPLE".
En regardant dans lepanneau de configuration WordPress,je netrouvepas oùje peuxtélécharger le logoet lemettre automatiquement à laplace dutexte "EXEMPLE" dans l'en-tête (jene saispas s'il s'agit d'unefonction WordPress standard comme dans Joomla ou sic'est unefonctionnalité quipeut être rendue disponiblepar certainsthèmes spécifiques ou sije dois lamettre directement dans le code)
Cependant,je ne letrouvemêmepas dansmesparamètres dethème.
Que dois-jefairepourmettremon logo?Dois-je l'insérer directement dansmon code HTML?