{"id":417,"date":"2020-10-07T14:49:45","date_gmt":"2020-10-07T14:49:45","guid":{"rendered":"https:\/\/cinnk.com\/index.php\/2020\/10\/07\/guide-pour-definir-la-taille-des-vignettes-thumbnails\/"},"modified":"2020-10-07T14:49:45","modified_gmt":"2020-10-07T14:49:45","slug":"guide-pour-definir-la-taille-des-vignettes-thumbnails","status":"publish","type":"post","link":"https:\/\/cinnk.com\/fr\/guide-pour-definir-la-taille-des-vignettes-thumbnails\/","title":{"rendered":"Guide pour d\u00e9finir la taille des vignettes (Thumbnails)"},"content":{"rendered":"<p>Ce chapitre va vous expliquer \u00e9tape par \u00e9tape comment r\u00e9gler la taille de vos vignettes.<\/p>\n<p><!--more--><br \/>\nGuide pour d\u00e9finir la taille des vignettes (Thumbnails)                Nous souhaitons d\u00e9finir la tailles de nos vignettes \u00e0 partir du composant Phoca Gallery de Joomla!.                             Ce chapitre va vous expliquer \u00e9tape par \u00e9tape comment r\u00e9gler la taille de vos vignettes.<br \/>\nPhoca Gallery comporte 3 diff\u00e9rentes tailles de vignette : -Petite Vignette : elle est affich\u00e9e lors d&rsquo;une vue de plusieurs cat\u00e9gories -Moyenne Vignette : elle est affich\u00e9e lors de l&rsquo;affichage de toutes les images d&rsquo;une cat\u00e9gorie. -Grande Vignette : elle est affich\u00e9e lorsque vous cliquez (ou vous passez votre souris) sur la Moyenne Vignette.<br \/>\n Par d\u00e9faut, les tailles des \u00e9tiquettes sont :<br \/>\n -Petite Vignette : 50&#215;50 -Moyenne Vignette : 100&#215;100 -Grande Vignette : 640&#215;480<br \/>\nVue des images d&rsquo;une cat\u00e9gorie avec des vignettes \u00e0 la taille par d\u00e9faut de Phoca Gallery 100&#215;100 :<\/p>\n<p>Pour modifier la taille de vos vignettes, vous devez :<\/p>\n<p>Supprimer toutes vos vignettes existantes. Vous pouvez par exemple faire \u00e7a par FTP. Les vignettes sont rang\u00e9es dans les sous-dossiers thumbs de tous les dossiers dans lesquels vous avez des images (images.phocagallery\/).<br \/>\nConnectez-vous ensuite \u00e0 l&rsquo;administration de votre site et rendez-vous dans  Composant &gt; Phoca Gallery &gt; Param\u00e8tres &gt; Onglet Principal. Ici vous pouvez modifier la taille de toutes vos vignettes. Apr\u00e8s avoir faire vos r\u00e9glages, assurez vous que le param\u00e8tre \u00ab&nbsp;Valider la g\u00e9n\u00e9ration de vignettes&nbsp;\u00bb est bien sur oui puis validez et fermez.<br \/>\nEnfin rendez vous dans  Composant &gt; Phoca Gallery &gt; Images  et la cr\u00e9ation des vignettes devrait reprendre automatiquement. Afin que toutes les vignettes soient bien cr\u00e9\u00e9es, cliquez sur \u00ab&nbsp;Tout&nbsp;\u00bb dans le champ Afficher.<\/p>\n<p>Vue des images d&rsquo;une cat\u00e9gorie avec des vignettes moyennes 200&#215;200 :<\/p>\n<p>Si vous utilisez des effets d&rsquo;images, vous devrez les refaire dans  Composants &gt; Phoca Gallery &gt; Th\u00e8mes.<br \/>\nVue des images d&rsquo;une cat\u00e9gorie avec des vignettes moyennes 200&#215;200 avec effets d&rsquo;images:<\/p>\n<p>Joomla! 3 Le Livre Pour Tous<\/p>\n<p>E\u0301crit pour toutes les personnes qui de\u0301butent avec Joomla!, ou qui posse\u0300dent de\u0301ja\u0300 quelques connaissances avec les versions pre\u0301ce\u0301dentes, et qui souhaitent construire et entretenir un site web sans avoir a\u0300 entrer dans le code.<\/p>\n<p>version num\u00e9rique<br \/>\n{j2store}42||cart{\/j2store}<\/p>\n<p>version papier<br \/>\n{j2store}18||cart{\/j2store}<\/p>\n<p>                       Cr\u00e9dits photo<br \/>\nImage by Free-Photos from Pixabay<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ce chapitre va vous expliquer \u00e9tape par \u00e9tape comment r\u00e9gler la taille de vos vignettes.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[16],"tags":[],"class_list":["post-417","post","type-post","status-publish","format-standard","hentry","category-phoca-gallery"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Guide pour d\u00e9finir la taille des vignettes (Thumbnails) | Cinnk<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cinnk.com\/fr\/guide-pour-definir-la-taille-des-vignettes-thumbnails\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Guide pour d\u00e9finir la taille des vignettes (Thumbnails) | Cinnk\" \/>\n<meta property=\"og:description\" content=\"Ce chapitre va vous expliquer \u00e9tape par \u00e9tape comment r\u00e9gler la taille de vos vignettes.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cinnk.com\/fr\/guide-pour-definir-la-taille-des-vignettes-thumbnails\/\" \/>\n<meta property=\"og:site_name\" content=\"Cinnk\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Cinnk.formation\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-07T14:49:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cinnk.com\/wp-content\/uploads\/2024\/10\/Logo-font.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Cinnk\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CinnkCom\" \/>\n<meta name=\"twitter:site\" content=\"@CinnkCom\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cinnk\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/cinnk.com\/fr\/guide-pour-definir-la-taille-des-vignettes-thumbnails\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/cinnk.com\/fr\/guide-pour-definir-la-taille-des-vignettes-thumbnails\/\"},\"author\":{\"name\":\"Cinnk\",\"@id\":\"https:\/\/cinnk.com\/fr\/#\/schema\/person\/eacaed860bb77e88b654cab0718cdc3d\"},\"headline\":\"Guide pour d\u00e9finir la taille des vignettes (Thumbnails)\",\"datePublished\":\"2020-10-07T14:49:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cinnk.com\/fr\/guide-pour-definir-la-taille-des-vignettes-thumbnails\/\"},\"wordCount\":416,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/cinnk.com\/fr\/#organization\"},\"articleSection\":[\"Phoca Gallery\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cinnk.com\/fr\/guide-pour-definir-la-taille-des-vignettes-thumbnails\/\",\"url\":\"https:\/\/cinnk.com\/fr\/guide-pour-definir-la-taille-des-vignettes-thumbnails\/\",\"name\":\"Guide pour d\u00e9finir la taille des vignettes (Thumbnails) | Cinnk\",\"isPartOf\":{\"@id\":\"https:\/\/cinnk.com\/fr\/#website\"},\"datePublished\":\"2020-10-07T14:49:45+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cinnk.com\/fr\/guide-pour-definir-la-taille-des-vignettes-thumbnails\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cinnk.com\/fr\/guide-pour-definir-la-taille-des-vignettes-thumbnails\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cinnk.com\/fr\/guide-pour-definir-la-taille-des-vignettes-thumbnails\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/cinnk.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Guide pour d\u00e9finir la taille des vignettes (Thumbnails)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cinnk.com\/fr\/#website\",\"url\":\"https:\/\/cinnk.com\/fr\/\",\"name\":\"Cinnk\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cinnk.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cinnk.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cinnk.com\/fr\/#organization\",\"name\":\"Cinnk\",\"url\":\"https:\/\/cinnk.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/cinnk.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cinnk.com\/wp-content\/uploads\/2023\/10\/logo-svg-orange_new.svg\",\"contentUrl\":\"https:\/\/cinnk.com\/wp-content\/uploads\/2023\/10\/logo-svg-orange_new.svg\",\"width\":125,\"height\":32,\"caption\":\"Cinnk\"},\"image\":{\"@id\":\"https:\/\/cinnk.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Cinnk.formation\",\"https:\/\/x.com\/CinnkCom\",\"https:\/\/www.instagram.com\/cinnk\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/cinnk.com\/fr\/#\/schema\/person\/eacaed860bb77e88b654cab0718cdc3d\",\"name\":\"Cinnk\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/cinnk.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2110805a2e278c633c677ec50fd5a9944d8f66b4fac05f86ebb21a2f87be8e0b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2110805a2e278c633c677ec50fd5a9944d8f66b4fac05f86ebb21a2f87be8e0b?s=96&d=mm&r=g\",\"caption\":\"Cinnk\"},\"sameAs\":[\"https:\/\/cinnk.com\"],\"url\":\"https:\/\/cinnk.com\/fr\/author\/cinnkdev\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Guide pour d\u00e9finir la taille des vignettes (Thumbnails) | Cinnk","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cinnk.com\/fr\/guide-pour-definir-la-taille-des-vignettes-thumbnails\/","og_locale":"fr_FR","og_type":"article","og_title":"Guide pour d\u00e9finir la taille des vignettes (Thumbnails) | Cinnk","og_description":"Ce chapitre va vous expliquer \u00e9tape par \u00e9tape comment r\u00e9gler la taille de vos vignettes.","og_url":"https:\/\/cinnk.com\/fr\/guide-pour-definir-la-taille-des-vignettes-thumbnails\/","og_site_name":"Cinnk","article_publisher":"https:\/\/www.facebook.com\/Cinnk.formation","article_published_time":"2020-10-07T14:49:45+00:00","og_image":[{"width":500,"height":500,"url":"https:\/\/cinnk.com\/wp-content\/uploads\/2024\/10\/Logo-font.jpg","type":"image\/jpeg"}],"author":"Cinnk","twitter_card":"summary_large_image","twitter_creator":"@CinnkCom","twitter_site":"@CinnkCom","twitter_misc":{"\u00c9crit par":"Cinnk","Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/cinnk.com\/fr\/guide-pour-definir-la-taille-des-vignettes-thumbnails\/#article","isPartOf":{"@id":"https:\/\/cinnk.com\/fr\/guide-pour-definir-la-taille-des-vignettes-thumbnails\/"},"author":{"name":"Cinnk","@id":"https:\/\/cinnk.com\/fr\/#\/schema\/person\/eacaed860bb77e88b654cab0718cdc3d"},"headline":"Guide pour d\u00e9finir la taille des vignettes (Thumbnails)","datePublished":"2020-10-07T14:49:45+00:00","mainEntityOfPage":{"@id":"https:\/\/cinnk.com\/fr\/guide-pour-definir-la-taille-des-vignettes-thumbnails\/"},"wordCount":416,"commentCount":0,"publisher":{"@id":"https:\/\/cinnk.com\/fr\/#organization"},"articleSection":["Phoca Gallery"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/cinnk.com\/fr\/guide-pour-definir-la-taille-des-vignettes-thumbnails\/","url":"https:\/\/cinnk.com\/fr\/guide-pour-definir-la-taille-des-vignettes-thumbnails\/","name":"Guide pour d\u00e9finir la taille des vignettes (Thumbnails) | Cinnk","isPartOf":{"@id":"https:\/\/cinnk.com\/fr\/#website"},"datePublished":"2020-10-07T14:49:45+00:00","breadcrumb":{"@id":"https:\/\/cinnk.com\/fr\/guide-pour-definir-la-taille-des-vignettes-thumbnails\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cinnk.com\/fr\/guide-pour-definir-la-taille-des-vignettes-thumbnails\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cinnk.com\/fr\/guide-pour-definir-la-taille-des-vignettes-thumbnails\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/cinnk.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Guide pour d\u00e9finir la taille des vignettes (Thumbnails)"}]},{"@type":"WebSite","@id":"https:\/\/cinnk.com\/fr\/#website","url":"https:\/\/cinnk.com\/fr\/","name":"Cinnk","description":"","publisher":{"@id":"https:\/\/cinnk.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cinnk.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/cinnk.com\/fr\/#organization","name":"Cinnk","url":"https:\/\/cinnk.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/cinnk.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/cinnk.com\/wp-content\/uploads\/2023\/10\/logo-svg-orange_new.svg","contentUrl":"https:\/\/cinnk.com\/wp-content\/uploads\/2023\/10\/logo-svg-orange_new.svg","width":125,"height":32,"caption":"Cinnk"},"image":{"@id":"https:\/\/cinnk.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Cinnk.formation","https:\/\/x.com\/CinnkCom","https:\/\/www.instagram.com\/cinnk"]},{"@type":"Person","@id":"https:\/\/cinnk.com\/fr\/#\/schema\/person\/eacaed860bb77e88b654cab0718cdc3d","name":"Cinnk","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/cinnk.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2110805a2e278c633c677ec50fd5a9944d8f66b4fac05f86ebb21a2f87be8e0b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2110805a2e278c633c677ec50fd5a9944d8f66b4fac05f86ebb21a2f87be8e0b?s=96&d=mm&r=g","caption":"Cinnk"},"sameAs":["https:\/\/cinnk.com"],"url":"https:\/\/cinnk.com\/fr\/author\/cinnkdev\/"}]}},"_links":{"self":[{"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/posts\/417","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/comments?post=417"}],"version-history":[{"count":0,"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/posts\/417\/revisions"}],"wp:attachment":[{"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/media?parent=417"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/categories?post=417"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cinnk.com\/fr\/wp-json\/wp\/v2\/tags?post=417"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}