Comprendre en 5 minutes les principes du thème drupal


Pour comprendre en 5 minutes les principes du thème drupal, il vous faudra comprendre quelques notions de CSS dans la philosophie d’un David Shea et localiser les fichiers

Il faut aussi installer Drupal sur un environnement de dév sur PC ou sur Mac ou bien vous pouvez faire votre installation sur votre serveur si vous en possédez un ! Dans cette exemple, nous allons travailler sur un thème disponible dans une version de Drupal 5.14 et non la version 6.

Quelques mots sur Drupal…

Drupal est un CMS extrêmement puissant qui peut faire énormément de choses y compris certaines ou d’autres CMS sont à n’en pas douter plus performants, faire un blog avec WordPress par exemple. C’est vrai qu’à la lecture « Is Drupal the right tool for the job? » qui dresse un comparatif en fonction des besoins que vous pourriez avoir en tête pour votre futur projet web, l’accent est mis sur la sacro-sainte « scalability « qu’on pourrait traduire spirituellement par évolutivité et souplesse. Cf Voir l’article intitulé « Is Drupal the right tool for the job? » ci-dessous.

Quant au webdesign, c’est vrai que les sites Drupal tirent toujours un peu la même tête comme souvent avec un CMS mais c’est en train de changer. Force est de constater que de nombreux webdesigners, qui s’étaient spécialisés dans les templates Joomla ou WordPress sont en train de déplacer le curseur de leurs compétences.

C’est la raison pour laquelle, on se devait de publier un article pour survoler rapidement les principes de création d’un thème pour Drupal

J’ai changé le petit pull “bluemarine”

Pour commencer facilement, il vous suffit de copier tout bêtement le répertoire d’un thème ainsi que les fichiers composant le thème “bluemarine” qui nous servira de modèle et j’ai ensuite renommé le répertoire en “mojo”. mojo sera donc le nom de mon thème et il apparaîtra comme tel dans les menus déroulants de sélection de thème.

Pour se livrer sereinement à ce type de contorsion, je vous invite à installer votre propre environnement de développement. Sur « comment installer un environnement de développement sur PC ou Mac « , consultez les articles suivants:

La marche à suivre au compte-goutte*.

Bien souvent, dans un océan de conseils, on oublie l’essentiel lorsque l’on débute. On veut voir des résultats et le plus souvent le plus rapidement possible. Une sorte de version du pauvre d’une preuve de concept ou POC (en anglais : Proof of concept) sinon on abandonne rapidement le CMS pour en choisir un autre.

Listing de fichiers qui composent le template

Ce thème se compose d’un très petit nombre de fichiers, les ingédients principaux sont pour la partie webdesign :
logo.png, c’est le fichier image de votre logo. Il apparait dans le header.
screenshot.png, c’est le fichier image d’illustration de votre template.
style.css, c’est le feuille de style qui détermine le look and feel de votre theme

Il n’existe ensuite que des fichiers php. Ces derniers mentionnent leur qualité de “template” par l’abréviation “tpl” avant l’extension “.php”.

block.tpl.php
box.tpl.php
comment.tpl.php
node.tpl.php
page.tpl.php

L’arborescente complète de drupal via la console

L’arborescente complète de drupal via le finder
L’installation a été faite sous MAMP sur un MAC.

L’arborescente du répertoire themes contenant le repertoire du thème mojo

L’arborescente du thème mojo

La sélection du template mojo pour le backend

La sélection du template mojo pour le frontend

*du hollandais druppel

Is Drupal the right tool for the job?

La réponse diligenté par le site de Drupal lui-même pour savoir si oui ou non votre projet est éligible pour Drupal.

Although Drupal offers a very powerful and flexible framework which is used to build virtually any kind of website, it is not necessarily the best solution for every situation.

There are several cases where Drupal may not be the best choice:

* If your only requirement is to write a personal blog, you may also want to evaluate one of the more specialized blogging platforms like WordPress or one of the hosted blogging solutions. Although Drupal does provide an excellent blogging platform out-of-the-box, you will probably find that blog-specific software typically has a simpler administration interface.
* Similarly, if your only requirement is to create a wiki, you should probably consider using dedicated wiki software like Wikimedia or a hosted wiki solution. You can certainly configure Drupal as a wiki (with the help of several contributed modules), but it may be simpler to use a more specialized solution.
* With every release, Drupal is becoming easier to use; but like most powerful tools, it will always have a learning curve. If you or your organization are not prepared to spend some time learning the basics of how Drupal works (or if you are not able to hire Drupal expertise), it may not be your best option.

Having said that, Drupal is an excellent choice for any of the following situations:

* You need a site that is flexible enough to evolve in any direction. For example, you might start with a blog but want the option of adding other features like a wiki, electronic commerce, forums etc.
* You need a site that can easily be configured to interact with other sites or with other technologies.
* You need a site that can easily handle complex forms and workflows.
* You need the ability to create your own content types. For example, you need to add a custom field to a page.
* You need the ability to quickly organize and display lists of information.
* One or more of the many contributed Drupal modules addresses your needs.
* You need to quickly develop custom functionality.

URL: http://drupal.org/node/346217

La consécration pour Drupal : recovery.gov

L’auteur du projet Drupal n’en perd pas une miette dans un article sans ambigüités « Obama using Drupal « … Il est vrai que voir son CMS adoubé par BO est une consécration en soit. Bien que Ségolène Royal, qui se targue pourtant d’être une des sources d’inspiration de BO, et a choisi elle aussi Drupal pour son site desirsdavenir.org, elle n’a pas eu droit à un article de son créateur .
Indépendamment du fond, la forme y est, le “theme” drupal est déjà une réussite, sérieux, le genre médical qui va soigner le capitalisme mondial.

URL: http://buytaert.net/obama-using-drupal
URL: http://www.recovery.gov/

Pour aller plus loin

Deux bonnes adresses de David Shea pour comprendre les principes d’une CSS.

Trois tutoriaux sur la création de thème sur Drupal.