{"id":654,"date":"2018-08-28T11:07:37","date_gmt":"2018-08-28T15:07:37","guid":{"rendered":"https:\/\/site.csdessommets.qc.ca\/aide\/?p=654"},"modified":"2018-11-20T10:17:31","modified_gmt":"2018-11-20T15:17:31","slug":"ajouter-une-image-dans-mon-entete","status":"publish","type":"post","link":"https:\/\/site.csdessommets.qc.ca\/aide\/ajouter-une-image-dans-mon-entete\/","title":{"rendered":"Ajouter une image \u00e0 mon ent\u00eate"},"content":{"rendered":"<p><a href=\"https:\/\/site.csdessommets.qc.ca\/aide\/wp-content\/uploads\/sites\/4\/2018\/08\/ajout_image_entete.pdf\" target=\"_blank\" rel=\"noopener\">Format PDF<\/a><\/p>\n<p>Vous avez s\u00fbrement d\u00e9j\u00e0 vu un site internet avec une image dans l&rsquo;ent\u00eate. Voir l&rsquo;exemple ci-dessous.<\/p>\n<p><a href=\"wp-content\/uploads\/sites\/4\/2018\/08\/2018-08-28-09_42_32-Microsoft-Edge.png\"><img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/sites\/4\/2018\/08\/2018-08-28-09_42_32-Microsoft-Edge.png\" alt=\"\" width=\"1920\" height=\"367\" \/><\/a><\/p>\n<p>Si vous avez choisi un pr\u00e9r\u00e9glage de type \u00ab\u00a0vierge\u00a0\u00bb (Ex.: Base, Fonc\u00e9, etc.) lors de la \u00ab\u00a0Personnalisation\u00a0\u00bb de votre site, vous pouvez ajouter une image dans l&rsquo;ent\u00eate. Voici la marche \u00e0 suivre pour le faire.<\/p>\n<p>Premi\u00e8rement, il vous faut une image. Nous vous sugg\u00e9rons le site Pixabay qui propose des images libres de droits, de grande qualit\u00e9 et de grande dimension. C&rsquo;est ce qu&rsquo;il vous faut!<\/p>\n<p><strong><a href=\"https:\/\/pixabay.com\/\">https:\/\/pixabay.com\/<\/a><\/strong><br \/>\n<em>Lorsque vous avez trouv\u00e9 votre image, cliquez sur la miniature pour acc\u00e9der \u00e0 l\u2019image de plus grande taille. Cliquez ensuite sur \u00ab T\u00e9l\u00e9charger gratuitement \u00bb, choisissez la dimension \u00ab M \u00bb (moyenne) et cliquez ensuite sur T\u00e9l\u00e9charger. ATTENTION : prenez en note l\u2019endroit o\u00f9 vous avez enregistr\u00e9 l\u2019image dans votre ordinateur afin de pouvoir la retrouver facilement.<\/em><\/p>\n<p>SITE n&rsquo;utilisera qu&rsquo;une portion de votre image. Une bande horizontale de cette derni\u00e8re. Il faut donc que votre image le permette. L&rsquo;image doit \u00eatre int\u00e9ressante m\u00eame si l&rsquo;on ne voit qu&rsquo;une tranche horizontale de celle-ci. Voir exemple ci-dessous<\/p>\n<p>Image compl\u00e8te<br \/>\n<a href=\"wp-content\/uploads\/sites\/4\/2018\/08\/butterfly-1127666_1280.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/sites\/4\/2018\/08\/butterfly-1127666_1280.jpg\" alt=\"\" width=\"1280\" height=\"853\" \/><\/a><\/p>\n<p>Section de l&rsquo;image qui pourrait \u00eatre utilis\u00e9e<\/p>\n<p><a href=\"wp-content\/uploads\/sites\/4\/2018\/08\/butterfly-1127666_1280-b.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/sites\/4\/2018\/08\/butterfly-1127666_1280-b.jpg\" alt=\"\" width=\"1280\" height=\"349\" \/><\/a><\/p>\n<p>Ou<\/p>\n<p><a href=\"wp-content\/uploads\/sites\/4\/2018\/08\/butterfly-1127666_1280-c.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/sites\/4\/2018\/08\/butterfly-1127666_1280-c.jpg\" alt=\"\" width=\"1280\" height=\"204\" \/><\/a><br \/>\n<strong><br \/>\nAjout de l&rsquo;image de l&rsquo;ent\u00eate<\/strong><\/p>\n<ol>\n<li>\u00c0 partir de la page d&rsquo;accueil de votre site, cliquez sur \u00ab\u00a0Personnaliser\u00a0\u00bb en haut \u00e0 gauche. Rendez-vous dans \u00ab\u00a0Ent\u00eate\u00a0\u00bb et ensuite dans \u00ab\u00a0Style de l\u2019ent\u00eate\u00a0\u00bb<\/li>\n<li>Sous \u00ab\u00a0Image d&rsquo;arri\u00e8re-plan\u00a0\u00bb, cliquez sur \u00ab\u00a0S\u00e9lectionnez une image\u00a0\u00bb<br \/>\n<a href=\"wp-content\/uploads\/sites\/4\/2018\/08\/2018-08-28-10_20_41-Personnalisez-testyl.png\"><img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/sites\/4\/2018\/08\/2018-08-28-10_20_41-Personnalisez-testyl.png\" alt=\"\" width=\"339\" height=\"458\" \/><\/a><\/li>\n<li>La s\u00e9quence d&rsquo;importation de l&rsquo;image d\u00e9bute. Cliquez sur \u00ab\u00a0Envoyer des fichiers\u00a0\u00bb et ensuite sur \u00ab\u00a0Choisir des fichiers\u00a0\u00bb. Rendez-vous \u00e0 l&rsquo;endroit o\u00f9 vous avez sauvegard\u00e9 votre image. S\u00e9lectionnez le fichier de votre image et cliquez sur \u00ab\u00a0Ouvrir\u00a0\u00bb. Cliquez ensuite sur \u00ab\u00a0Choisir une image\u00a0\u00bb. L&rsquo;image est ajout\u00e9e!<\/li>\n<li>\u00a0Vous pouvez maintenant d\u00e9terminer quelle section de l&rsquo;image sera affich\u00e9e dans l&rsquo;ent\u00eate. Toujours dans le menu lat\u00e9ral gauche, un peu en dessous de l&rsquo;image que vous venez d&rsquo;ajouter, cliquez sur \u00ab\u00a0Position \u00e0 l&rsquo;arri\u00e8re-plan\u00a0\u00bb. Le menu d\u00e9roulant vous propose les positions possibles de votre image dans l&rsquo;ent\u00eate.<br \/>\n<a href=\"wp-content\/uploads\/sites\/4\/2018\/08\/2018-08-28-10_29_57-Personnalisez-testyl.png\"><img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/sites\/4\/2018\/08\/2018-08-28-10_29_57-Personnalisez-testyl.png\" alt=\"\" width=\"329\" height=\"241\" \/><\/a><\/li>\n<li>Vous pouvez \u00e9galement modifier la hauteur de votre ent\u00eate. Cela permettra de pr\u00e9senter uniquement la portion d\u00e9sir\u00e9e de votre image. Cliquez sur le bouton de retour en haut de la fen\u00eatre lat\u00e9rale de personnalisation.<a href=\"wp-content\/uploads\/sites\/4\/2018\/08\/2018-08-28-10_36_22-Personnalisez-testyl.png\"><img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/sites\/4\/2018\/08\/2018-08-28-10_36_22-Personnalisez-testyl.png\" alt=\"\" width=\"272\" height=\"74\" \/><\/a><\/li>\n<li>Si vous voulez changer la couleur de votre nom de site, c&rsquo;est un peu plus bas, sous \u00ab\u00a0Couleur du lien\u00a0\u00bb<\/li>\n<li>Cliquez maintenant sur \u00ab\u00a0Disposition de l&rsquo;ent\u00eate\u00a0\u00bb. Le curseur sous \u00ab\u00a0Espacement int\u00e9rieur\u00a0\u00bb vous permettra de diminuer ou augmenter la hauteur de votre ent\u00eate, donc de votre image.<\/li>\n<li>Enfin, pour modifier le titre de votre ent\u00eate, cliquez sur le bouton de retour et s\u00e9lectionnez cette fois \u00ab\u00a0Logo et texte de l&rsquo;ent\u00eate\u00a0\u00bb. Vous pourrez alors modifier le \u00ab\u00a0Texte du logo\u00a0\u00bb ainsi que le style et la dimension de la police de caract\u00e8res.<\/li>\n<li>Lorsque vous avez termin\u00e9, cliquez sur \u00ab\u00a0Publier\u00a0\u00bb(1) et ensuite sur le \u00ab\u00a0X\u00a0\u00bb(2)<br \/>\n<a href=\"wp-content\/uploads\/sites\/4\/2018\/08\/2018-08-28-10_58_57-Personnalisez-Le-site-des-paillons.png\"><img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/sites\/4\/2018\/08\/2018-08-28-10_58_57-Personnalisez-Le-site-des-paillons.png\" alt=\"\" width=\"347\" height=\"136\" \/><\/a>Voil\u00e0!<br \/>\n<a href=\"wp-content\/uploads\/sites\/4\/2018\/08\/2018-08-28-10_58_41-Personnalisez-Le-site-des-paillons.png\"><img loading=\"lazy\" decoding=\"async\" src=\"wp-content\/uploads\/sites\/4\/2018\/08\/2018-08-28-10_58_41-Personnalisez-Le-site-des-paillons.png\" alt=\"\" width=\"1429\" height=\"374\" \/><\/a><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>Format PDF Vous avez s\u00fbrement d\u00e9j\u00e0 vu un site internet avec une image dans l&rsquo;ent\u00eate. Voir l&rsquo;exemple ci-dessous. Si vous avez choisi un pr\u00e9r\u00e9glage de type \u00ab\u00a0vierge\u00a0\u00bb (Ex.: Base, Fonc\u00e9, etc.) lors de la \u00ab\u00a0Personnalisation\u00a0\u00bb de votre site, vous pouvez ajouter une image dans l&rsquo;ent\u00eate. Voici la marche \u00e0 suivre pour le faire. Premi\u00e8rement, il&hellip;<\/p>\n","protected":false},"author":3,"featured_media":684,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[],"class_list":["post-654","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-techniques"],"_links":{"self":[{"href":"https:\/\/site.csdessommets.qc.ca\/aide\/wp-json\/wp\/v2\/posts\/654","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/site.csdessommets.qc.ca\/aide\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/site.csdessommets.qc.ca\/aide\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/site.csdessommets.qc.ca\/aide\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/site.csdessommets.qc.ca\/aide\/wp-json\/wp\/v2\/comments?post=654"}],"version-history":[{"count":9,"href":"https:\/\/site.csdessommets.qc.ca\/aide\/wp-json\/wp\/v2\/posts\/654\/revisions"}],"predecessor-version":[{"id":703,"href":"https:\/\/site.csdessommets.qc.ca\/aide\/wp-json\/wp\/v2\/posts\/654\/revisions\/703"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/site.csdessommets.qc.ca\/aide\/wp-json\/wp\/v2\/media\/684"}],"wp:attachment":[{"href":"https:\/\/site.csdessommets.qc.ca\/aide\/wp-json\/wp\/v2\/media?parent=654"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/site.csdessommets.qc.ca\/aide\/wp-json\/wp\/v2\/categories?post=654"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/site.csdessommets.qc.ca\/aide\/wp-json\/wp\/v2\/tags?post=654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}