La surcharge de template est une m\u00e9thode int\u00e9ressante pour personnaliser votre site Joomla!. Mais comment faire si vous souhaitez utiliser diff\u00e9rents Types de mise en page (layout) pour vos modules et articles \u00e0 travers votre site web ? L’architecture strict MVC de Joomla! rend cela simple comme un jeu d’enfant.<\/p>\n
\nUtiliser des Types de mise en page alternatives (Layouts) pour personnaliser vos articles et modules Joomla! La surcharge de template est une m\u00e9thode int\u00e9ressante pour personnaliser votre site Joomla!. Mais comment faire si vous souhaitez utiliser diff\u00e9rents Types de mise en page (layout) pour vos modules et articles \u00e0 travers votre site web ? L’architecture strict MVC de Joomla! rend cela simple comme un jeu d’enfant. Si vous avez d\u00e9j\u00e0 cr\u00e9\u00e9 une surcharge de template, alors vous trouverez le proc\u00e9d\u00e9 de layout alternatif presque identique. La seule diff\u00e9rence est que votre layout alternatif apparaitra comme une option \u00e0 cot\u00e9 des layouts par d\u00e9faut, au lieu de compl\u00e8tement les surcharger. L’exemple suivant est bas\u00e9 sur Joomla 2.5.x et devrait \u00e9galement fonctionner sur un site Joomla 3.x.
\nTypes de mise en page alternatifs pour les articles :
\n 1. Localisez le Type de mise en page par d\u00e9faut dans components\/com_content\/views\/article\/tmpl\/default.php
\n 2. Copiez-le dans le dossier html de votre template : templates\/[votre_template]\/html\/com_content\/article (cr\u00e9ez ces dossiers s’ils n’existent pas).
\n 3. Changez le nom du fichier. Pour l’exemple, nous l\u2019appellerons monarticle.php<\/p>\n
Vous pouvez \u00e9diter ce que vous souhaitez dans le nouveau Type de mise en page. Par exemple, nous allons changer l’emplacement des ic\u00f4nes Imprimer & Envoyer par E-mail afin qu’elles apparaissent apr\u00e8s le titre de l’article plut\u00f4t qu’avant. Et nous allons \u00e9galement changer le titre en balise H1.<\/p>\n
Pour utiliser notre nouveau Type de mise en page, rendez-vous simplement dans les param\u00e8tres d’un article et r\u00e9glez le \u201cType de mise en page\u201d.<\/p>\n
Affichez ensuite l’article sur le frontend, et vous verrez l’affichage avec le Type de mise en page \u201cmonarticle\u201d.<\/p>\n
Article avant modifications <\/p>\n
Article apr\u00e8s modifications Type de mise en page alternatif pour modules :
\nSuivez le m\u00eame proc\u00e9d\u00e9 pour cr\u00e9er des Types de mise en page alternatifs pour les modules ! Pour l’exemple, nous allons utiliser le module \u201cContenu personnalis\u00e9\u201d.
\n 1. Localisez le Type de mise en page par d\u00e9faut dans modules\/mod_custom\/tmpl\/default.php
\n 2. Copiez-le dans le dossier html de votre template : templates\/[votre_template]\/html\/mod_custom\/ (cr\u00e9ez ces dossiers s’ils n’existent pas).
\n 3. Changez le nom du fichier. Pour l’exemple nous l\u2019appellerons monmodule.php
\n <\/p>\n
Votre nouveau Type de mise en page apparaitra dans les param\u00e8tres de votre module dans Param\u00e8tres avanc\u00e9s => Type de mise en page.<\/p>\n
Les Types de mise en page alternatifs peuvent \u00eatre utilis\u00e9s pour presque tous les types de modules. Steve Burg (un des auteurs du JCM) propose un exemple int\u00e9ressant sur comment cr\u00e9er des Types de mise en page alternatifs pour les modules Menu. Vous pouvez regarder cela (et bien d’autres choses int\u00e9ressantes) sur le blog OS Training.
\nAstuce : Cr\u00e9ez des Types de mise en page alternatifs seulement lorsque c’est absolument n\u00e9cessaire, comme modifier une balise html, ou changer la position d’un \u00e9l\u00e9ment. Pour les r\u00e9glages comme \u00e9diter les styles ou les couleurs, il est pr\u00e9f\u00e9rable d’effectuer les changements dans les CSS de votre template. Gardez en t\u00eate que vous pouvez \u00e9galement utiliser les Classes de Suffixe ainsi que les Classes de page pour acc\u00e9der aux styles CSS.
\nJ\u2019esp\u00e8re que cette d\u00e9monstration vous aura appri \u00e0 quel point les Types de mise en page alternatifs peuvent \u00eatre puissants. Presque n’importe quel contenu peut \u00eatre modifi\u00e9 selon vos besoins.
\nEt si vous \u00eates d\u00e9veloppeur de template, vous devriez songer \u00e0 utiliser les Types de mise en page alternatifs dans votre travail.
\nIl y a des fonctionnalit\u00e9s importantes que seulement peu de fournisseurs de templates utilisent.
\nAllez de l’avant et faites preuve de cr\u00e9ativit\u00e9 en utilisant les Types de mise en page alternatifs (et soyez prudent si vous n’\u00eates pas un programmeur exp\u00e9riment\u00e9).
\nPour d\u00e9buter avec les surcharges Joomla!, vous pouvez lire l’article : Petit guide pour d\u00e9buter avec les surcharges Joomla!
\nVous avez utilis\u00e9 les Types de mise en page alternatifs dans un travail cr\u00e9atif ? Pr\u00e9sentez-nous cela dans les commentaires d’article ci-dessous.
\nCet article est une traduction de l’article : Tutorial: Taking Advantage of Alternative Layouts for Articles and Modules \u00e9crit par Scott Greenwald.<\/p>\n","protected":false},"excerpt":{"rendered":"
La surcharge de template est une m\u00e9thode int\u00e9ressante pour personnaliser votre site Joomla!. Mais comment faire si vous souhaitez utiliser diff\u00e9rents Types de mise en page (layout) pour vos modules et articles \u00e0 travers votre site web ? L’architecture strict MVC de Joomla! rend cela simple comme un jeu d’enfant.<\/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":[11],"tags":[],"class_list":["post-254","post","type-post","status-publish","format-standard","hentry","category-sixtine"],"yoast_head":"\n