{"id":68,"date":"2009-07-10T13:53:38","date_gmt":"2009-07-10T12:53:38","guid":{"rendered":"https:\/\/www.magavenue.com\/blog\/?p=68"},"modified":"2009-07-10T13:53:38","modified_gmt":"2009-07-10T12:53:38","slug":"installation-theme-magento","status":"publish","type":"post","link":"https:\/\/www.magavenue.com\/blog\/magento\/installation-theme-magento\/","title":{"rendered":"L&#039;installation d&#039;un nouveau th\u00e8me sous Magento"},"content":{"rendered":"<p>Si vous souhaitez installer un nouveau th\u00e8me ou template pour votre boutique sous Magento, deux solutions s\u2019offrent \u00e0\u00a0vous :<\/p>\n<ul>\n<li> Vous trouvez un th\u00e8me disponible sur Magento-connect et utilisez celui-ci pour l\u2019installer (voir notre article :<a title=\"Installation d'une extension avec Magento connect\" href=\"https:\/\/www.magavenue.com\/blog\/magento\/installation-dune-extension-avec-magento-connect\" target=\"_self\" rel=\"noopener noreferrer\"> Installation d&rsquo;une extension avec Magento-connect<\/a>).<\/li>\n<\/ul>\n<ul>\n<li>Vous copiez manuellement, les fichiers du th\u00e8me Magento que vous souhaitez installer, dans les r\u00e9pertoires correspondant. C\u2019est cette derni\u00e8re solution, que nous allons \u00e9tudier.<\/li>\n<\/ul>\n<h2>Comment Magento g\u00e8re les th\u00e8mes (ou templates) :<\/h2>\n<p>La gestion des th\u00e8mes sous Magento est particuli\u00e8re, en effet lors du d\u00e9marrage de votre boutique, Magento charge le th\u00e8me par d\u00e9faut et charge ensuite par dessus, le th\u00e8me que vous avez d\u00e9finit. Sauf si vous avez remplac\u00e9 le th\u00e8me par d\u00e9faut, par le th\u00e8me de votre boutique.<br \/>\n<!--more--><br \/>\nCette fa\u00e7on de fonctionner, vous permet ainsi de pouvoir modifier tr\u00e8s simplement, votre th\u00e8me. Il vous suffit de le cr\u00e9er ou de cr\u00e9er seulement la partie de th\u00e8me que vous souhaitez modifier, de la d\u00e9finir dans l\u2019administration de Magento et celle-ci sera charg\u00e9e par dessus la configuration par d\u00e9faut au d\u00e9marrage de votre boutique, pour venir remplacer la partie du th\u00e8me par d\u00e9faut.<br \/>\nTrois dossiers sont utilis\u00e9s par Magento pour la gestion de ces th\u00e8mes\u00a0:<\/p>\n<ul>\n<li>Le dossier template contient tous les \u00e9l\u00e9ments HTML de votre th\u00e8me (app\/design\/frontend\/default\/le_nom_de_votre_theme\/template),<\/li>\n<li>Le dossier layout contient les fichiers XML de configuration et de positionnement des \u00e9l\u00e9ments de votre th\u00e8me (app\/design\/frontend\/default\/ le_nom_de_votre_theme\/layout),<\/li>\n<li>Enfin, le dossier skin contient plusieurs sous-dossiers avec les images, les feuilles de styles et les fichiers javascript de votre boutique\u00a0(skin\/frontend\/default\/le_nom_de_votre_theme)<\/li>\n<\/ul>\n<p>Dans notre cas nous allons installer le th\u00e8me appel\u00e9 : \u201cLinen\u201d, qui est gratuit et que vous pouvez trouver ici : https:\/\/www.magthemes.com\/free-themes\/Linen-Theme_1.php. Mais le principe est le m\u00eame avec tout autre th\u00e8me.<br \/>\nUne fois le fichier zip du th\u00e8me Magento t\u00e9l\u00e9charg\u00e9, d\u00e9compressez-le. Ouvrez le dossier\u00a0: \u201cLinenTheme_2.0?, vous retrouvez nos deux dossier : \u201capp\u201d et \u201cskin\u201d.<br \/>\n<a href=\"https:\/\/www.magavenue.com\/blog\/wp-content\/uploads\/articles_max\/themes_magento\/6.gif\" rel=\"shadowbox;width=487\"><br \/>\n<img src=\"https:\/\/www.magavenue.com\/blog\/wp-content\/uploads\/articles_max\/themes_magento\/6.gif\" style=\"width: 128px; float: none;\" alt=\"Archive du template Magento\"\/><br \/>\n<\/a><br \/>\nIl vous suffit de copier ces deux dossiers \u00e0\u00a0 la racine de votre site Magento.<br \/>\n<a href=\"https:\/\/www.magavenue.com\/blog\/wp-content\/uploads\/articles_max\/themes_magento\/7.gif\" rel=\"shadowbox;width=435;\"><br \/>\n<img src=\"https:\/\/www.magavenue.com\/blog\/wp-content\/uploads\/articles_max\/themes_magento\/7.gif\" style=\"width: 128px; float: none;\" alt=\"Archive du template Magento\"\/><br \/>\n<\/a><br \/>\nSi vous retourner dans nos 2 dossiers de stockage des th\u00e8mes, vous vous apercevrez qu\u2019un nouveau dossier a \u00e9t\u00e9 cr\u00e9\u00e9 : app\/design\/frontend\/default\/linen et skin\/frontend\/default\/linen.<br \/>\nIl nous reste plus qu\u2019\u00e0\u00a0d\u00e9finir notre nouveau th\u00e8me dans l\u2019administration de Magento.<\/p>\n<h2>Comment d\u00e9finir notre nouveau th\u00e8me dans l\u2019administration de Magento<\/h2>\n<p>Rendez vous dans l\u2019administration de votre site Magento dans le menu \u201cSyst\u00e8me &gt; Configuration &gt; Design\u201d.<br \/>\nVous devez indiquer en premier sur quelle boutique vous souhaitez travailler, il suffit de la choisir dans la zone en haut \u00e0\u00a0gauche : Port\u00e9e de la configuration courante. Si vous laissez configuration par d\u00e9faut, tous vos sites (si vous en avez plusieurs) seront impact\u00e9s par votre nouveau th\u00e8me.<br \/>\n<a href=\"https:\/\/www.magavenue.com\/blog\/wp-content\/uploads\/ajout_theme_magento\/choix_site_Magento.jpg\" rel=\"shadowbox;width=210;\"><br \/>\n<img src=\"https:\/\/www.magavenue.com\/blog\/wp-content\/uploads\/ajout_theme_magento\/choix_site_Magento.jpg\" style=\"width: 210px; float: none;\" alt=\"Choix su site dans l'admin de Magento\"\/><br \/>\n<\/a><br \/>\nUne fois le site choisit, il faut indiquer votre nouveau th\u00e8me, dans la partie de droite :<br \/>\n<a href=\"https:\/\/www.magavenue.com\/blog\/wp-content\/uploads\/ajout_theme_magento\/Definition_nouveau_theme_Magento.jpg\" rel=\"shadowbox;width=752;\"><br \/>\n<img src=\"https:\/\/www.magavenue.com\/blog\/wp-content\/uploads\/ajout_theme_magento\/Definition_nouveau_theme_Magento.jpg\" style=\"width: 210px; float: none;\" alt=\"Choix du nouveau th\u00e8me pour Magento\"\/><br \/>\n<\/a><br \/>\nIl vous suffit d\u2019indiquer dans la zone D\u00e9faut, le nom de votre nouveau th\u00e8me : Linen.<\/p>\n<h2>Comment rafra\u00eechir le cache de votre boutique Magento\u00a0:<\/h2>\n<p>Il vous faut maintenant mettre \u00e0 jour le cache de votre boutique\u00a0Magento :<br \/>\nAllez dans le menu \u00ab\u00a0Syst\u00e8me &gt; Gestion du cache\u00a0\u00bb<br \/>\nDans le premier champ\u00a0: Tout le cache, choisissez\u00a0: Rafra\u00eechir.<br \/>\nLe cache de votre boutique est ainsi mis \u00e0 jour et le nouveau th\u00e8me de votre boutique peut s\u2019afficher.<br \/>\nVoil\u00e0, votre nouveau th\u00e8me Magento est maintenant compl\u00e8tement install\u00e9. Vous pouvez utiliser cette m\u00e9thode relativement simple avec tout autre th\u00e8me.<br \/>\nVoila le r\u00e9sultat !<br \/>\n<a href=\"https:\/\/www.magavenue.com\/blog\/wp-content\/uploads\/articles_max\/themes_magento\/8.gif\" rel=\"shadowbox;width=790;\"><br \/>\n<img src=\"https:\/\/www.magavenue.com\/blog\/wp-content\/uploads\/articles_max\/themes_magento\/8.gif\" style=\"width: 210px; float: none;\" alt=\"Choix du nouveau th\u00e8me pour Magento\"\/><br \/>\n<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si vous souhaitez installer un nouveau th\u00e8me ou template pour votre boutique sous Magento, deux solutions s\u2019offrent \u00e0\u00a0vous : Vous trouvez un th\u00e8me disponible sur Magento-connect et utilisez celui-ci pour l\u2019installer (voir notre article : Installation d&rsquo;une extension avec Magento-connect). Vous copiez manuellement, les fichiers du th\u00e8me Magento que vous souhaitez installer, dans les r\u00e9pertoires&hellip;&nbsp;<a href=\"https:\/\/www.magavenue.com\/blog\/magento\/installation-theme-magento\/\" class=\"\" rel=\"bookmark\">Lire la suite &raquo;<span class=\"screen-reader-text\">L&#039;installation d&#039;un nouveau th\u00e8me sous Magento<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[7],"tags":[65,124,143,219],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>L&#039;installation d&#039;un nouveau th\u00e8me sous Magento - Magavenue : Le Blog du ecommerce Open-source<\/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:\/\/www.magavenue.com\/blog\/magento\/installation-theme-magento\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"L&#039;installation d&#039;un nouveau th\u00e8me sous Magento - Magavenue : Le Blog du ecommerce Open-source\" \/>\n<meta property=\"og:description\" content=\"Si vous souhaitez installer un nouveau th\u00e8me ou template pour votre boutique sous Magento, deux solutions s\u2019offrent \u00e0\u00a0vous : Vous trouvez un th\u00e8me disponible sur Magento-connect et utilisez celui-ci pour l\u2019installer (voir notre article : Installation d&rsquo;une extension avec Magento-connect). Vous copiez manuellement, les fichiers du th\u00e8me Magento que vous souhaitez installer, dans les r\u00e9pertoires&hellip;&nbsp;Lire la suite &raquo;L&#039;installation d&#039;un nouveau th\u00e8me sous Magento\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.magavenue.com\/blog\/magento\/installation-theme-magento\/\" \/>\n<meta property=\"og:site_name\" content=\"Magavenue : Le Blog du ecommerce Open-source\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/magavenue\/\" \/>\n<meta property=\"article:published_time\" content=\"2009-07-10T12:53:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.magavenue.com\/blog\/wp-content\/uploads\/articles_max\/themes_magento\/6.gif\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Magavenue\" \/>\n<meta name=\"twitter:site\" content=\"@Magavenue\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture est.\">\n\t<meta name=\"twitter:data1\" content=\"3 minutes\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.magavenue.com\/blog\/#website\",\"url\":\"https:\/\/www.magavenue.com\/blog\/\",\"name\":\"Magavenue : Le Blog du ecommerce Open-source\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/www.magavenue.com\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.magavenue.com\/blog\/magento\/installation-theme-magento\/#primaryimage\",\"inLanguage\":\"fr-FR\",\"url\":\"https:\/\/www.magavenue.com\/blog\/wp-content\/uploads\/articles_max\/themes_magento\/6.gif\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.magavenue.com\/blog\/magento\/installation-theme-magento\/#webpage\",\"url\":\"https:\/\/www.magavenue.com\/blog\/magento\/installation-theme-magento\/\",\"name\":\"L&#039;installation d&#039;un nouveau th\\u00e8me sous Magento - Magavenue : Le Blog du ecommerce Open-source\",\"isPartOf\":{\"@id\":\"https:\/\/www.magavenue.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.magavenue.com\/blog\/magento\/installation-theme-magento\/#primaryimage\"},\"datePublished\":\"2009-07-10T12:53:38+00:00\",\"dateModified\":\"2009-07-10T12:53:38+00:00\",\"author\":{\"@id\":\"https:\/\/www.magavenue.com\/blog\/#\/schema\/person\/583c008caa8ac9ecf5994ed089fffbad\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.magavenue.com\/blog\/magento\/installation-theme-magento\/\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.magavenue.com\/blog\/#\/schema\/person\/583c008caa8ac9ecf5994ed089fffbad\",\"name\":\"Magavenue\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.magavenue.com\/blog\/#personlogo\",\"inLanguage\":\"fr-FR\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5eaa47e1e657a76ab2fb0f045063b303?s=96&d=mm&r=g\",\"caption\":\"Magavenue\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/posts\/68"}],"collection":[{"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":0,"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/posts\/68\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/media?parent=68"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/categories?post=68"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.magavenue.com\/blog\/wp-json\/wp\/v2\/tags?post=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}