fine-tuning<\/code> pour parfaire ce th\u00e8me. Pour cet article, le th\u00e8me a \u00e9t\u00e9 r\u00e9alis\u00e9 sous Drupal 6.15<\/b><\/p>\n\t\t\t\t\t\n\n\t\t\t\t\t \n\t\t\t\t\t ![\"Using](\"http:\/\/ecx.images-amazon.com\/images\/I\/51q3GqMpbxL._SL160_.jpg\")
<\/a>\n\t\t\t\t\t <\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tUsing Drupal<\/a><\/h2>\n\t\t\t\t\t\t\t\n\t\t\t\t\t Un livre complet sur comment construire diff\u00e9rents types de sites Web en utilisant le CMS Drupal, qui est la plate-forme de publication sur le Web tr\u00e8s populaire sur le Web. Drupal est sans doute la meilleure solution de gestion de contenu actuelle bien que la courbe d'apprentissage puisse \u00eatre longue surtout pour les personnes en charge de la gestion du site, disons l'\u00e9quipe \u00e9ditoriale. Le livre pr\u00e9sente de tr\u00e8s nombreuses \u00e9tudes de cas : Gestion des commentaires; Gestion d'un Wiki; Gestion des flux d'\u00e9dition; Gestion d'une galerie de photos; Manager des Sites multilingues ou enfin la gestion de type de contenu comme des \u00e9v\u00e9nements... Bref, un tour d'horizon tout \u00e0 complet.<\/p>\n\t\t\t\t\t\t\t\tGenre(s) : Agile<\/a>, API<\/a>, Applications<\/a>, CMS<\/a>, Database MySQL<\/a>, Development<\/a>, D\u00e9veloppement<\/a>, Drupal<\/a>, Mobile<\/a>, Module<\/a>, Multilingual<\/a>, Open Source<\/a>, PHP<\/a>, PHP Applications<\/a>, SEO<\/a>, SMO<\/a>, Theming<\/a>, Web<\/a>, Web Apps<\/a>, Webdesign<\/a>, Website<\/a>
Auteur(s) : Addison Berry<\/a>, Angela Byron<\/a>, Jeff Robbins<\/a>, Nate Haug<\/a>
Edition(s) : O'Reilly Media<\/a>
\n\t\t\t\t\t<\/i>+ d'infos<\/span><\/a><\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\nLes valeurs du fichier principale page.tpl.php<\/code> <\/h4>\n\tLa premi\u00e8re chose est bien connaitre les valeurs qui peuvent \u00eatre utilis\u00e9es dans le fichier page.tpl.php<\/code> qui est disons le noeud, pour reprendre la terminologie “Drupalienne”, de l’affichage d’un th\u00e8me.<\/p>\n\tCes valeurs sont appel\u00e9s par Drupal au sein de notre fichier page.tpl.php<\/code>, vous n’aurez donc qu’\u00e0 remplacer les \u00e9l\u00e9ments statiques en HTML<\/code> par d’autres valeurs dynamiques reconnus et utilis\u00e9s par Drupal 6.<\/b><\/p>\n\tOn va retrouver ici, quelques-unes des pratiques qui \u00e9taient d\u00e9j\u00e0 en action sur un pr\u00e9c\u00e8dent article.<\/p>\n
\n- Drupal 6 – les bonnes pratiques pour cr\u00e9er un th\u00e8me pour drupal 6.x<\/a><\/li>\n<\/ul>\n
Un extrait des valeurs possibles de page.tpl.php<\/code><\/b><\/p>\n\n\t$base_path
\n\t Returns the base URL path of the Drupal installation. At the very least, this will always default to \/.
\n\t$breadcrumb
\n\t HTML for displaying the breadcrumbs at the top of the page.
\n\t$closure
\n\t Needs to be displayed at the bottom of the page, for any dynamic javascript that needs to be called once the page has already been displayed.
\n\t$content
\n\t The HTML content generated by Drupal to be displayed.
\n\t$css
\n\t An array of all the CSS files for the current page.
\n\t$directory
\n\t The directory the theme is located in, e.g.
\n\t themes\/garland or themes\/garland\/minelli.
\n\t$feed_icons
\n\t A string of all feed icons for the current page.
\n\t$footer_message
\n\t The footer message as defined in the admin settings, also the HTML for the footer region.
\n\t$head
\n\t HTML as generated by drupal_get_html_head().<\/p>\n
\t…. to be continued\n\t<\/p><\/blockquote>\n
Source : http:\/\/drupal.org\/node\/11812<\/a><\/i><\/p>\nCe fichier sera notre fichier principal pour ce th\u00e8me qui ne comporte \u00e0 ce jour qu’un seul fichier. Pour trouvre des modeles HTML<\/code>, il suffit de se baisser. En effet, le Web regarde de ressources qui distribuent des templates HTML<\/code><\/b>. Pour notre part, nous sommes all\u00e9s chercher un th\u00e8me nomm\u00e9 singapore<\/code> sur freelayouts.com\/<\/p>\nLe th\u00e8me singapore<\/code> en HTML<\/code> ou dans les petites rues de singapore<\/code><\/b>
\n![\"Drupal,](\"https:\/\/flaven.fr\/wp-content\/uploads\/2010\/02\/theme_drupal_5_min_1.jpg\")
<\/p>\nSource : http:\/\/www.freelayouts.com\/websites\/html-templates?order=rating+desc.<\/a><\/i><\/p>\nEtape 1 – Convertir notre fichier html en page.tpl.php<\/code><\/h4>\n\tC’est disons la chose la plus simple \u00e0 faire, renommer un fichier est donc la premi\u00e8re chose \u00e0 faire. Vous allez donc renommer index.html<\/code> en page.tpl.php<\/code><\/p>\nEtape 2 – Utiliser des normes dans les noms de vos r\u00e9pertoires et de vos fichiers au sein de votre futur th\u00e8me<\/h4>\n
\tLe r\u00e9pertoire d’images<\/b>
\n\tDans notre exemple, le r\u00e9pertoire d’image se nomme grafics<\/code>, changez-le pour images<\/code> ou img<\/code>. Le nom de ce r\u00e9pertoire n’a pas d’impact sur le fonctionnement de Drupal mais c’est une bonne pratique de nomenclature pour chacun vos th\u00e8mes. On gagne toujours du temps et on se rapproche de l’adage, Convention over Configuration<\/code><\/p>\n\tLa feuille de style (CSS)<\/b><\/p>\n
\tLa feuille de style est toujours nomm\u00e9 style.css<\/code>, comme dans WordPress d’ailleurs.<\/p>\nEtape 3 – Placer votre nouveau th\u00e8me dans le r\u00e9pertoire Drupal qui convient<\/h4>\n
\tLe r\u00e9pertoire qui dans notre exemple se nomme singapore<\/code> devra se placer dans le r\u00e9pertoire ad\u00e9quat de Drupal. Ce r\u00e9pertoire se nomme themes<\/code>, si c’est la premi\u00e8re fois que vous utilisez un th\u00e8me vous allez devoir le cr\u00e9er \u00e0 cette endroit \/Applications\/MAMP\/htdocs\/[le_repertoire_dans_lequel_drupal_6_est_installe]\/sites\/all\/<\/code>..
\n\tC’est dans ce r\u00e9pertoire que l’on stocke les th\u00e8mes personnalis\u00e9s pour Drupal<\/b><\/p>\n\tLe README.txt<\/b><\/p>\n\n\t\/\/ $Id: README.txt,v 1.3 2006\/12\/23 15:35:51 dries Exp $<\/p>\n
\tThis directory should be used to place downloaded and custom modules
\n\tand themes which are common to all sites. This will allow you to
\n\tmore easily update Drupal core files. These modules and themes should
\n\tbe placed in subdirectories called modules and themes as follows:<\/p>\n
\t sites\/all\/modules
\n\t sites\/all\/themes\n\t<\/p><\/blockquote>\n
Etape 4 – Cr\u00e9er un fichier .info<\/code> pour votre th\u00e8me<\/h4>\n\tC’est une n\u00e9cessit\u00e9 pour faire fonctionner un th\u00e8me sous Drupal 6.<\/p>\n
\tA titre d’exemple, la source du fichier garland.info<\/code><\/b><\/p>\n\r\n\r\n\t; $Id: garland.info,v 1.5 2007\/07\/01 23:27:32 goba Exp $\r\n\tname = Garland\r\n\tdescription = Tableless, recolorable, multi-column, fluid width theme (default).\r\n\tversion = VERSION\r\n\tcore = 6.x\r\n\tengine = phptemplate\r\n\tstylesheets[all][] = style.css\r\n\tstylesheets[print][] = print.css\r\n\r\n\t; Information added by drupal.org packaging script on 2009-05-13\r\n\tversion = \"6.12\"\r\n\tproject = \"drupal\"\r\n\tdatestamp = \"1242243950\"\r\n\r\n\t<\/pre>\n\r\n\t\t; $Id: singapore.info,v 1.0 2010\/02\/14 16:14:05 $\r\n\t\tname = singapore\r\n\t\tscreenshot = screenshot.png\r\n\t\tdescription = Quick and dirty conversion of an HTML page.\r\n\t\tversion = VERSION\r\n\t\tcore = 6.x\r\n\t\tengine = phptemplate\r\n\r\n\r\n\t\tregions[left] = Left sidebar\r\n\t\tregions[right] = Right sidebar\r\n\t\tregions[content] = Content\r\n\t\tregions[header] = Header\r\n\t\tregions[footer] = Footer\r\n\r\n\r\n\r\n\t\tstylesheets[all][] = style.css\r\n\t\tstylesheets[print][] = print.css\r\n\r\n\t\t; Information added by hecube.net for an article about quick creation for theme in drupal 6, made the 2010-02-14\r\n\t\tversion = \"6.15\"\r\n\t\tproject = \"drupal\"\r\n\t\tdatestamp = \"1266160263\"\r\n\r\n<\/pre>\nPour information, la valeur datestamp<\/code> est le nombre de secondes qui s\u00e9pare la date de cr\u00e9ation du fichier et le 1 Janvier 1970. Vous obtiendrez en php, la valeur en faisant un print<\/code> de la valeur time();<\/code><\/p>\n\r\n\r\n\t$datestamp = time ();\r\n\tprint('$datestamp => '.$datestamp.'');\r\n\r\n\t<\/pre>\nInjecter quelques valeurs de Drupal dans votre tout nouveau template<\/h4>\n
\tOn place ici en vrac quelques valeurs qui vont \u00eatre appel\u00e9es au sein de votre th\u00e8me pour :<\/p>\n
\n- parfaire un peu son caract\u00e8re dynamique<\/li>\n
- quitter d\u00e9finitivement le cot\u00e9 statique de notre th\u00e8me HTML<\/li>\n<\/ul>\n
Un conseil, conserver Garland comme th\u00e8me pour votre administration, car vous risquez avec l’activation d’un th\u00e8me aussi sommaire de ne pouvoir acc\u00e9der ensuite \u00e0 votre administration http:\/\/[le_chemin_vers_l_admin-de_votre drupal]\/?q=admin<\/code>. Sous MAMP et dans notre exemple, l’admininbstration est accessible \u00e0 cette adresse http:\/\/127.0.0.1\/DRUPAL_6\/site\/?q=admin<\/code>.<\/p>\nActivation du th\u00e8me singapore<\/code><\/b>
\n![\"Drupal,](\"https:\/\/flaven.fr\/wp-content\/uploads\/2010\/02\/theme_drupal_5_min_4.jpg\")
<\/p>\nOn maintient Garland<\/code> en m\u00eame temps que le th\u00e8me singapore<\/code><\/b>
\n\t![\"Drupal,](\"https:\/\/flaven.fr\/wp-content\/uploads\/2010\/02\/theme_drupal_5_min_3.jpg\")
<\/p>\n\t\tOn maintient Garland<\/code>, il est possible aussi de conserver ce th\u00e8me lorsque on \u00e9dite les articles en cliquant sur le checkbox Use administration theme for content editing<\/code>.<\/b>
\n\t\t![\"Drupal,](\"https:\/\/flaven.fr\/wp-content\/uploads\/2010\/02\/theme_drupal_5_min_5.jpg\")
<\/p>\nLe th\u00e8me singapore<\/code> sous Drupal 6.x<\/b>
\n\t![\"Drupal,](\"https:\/\/flaven.fr\/wp-content\/uploads\/2010\/02\/theme_drupal_5_min_2.jpg\")
<\/p>\n\tUn rappel de quelques valeurs essentiels \u00e0 passer dans la fichier de votre th\u00e8me Drupal 6.x<\/b><\/p>\n\r\n\r\n\t\t<?php\r\n\r\n\t\tprint(''.$tabs.'');\r\n\t\tprint(''.$title.'');\r\n\t\tprint(''.$content.'');\r\n\t\tprint(''.$right.'');\r\n\t\tprint(''.$footer.'');\r\n\t\tprint(''.$footer_message.'');\r\n\r\n\t\t ?>\r\n\r\n\r\n\t\t<\/pre>\n\tNotre fichier page.tpl.php<\/code> aux couleurs de singapore<\/code><\/b><\/p>\n\r\n\r\n\t\t<?php\r\n\t\t\/\/ $Id: page.tpl.php,v 1.18.2.1 2009\/04\/30 00:13:31 goba Exp $\r\n\t\t?><!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Strict\/\/EN"\r\n\t\t "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd">\r\n\t\t<html xmlns="http:\/\/www.w3.org\/1999\/xhtml" xml:lang="<?php print $language->language ?>" lang="<?php print $language->language ?>" dir="<?php print $language->dir ?>">\r\n\t\t <head>\r\n\t\t <title><?php print $head_title ?><\/title>\r\n\t\t <?php print $head ?>\r\n\t\t\t<?php print $styles ?>\r\n\t\t <?php print $scripts ?>\r\n\t\t <\/head>\r\n\t\t<body>\r\n\t\t <div id="overall">\r\n\r\n\t\t <!-- start head grafic -->\r\n\t\t <div id="head">\r\n\t\t <!-- start top navigation -->\r\n\t\t <div id="topnav">\r\n\t\t \t<?php if (isset($primary_links)) : ?>\r\n\t\t <?php print theme('links', $primary_links, array('class' => 'links primary-links')) ?>\r\n\t\t <?php endif; ?>\r\n\t\t <\/div>\r\n\t\t <\/div>\r\n\r\n\t\t <!-- start any-links & mid grafic-->\r\n\t\t <div id="anyline">\r\n\t\t <div id="anybgr"><\/div>\r\n\t\t <div id="anylink">\r\n\t\t\t <?php \/* PAS UTILE POUR LE MOMENT *\/ ?>\r\n\t\t <!-- <a href="#" target="_top" onfocus="this.blur()">anylink<\/a>\r\n\t\t <a href="#" target="_top" onfocus="this.blur()">anylink<\/a>\r\n\t\t <a href="#" target="_top" onfocus="this.blur()">anylink<\/a>\r\n\t\t <a href="#" target="_top" onfocus="this.blur()">anylink<\/a>\r\n\t\t <a href="#" target="_top" onfocus="this.blur()">anylink<\/a>\r\n\t\t <a href="#" target="_top" onfocus="this.blur()">anylink<\/a> -->\r\n\t\t <\/div>\r\n\t\t <\/div>\r\n\r\n\t\t <!-- bottom grafic & homepage title -->\r\n\t\t <div id="tgbtm"><\/div>\r\n\t\t <!-- insert homepage title here -->\r\n\t\t <div id="title-shadow"><?php print $site_slogan ?><\/div>\r\n\t\t <div id="title"><?php\r\n\t\t\/* POUR FAIRE UN LIEN SUR LA VALEUR $site_slogan EVENTUELLEMENT *\/\r\n\t\t \/\/ print ('<a href="'. check_url($front_page) .'" title="'. $site_slogan .'">'.$site_slogan.'<\/a>'); \r\n\t\t print (''.$site_slogan.''); \r\n\t\t ?><\/div>\r\n\r\n\r\n\t\t <!-- start sidebar -->\r\n\t\t <div id="sidebar">\r\n\t\t\t<?php print $mission ?>\r\n\t\t\t<?php if ($search_box): ?><div class="block block-theme"><?php print $search_box ?><\/div><?php endif; ?>\r\n\t\t <?php print $left ?>\r\n\r\n\t\t <\/div>\r\n\r\n\t\t \t<div id="content">\r\n\t\t\t\t<?php print(''.$content.''); ?>\r\n\t\t\t<\/div>\r\n\r\n\t\t <\/div>\r\n\r\n\t\t <!-- footer lines -->\r\n\t\t <div id="overall-footer">\r\n\t\t <div id="footer">\r\n\t\t\t\t<b><?php print $footer_message?><\/b>\r\n\t\t\t\t<br><br>\r\n\t\t\t\t<?php print $footer?>\r\n\t\t\t\t<br><br>\r\n\t\t\t\t<?php print $feed_icons ?>\t\t\r\n\t\t\t<\/div>\r\n\t\t <\/div>\r\n\r\n\t\t<?php print $closure ?>\r\n\r\n\t\t<\/body>\r\n\t\t<\/html>\r\n\r\n\r\n\t<\/pre>\nConclusion : Sans \u00eatre un d\u00e9veloppeur aguerri mais avec de bonnes notions d’HTML<\/code>, de CSS<\/code>, une compr\u00e9hension basique du PHP<\/code> et bien \u00e9videmment un solide sens pratique, on peut parvenir \u00e0 un d\u00e9but de th\u00e8me sous Drupal 6.x<\/code>. Paradoxalement, cette relative simplicit\u00e9 dans la cr\u00e9ation de th\u00e8me contraste avec la complexit\u00e9 de la gestion \u00e9ditoriale. En effet, d’un point strictement \u00e9ditorial, le temps d’apprentissage et de maitrise du workflow<\/code> dans la publication de Page<\/code> et de Story<\/code> va bien plus fastidieux que sous WordPress par exemple. A ce titre, \u00e0 lire, un excellent et amusant retour d’exp\u00e9rience sur Drupal vs WordPress dans l’article ci-dessous notamment la partie Why I Would Stay Away from Drupal<\/code>.<\/b><\/p>\nUne partie int\u00e9ressante de cette article<\/b><\/p>\n\n\t[…] At this point, I realized that Drupal users consisted mainly of web developers and programmers who saw the beauty of Drupal from it\u2019s code rather than it\u2019s interface. It was much easier for them to extend the Drupal functions because the \u201cCODE\u201d was clean.<\/p>\n
\tBut for someone who doesn\u2019t know how to code, I found it difficult to work with. Don\u2019t get me wrong. Drupal is a fantastic CMS. And if you find it meets your needs out of the box, then by all means use it. But if like me and many other online publishers, you need to tweak it a bit here and there, then you\u2019re better off with something like Joomla unless you have an in house programmer that can do all the tweaking for you.\t[…]<\/p>\n<\/blockquote>\n
Source : http:\/\/www.webbriefcase.net\/2009-04\/choosing-a-cms-to-run-your-membership-site\/<\/a><\/i><\/p>\nEn savoir plus<\/h2>\n\n- La page d’information du fichier
Page.tpl.php<\/code> issue de la documentation “PHPTemplate theme engine”
\n\t\thttp:\/\/drupal.org\/node\/11812<\/a><\/li>\n- A lire pour le retour d’exp\u00e9rience Drupal vs Wordpres \/Choosing a CMS to Run Your Membership Site
\n\t\thttp:\/\/www.webbriefcase.net\/2009-04\/choosing-a-cms-to-run-your-membership-site\/<\/a><\/li>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"On va tenter de r\u00e9aliser un th\u00e8me Drupal \u00e0 partir d’un fichier statique HTML. Le plus rapidement possible cela va sans dire car il est… <\/p>\n