{"id":389,"date":"2019-09-04T07:35:04","date_gmt":"2019-09-04T07:35:04","guid":{"rendered":"https:\/\/blog.kenzap.com\/?p=389"},"modified":"2019-12-14T10:46:18","modified_gmt":"2019-12-14T10:46:18","slug":"comment-ajouter-deux-galeries-dimages-dans-votre-site-web-wordpress-%28%C3%A9tape-par","status":"publish","type":"post","link":"https:\/\/kenzap.blog\/fr\/comment-ajouter-deux-galeries-dimages-dans-votre-site-web-wordpress-%28%C3%A9tape-par\/","title":{"rendered":"Comment ajouter deux galeries d&#8217;images dans votre site Web WordPress (\u00e9tape par \u00e9tape)"},"content":{"rendered":"<p>!<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.kenzap.com\/wp-content\/uploads\/2019\/09\/i182_search-1024x611.jpeg\" alt=\"\" class=\"wp-image-392\"\/><\/figure>\n<p>Si vous cherchez \u00e0 mettre en valeur deux images exclusivement sur votre site Web, l&#8217;\u00e9l\u00e9ment de<a href=\"https:\/\/kenzap.com\/item\/two-image-gallery-kenzap-gallery-plugin\/\"> galerie \u00e0 deux images<\/a> est un choix id\u00e9al. Cet article est le guide ultime sur la fa\u00e7on d&#8217;ajouter l&#8217;\u00e9l\u00e9ment et de faire tourner les t\u00eates. Votre identit\u00e9 de marque a besoin non seulement d&#8217;une touche professionnelle, mais aussi d&#8217;une touche \u00e9motionnelle.<\/p>\n<p>Pour utiliser l&#8217;\u00e9l\u00e9ment \u00e9poustouflant dont vous avez besoin :<\/p>\n<ul>\n<li>Un site Web aliment\u00e9 par WordPress (h\u00e9berg\u00e9)<\/li>\n<li>Un <a href=\"https:\/\/blog.kenzap.com\/what-is-kenzap-core-theme\/\">th\u00e8me central Kenzap<\/a> pr\u00e9install\u00e9 (en option)<\/li>\n<li>Un <a href=\"https:\/\/github.com\/kenzap\/gallery-gutenberg-blocks\/archive\/master.zip\">plugin Kenzap Gallery pr\u00e9install\u00e9<\/a><\/li>\n<\/ul>\n<p>Une fois que les composants n\u00e9cessaires sont op\u00e9rationnels, il est temps d&#8217;ajouter le plugin gallery \u00e0 votre page ou \u00e0 votre message. Pour commencer, suivez les \u00e9tapes ci-dessous :<\/p>\n<ul>\n<li>Connectez-vous \u00e0 votre tableau de bord WordPress.<\/li>\n<li>Acc\u00e9dez aux pages ou aux messages sur l&#8217;\u00e9cran d&#8217;\u00e9dition situ\u00e9 sur le c\u00f4t\u00e9 gauche du tableau de bord.<\/li>\n<li>Cliquez sur l&#8217;onglet&#8217;<strong>Ajouter un nouveau<\/strong>&#8216; sous les messages ou les pages. Vous voulez ajouter un titre et un contenu s&#8217;il n&#8217;existe pas.<\/li>\n<li>Ensuite, cliquez sur&#8217;<strong>+<\/strong>&#8216; en haut de la page et cherchez la <strong>galerie Kenzap 6<\/strong>.<\/li>\n<\/ul>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.kenzap.com\/wp-content\/uploads\/2019\/09\/Screen-Shot-2019-09-04-at-3.42.55-PM-1024x529.jpg\" alt=\"\" class=\"wp-image-394\"\/><\/figure>\n<h2>Personnalisation de la galerie de deux images<\/h2>\n<p>Chaque site Web est cr\u00e9\u00e9 avec un type d&#8217;imagerie diff\u00e9rent \u00e0 l&#8217;esprit. Vous devez ouvrir le menu de param\u00e9trage pour acc\u00e9der aux options du Customizing.<\/p>\n<p>Passez votre souris sur le panneau d&#8217;onglets entre la bo\u00eete de titre et la galerie d&#8217;images. Ensuite, cliquez sur les <strong>trois points<\/strong> \u00e0 droite du panneau pour faire appara\u00eetre d&#8217;autres options.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.kenzap.com\/wp-content\/uploads\/2019\/09\/Screen-Shot-2019-09-04-at-3.56.40-PM-1024x537.jpg\" alt=\"\" class=\"wp-image-402\"\/><\/figure>\n<p>Cliquez sur l&#8217;option <strong>Afficher les param\u00e8tres du bloc<\/strong> pour afficher diff\u00e9rents param\u00e8tres sur votre droite.<\/p>\n<p>Les param\u00e8tres pris en charge pour ce bloc \u00e0 ce jour incluent :<\/p>\n<p><strong>Effet de survol<\/strong>. Cr\u00e9ez un effet d&#8217;animation chaque fois que les visiteurs survolent leurs curseurs de souris sur vos images. Vous avez de nombreuses options d&#8217;<strong>effet de survol<\/strong> \u00e0 choisir. Les options incluent le zoom avant, le zoom arri\u00e8re, le cadre avant et le cadre arri\u00e8re.<\/p>\n<p><strong>Typographie<\/strong>. Ce param\u00e8tre vous permet de personnaliser la taille de police, les couleurs de police, l&#8217;\u00e9paisseur de police, l&#8217;espacement des lettres, les marges, les paddings, etc. Cliquez sur <em>Typographie<\/em> &gt; puis sur <em>Note pour<\/em> afficher tous les param\u00e8tres personnalis\u00e9s dans un menu d\u00e9roulant.<\/p>\n<p><strong>Couleur d&#8217;arri\u00e8re-plan<\/strong>. Les ing\u00e9nieurs du bloc ont ajout\u00e9 des palettes de couleurs \u00e9tonnantes pour l&#8217;arri\u00e8re-plan de l&#8217;image. Cependant, vous pouvez personnaliser les couleurs \u00e0 votre guise en utilisant les codes ou le curseur.<br \/> Si vous souhaitez utiliser n&#8217;importe quelle image pour l&#8217;arri\u00e8re-plan au lieu de la couleur, t\u00e9l\u00e9chargez l&#8217;image souhait\u00e9e \u00e0 partir de votre stockage externe ou de votre m\u00e9diath\u00e8que.<\/br><\/p>\n<p><strong>Conteneur<\/strong>. Utilisez cette option pour d\u00e9finir une largeur maximale de conteneur ou d\u00e9finir des rembourrages r\u00e9actifs. La bonne nouvelle est que le bloc calcule les paddings sup\u00e9rieur et inf\u00e9rieur si vous cochez l&#8217;option paddings auto-r\u00e9actifs.<\/p>\n<p><strong>Avanc\u00e9<\/strong>. N&#8217;h\u00e9sitez pas \u00e0 ajouter une classe personnalis\u00e9e dans le conteneur de la galerie.<\/p>\n<h3>Comment changer les images ?<\/h3>\n<p>Changer les images est tr\u00e8s simple ! Vous voulez vous assurer que le bloc Galerie est mis au point. Cliquez ensuite sur l&#8217;image \u00e0 modifier et cliquez sur le bouton&#8217;<strong>changer l&#8217;image<\/strong>&#8216;.\n<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/blog.kenzap.com\/wp-content\/uploads\/2019\/09\/Screen-Shot-2019-09-04-at-3.51.49-PM-1024x467.jpg\" alt=\"\" class=\"wp-image-399\"\/><\/figure>\n<p>S\u00e9lectionnez le(s) fichier(s) image(s) souhait\u00e9(s) dans votre m\u00e9diath\u00e8que ou t\u00e9l\u00e9chargez un nouveau fichier depuis un stockage externe.<\/p>\n<h2>Galerie de d\u00e9pannage<br \/>\n<\/h2>\n<p>Vous pourriez rencontrer des probl\u00e8mes visuels si vous utilisez la galerie \u00e0 deux images avec des th\u00e8mes autres que le <strong>th\u00e8me Kenzap Core<\/strong>. Notez que des r\u00e8gles CSS diff\u00e9rentes sont la cause la plus probable de probl\u00e8mes visuels. En outre, les diff\u00e9rents th\u00e8mes impliquent leurs propres structures.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>! Si vous cherchez \u00e0 mettre en valeur deux images exclusivement sur votre site Web, l&#8217;\u00e9l\u00e9ment de galerie \u00e0 deux images est un choix id\u00e9al. Cet article est le guide ultime sur la fa\u00e7on d&#8217;ajouter l&#8217;\u00e9l\u00e9ment et de faire tourner les t\u00eates. Votre identit\u00e9 de marque a besoin non seulement d&#8217;une touche professionnelle, mais aussi &hellip; <a href=\"https:\/\/kenzap.blog\/fr\/comment-ajouter-deux-galeries-dimages-dans-votre-site-web-wordpress-%28%C3%A9tape-par\/\" class=\"more-link\">Continue reading <\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,13],"tags":[],"_links":{"self":[{"href":"https:\/\/kenzap.blog\/fr\/wp-json\/wp\/v2\/posts\/389"}],"collection":[{"href":"https:\/\/kenzap.blog\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kenzap.blog\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kenzap.blog\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/kenzap.blog\/fr\/wp-json\/wp\/v2\/comments?post=389"}],"version-history":[{"count":0,"href":"https:\/\/kenzap.blog\/fr\/wp-json\/wp\/v2\/posts\/389\/revisions"}],"wp:attachment":[{"href":"https:\/\/kenzap.blog\/fr\/wp-json\/wp\/v2\/media?parent=389"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kenzap.blog\/fr\/wp-json\/wp\/v2\/categories?post=389"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kenzap.blog\/fr\/wp-json\/wp\/v2\/tags?post=389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}