NDLR: Ainsi, comme dit ma grand-m\u00e8re, “un petit chez soi vaut mieux qu’un grand chez les autres”. Le principe s’applque pour le logement comme pour le th\u00e8me Drupal.<\/em><\/p>\n\t\t\t\t\t Un excellent livre sur le CMS Drupal, qui prend vraiment le partie d'une approche pragmatique et efficace. Rien n'est laiss\u00e9 de c\u00f4t\u00e9 sur la compr\u00e9hension de Drupal (th\u00e8me, module...etc) mais il n'y a rien de superflu non plus. Par ailleurs, une chose rare qui m\u00e9rite d'\u00eatre signal\u00e9e c'est une application concr\u00e8te de la m\u00e9thode Agile avec \"User storie\", \"Acceptance Test\" pour mener \u00e0 bien le d\u00e9veloppement d'un site sous Drupal. Un livre tr\u00e8s complet.<\/p>\n\t\t\t\t\t\t\t\tGenre(s) : Agile<\/a>, Agile Scrum<\/a>, Ajax<\/a>, API<\/a>, APIs<\/a>, Applications<\/a>, CMS<\/a>, Development<\/a>, Direction de projet<\/a>, Drupal<\/a>, Javascript<\/a>, jQuery<\/a>, jQuery UI<\/a>, Open Source<\/a>, PHP<\/a>, PHP Applications<\/a>, Theme<\/a>, User stories<\/a>, Website<\/a> Pour r\u00e9pertorier et se rappeler ces mauvaises pratiques, je vous invite tout de m\u00eame jeter un \u0153il sur cet article. Dans le sc\u00e9nario “1. BON”, vous devrez cr\u00e9er le r\u00e9pertoire Dans un “theme” drupal 6.x, on va cr\u00e9er un fichier Ce d\u00e9coupage a pur but de vous permettre ult\u00e9rieurement de faire appel \u00e0 l’aide de la variable $left directement dans un fichier .tpl.php. Fichir dont on verra la cr\u00e9ation plus loin dans l’article.<\/p>\n Il faut enregistrer ce fichier Un mod\u00e8le de fichier Vous pouvez ajouter une image dans ce m\u00eame r\u00e9pertoire , c’est plus fun… La taille est de 150 pixels de large par 90 pixels de hauteur. A NOTER : le fichier doit avoir le m\u00eame nom que votre r\u00e9pertoire situ\u00e9 dans Il est certain que la cr\u00e9ation d’un fichier Pour m\u00e9moire, nous sommes dans le moteur A la diff\u00e9rence du CMS Drupal, dans CodeIgniter, il ne s’agit pas de v\u00e9ritables variables mais plus d\u2019\u00e9l\u00e9ments en “plain text” facilement imprimables et manipulables. \u00c9l\u00e9ments qui s’impriment dans les vues de votre site MVC. Cela \u00e9limine du m\u00eame coup la complexit\u00e9 de PHP. On peut par exemple confier la construction de ces vues \u00e0 un graphique m\u00eame ou un int\u00e9grateur html.<\/p>\n Quelques-unes de ces variables sont vraiment indispensables.<\/p>\n Il existe 3<\/b> choses importantes dont il faut se souvenir pour analyser et constituer un th\u00e8me Drupal.<\/p>\n Pour comprendre ce mode d\u2019affichage de votre th\u00e8me gr\u00e2ce au code ci-dessous, il faut lire “si il existe une 1. Affichage ou non – imprime le contenu de la colonne de gauche<\/b><\/p>\n 2. le plat de r\u00e9sistance – imprime la variable 3. rappel des autres variables importantes \u00e0 faire figure dans votre fichier En gardant en m\u00e9moire ces 3 points, il vous faudra compl\u00e9ter votre th\u00e8me afin. L\u00e0 encore, deux fa\u00e7ons de faire, vous pouvez lister toutes ces variables puis injecter votre code xhtml\/css ou vous inspirer d’un th\u00e8me existant pour isoler les variables.<\/strong><\/p>\n NB : Un bon article sur les \u00ab must-have \u00bb d\u2019un th\u00e8me drupal. ” Anatomy of a Drupal 6 theme ” un exemple de code source du fichier Il vous restera \u00e0 cr\u00e9er un fichier CSS dans votre r\u00e9pertoire de th\u00e8me pour peaufiner l’affichage. Pour information, voici un extrait de la css du th\u00e8me Dans un article pr\u00e9c\u00e9dent, on avait une m\u00e9thode simple, efficace mais finalement assez risqu\u00e9e de cr\u00e9er un th\u00e8me sur Drupal en d\u00e9tournant un th\u00e8me existant.<\/p>\n","protected":false},"author":1,"featured_media":9473,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bf_ai_meta_description":"Cr\u00e9er un th\u00e8me Drupal 6.x avec les bonnes pratiques. Utilisez les outils ad\u00e9quats pour un th\u00e8me performant et maintenable.","bf_ai_og_title":"Th\u00e8me Drupal 6.x : bonnes pratiques","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[3444,3451,3435,3452],"tags":[2221,204,2225,205,2211,206,207,126,2198],"class_list":["post-800","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programming-databases","category-web-design-front-end","category-web-development","category-wordpress-cms","tag-cms","tag-cobra","tag-drupal","tag-drupal-6x","tag-mysql","tag-phptemplate","tag-pratiques","tag-theme","tag-webdesign-responsive-agile"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3Vuhl-cU","jetpack_featured_media_url":"https:\/\/flaven.fr\/wp-content\/uploads\/2010\/02\/drupal_generic_g_bf.jpg","_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/comments?post=800"}],"version-history":[{"count":2,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/800\/revisions"}],"predecessor-version":[{"id":10183,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/800\/revisions\/10183"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media\/9473"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=800"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/categories?post=800"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/tags?post=800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"Leveraging](\"http:\/\/ecx.images-amazon.com\/images\/I\/41gnzk7TYDL._SL160_.jpg\")
<\/a>\n\t\t\t\t\t <\/div>\n\t\t\t\t\t\tLeveraging Drupal: Getting Your Site Done Right<\/a><\/h2>\n\t\t\t\t\t\t\t\n\t\t\t\t\t
Auteur(s) : Victor Kane<\/a>
Edition(s) : John Wiley & Sons<\/a>
\n\t\t\t\t\tA faire ou \u00e0 ne pas faire…<\/h4>\n
\nComprendre en 5 minutes les principes du th\u00e8me drupal<\/a>
\nTout d’abord, il vaut mieux ne pas d\u00e9plier son th\u00e8me dans le r\u00e9pertoire usuel de publication. Pour r\u00e9sumer, cette prartique dans un dilemme simple et inquisiteur de ce qu’il faut faire ou pas. Sch\u00e9matiquement, le choix du r\u00e9pertoire pour votre th\u00e8me est le suivant :
\n1. BON<\/strong> drupal >> sites >> all >> themes >> lenomdemontheme<\/code>
\n2. PAS BON<\/strong> drupal >> themes<\/code><\/p>\nthemes<\/code> car il n’existe pas. <\/em><\/p>\nCr\u00e9er un fichier .info<\/h4>\n
.info<\/code>. Ce fichier rec\u00e8le les informations indispensable au CMS Drupal sur la nature du th\u00e8me et de son fonctionnement.<\/p>\n\n
\n
name<\/code>, le nom, il s’agit du nom du th\u00e8me (majuscule ou minuscule, avec ou sans accent)<\/li>\ndescription<\/code>, une description un peu \u00e0 la mani\u00e8res des themes wordpress<\/li>\ncore<\/code>, la version de drupal sur lequel cela marche<\/li>\nengine<\/code>, tr\u00e8s souvent “phtemplate”, c’est devenu quasiment un standard<\/li>\nregions [left] = Left sidebar<\/code>, il s’agit de la colonne de gauche de votre futur template. Vous disposez d’autres positions comme right<\/code>, content<\/code>, header<\/code>, footer<\/code>, content<\/code><\/strong>. En g\u00e9n\u00e9ral, il en existe un certain nombre par d\u00e9faut : right, content, header, footer.<\/li>\n<\/blockquote>\nLe d\u00e9coupage en
regions<\/code><\/h4>\nApres le d\u00e9coupage, o\u00f9 enfouir le
.info<\/code><\/h4>\n.info<\/code>avec le nom de votre th\u00e8me lenomdemontheme.info<\/code><\/p>\n.info<\/code><\/strong><\/p>\n\r\nname = Un th\u00e8me de plus dans l'univers\r\ndescription = un magnifique th\u00e8me multi colonne, inspir\u00e9 par cobra, tout d\u00e9sign\u00e9 pur un blog.\r\n screenshot = screenshot.png\r\ncore = 6.x\r\nengine = phptemplate\r\nregions[left] = Left sidebar\r\nregions[right] = Right sidebar\r\nregions[content] = Content\r\nregions[header] = Header\r\nregions[footer] = Footer\r\n<\/pre>\n
\nscreenshot = screenshot.png<\/code><\/em><\/p>\nthemes<\/code>. Ainsi, on enregistrera le fichier au nom de lenomdemontheme.info<\/code> dans le repertoire drupal >> sites >> all >> themes >> lenomdemontheme<\/code><\/strong><\/p>\nCr\u00e9er un fichier page.tpl.php<\/h4>\n
page.tpl.php<\/code> dans Drupal 6.x est loin d\u2019\u00eatre une obligation mais c’est fortement recommand\u00e9 car cela vous offre un contr\u00f4le sur votre th\u00e8me. On se cantonnera pour cr\u00e9er ce fichier \u00e0 un assortiment de xhtml\/CSS, qui donnera l’apparence de votre site. Dans cette page, il n’ ya aura plus qu’\u00e0 imprimer des variables Drupal \u00e0 l’int\u00e9rieur de la page.<\/p>\nVariables drupal ?<\/h4>\n
phptemplate<\/code>, ainsi donc on va pouvoir passer des “pseudo-variables” qui sont souvent la marque de fabrique et le propre des moteur de templates (template engine). Pour information, c’est une notion qui existe par exemple dans des frameworks comme CodeIgniter ou Smarty.<\/p>\n\n
\n\t\thttp:\/\/codeigniter.com\/user_guide\/libraries\/parser.html<\/a><\/li>\n
\n\t\thttp:\/\/www.smarty.net\/<\/a><\/li>\n<\/ul>\nQuelques exemples de variables Drupal<\/h4>\n
$head_title<\/code>, le nom du site
\n$head<\/code>, ce que contient la balise head<\/code> du site
\n$styles<\/code>, cette variable ins\u00e8re la feuille de style du site
\n$scripts<\/code>, cette variable ins\u00e8re les scripts javascript du site
\n$closure<\/code>, cette variable cl\u00f4t les scripts ex\u00e9cut\u00e9s dans votre th\u00e8me Drupal. Il est vivement recommand\u00e9 de la mettre avant <\/body><\/code><\/p>\nLire son template Drupal 6.x<\/h4>\n
$sidebar_left<\/code> alors imprime le contenu de cette colonne de gauche d\u00e9finie dans notre fichier .info<\/code>”<\/p>\n\r\n<?php if ($left) { ?><div id="sidebar-left">\r\n <?php print $left ?>\r\n<\/div><?php } ?>\r\n<\/pre>\n$content<\/code><\/b>
\nCette variable va contenir le contenu principal de vos pages.<\/p>\n\r\n\t<?php print $content ?>\r\n<\/pre>\n
page.tpl.php<\/code><\/b><\/p>\n\r\n\t<?php \r\n\tprint $messages;\r\n\tprint $help;\r\n\tprint $content;\r\n\tprint $footer;\r\n\t\r\n\t\/\/ \u00e0 faire figurer toujours en bas de votre template\r\n\tprint $closure;\r\n\t\r\n\t\r\n\t\r\n\t?>\r\n<\/pre>\n
\nhttp:\/\/drupal.org\/node\/171194<\/a><\/p>\npage.tpl.php<\/code> du th\u00e8me ZEN<\/b><\/p>\n\r\n\t<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Strict\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd">\r\n\t<html xmlns="http:\/\/www.w3.org\/1999\/xhtml" lang="<?php print $language ?>" xml:lang="<?php print $language ?>">\r\n\r\n\t<head>\r\n\t <title><?php print $head_title ?><\/title>\r\n\t <?php print $head ?>\r\n\t <?php print $styles ?>\r\n\t <?php print $scripts ?>\r\n\t <script type="text\/javascript"><?php \/* Needed to avoid Flash of Unstyle Content in IE *\/ ?> <\/script>\r\n\t<\/head>\r\n\r\n\t<body>\r\n\r\n\t<table border="0" cellpadding="0" cellspacing="0" id="header">\r\n\t <tr>\r\n\t <td id="logo">\r\n\t <?php if ($logo) { ?><a href="<?php print $base_path ?>" title="<?php print t('Home') ?>"><img src="<?php print $logo ?>" alt="<?php print t('Home') ?>" \/><\/a><?php } ?>\r\n\t <?php if ($site_name) { ?><h1 class='site-name'><a href="<?php print $base_path ?>" title="<?php print t('Home') ?>"><?php print $site_name ?><\/a><\/h1><?php } ?>\r\n\t <?php if ($site_slogan) { ?><div class='site-slogan'><?php print $site_slogan ?><\/div><?php } ?>\r\n\t <\/td>\r\n\t <td id="menu">\r\n\t <?php if (isset($secondary_links)) { ?><?php print theme('links', $secondary_links, array('class' =>'links', 'id' => 'subnavlist')) ?><?php } ?>\r\n\t <?php if (isset($primary_links)) { ?><?php print theme('links', $primary_links, array('class' =>'links', 'id' => 'navlist')) ?><?php } ?>\r\n\t <?php print $search_box ?>\r\n\t <\/td>\r\n\t <\/tr>\r\n\t <tr>\r\n\t <td colspan="2"><div><?php print $header ?><\/div><\/td>\r\n\t <\/tr>\r\n\t<\/table>\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t<?php if ($closure_region): ?>\r\n <div id="closure-blocks"><?php print $closure_region; ?><\/div>\r\n <?php endif; ?>\r\n\r\n <?php print $closure; ?>\r\n\r\n <\/div><\/div> <!-- \/#page-inner, \/#page -->\r\n\r\n<\/body>\r\n<\/html><?php if ($closure_region): ?>\r\n\r\n\t\r\n<\/pre>\nCr\u00e9er un fichier CSS style.css<\/h4>\n
zen<\/code><\/p>\n\r\n\t\/* $Id: zen.css,v 1.1.2.27 2008\/09\/14 09:28:14 johnalbin Exp $ *\/\r\n\r\n\t\/*\r\n\t * ZEN STYLES\r\n\t *\r\n\t * This is an example stylesheet. Sub-themes should NOT include the zen\/zen.css\r\n\t * file, but instead copy this CSS to their own stylesheets.\r\n\t *\r\n\t * In this stylesheet, we have included all of the classes and IDs from this\r\n\t * theme's tpl.php files. We have also included many of the useful Drupal core\r\n\t * styles to make it easier for theme developers to see them.\r\n\t *\r\n\t * Many of these styles are over-riding Drupal's core stylesheets, so if you\r\n\t * remove a declaration from here, the styles may still not be what you want\r\n\t * since Drupal's core stylesheets are still styling the element. See the\r\n\t * drupal5-reference.css file for a list of all Drupal 5.x core styles.\r\n\t *\r\n\t * In addition to the style declarations in this file, other Drupal styles that\r\n\t * you might want to override or augment are those for:\r\n\t *\r\n\t * Book Navigation See line 74 of Zen's drupal5-reference.css file\r\n\t * Forum See line 197 of Zen's drupal5-reference.css file\r\n\t * Menus See line 667 of Zen's drupal5-reference.css file\r\n\t * News Aggregator See line 20 of Zen's drupal5-reference.css file\r\n\t * Polls See line 287 of Zen's drupal5-reference.css file\r\n\t * Search See line 320 of Zen's drupal5-reference.css file\r\n\t * User Profiles See line 945 of Zen's drupal5-reference.css file\r\n\t *\/\r\n\r\n\r\n\t\/** body **\/\r\n\t body\r\n\t {\r\n\t margin: 0;\r\n\t padding: 10px;\r\n\t }\r\n\r\n\t #page\r\n\t {\r\n\t }\r\n\r\n\t #page-inner\r\n\t {\r\n\t }\r\n\r\n\t\/** header **\/\r\n\t #header\r\n\t {\r\n\t }\r\n\r\n\t #header-inner\r\n\t {\r\n\t }\r\n\r\n\t #logo-title \/* Wrapper for logo, website name, and slogan *\/\r\n\t {\r\n\t }\r\n\t\/* to be continued *\/\r\n<\/pre>\nPour aller plus loin<\/h2>\n
\n
\n\tConverting 5.x themes to 6.x<\/em>
\n\thttp:\/\/drupal.org\/node\/132442<\/a><\/li>\n
\n\t\thttp:\/\/drupal.org\/node\/171205<\/a><\/li>\n
\n\t\t\tL’image qui appara\u00eet en fond sous le logo drupal
\n\t\t\tLes principaux artistes du mouvement Cobra sont Karel Appel. Asger Jorn. Pierre Alechinsky. Corneille. Constant. Nyholm. Egill Jacobsen. Christian Dotremont. Noiret. Pederson. Ejler Bille.<\/em>
\n\t\thttp:\/\/gilbert-arts.blogspot.com\/2006\/12\/cobra-exubrance-frocit.html<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"