Dans les leçons précédentes, nous avons découvert les hooks hook_block_info(), hook_block_view(), hook_menu(), hook_permission() et nous pouvons maintenant créer autant de pages et blocs programmatiquement que nous le souhaitons. Dans cette leçon, nous allons apprendre à utiliser le Form API de Drupal 7 pour créer des formulaires. Nous allons créer un formulaire d’administration des fonctionnalités du module et essayer d’utiliser un maximum de hooks déjà connus afin de renforcer nos compétences.

Dans les deux premières sections du tutoriel Drupal drupalbook.org, vous avez appris comment installer un site, ajouter des types de contenu, créer des contenus de différents types et afficher ces contenus avec Views. Dans les sections suivantes, vous avez découvert le HTML/CSS. Il est maintenant temps de parler de la façon de modifier l’apparence de ces contenus grâce au CSS.

Bonjour à tous !

J'espère que vous avez déjà regardé une introduction rapide à HTML et CSS. Vous êtes maintenant prêts à créer des thèmes Drupal basés sur des maquettes PSD. Voici ci-dessous les liens vers les "tutoriels" HTML et CSS :

HTML

CSS

Si vous avez décidé de ne pas utiliser un thème Drupal prêt à l’emploi, mais de créer votre propre thème ou de transférer un template depuis Wordpress ou Joomla, vous devrez écrire un thème à partir de zéro. Heureusement, il existe déjà des frameworks prêts à l’emploi pour vos thèmes.

Dans ce tutoriel, je montre comment créer un diaporama avec le module Views slideshow. Nous ajouterons plusieurs diapositives et le mettrons en forme selon la maquette.

Par où commencer ?

Hourra ! Vous avez ouvert le bon fichier en premier. La première chose que les gens remarquent lorsqu’ils téléchargent la thème Zen, c’est qu’il y a beaucoup plus de fichiers ici que dans d’autres thèmes.

Ne vous inquiétez pas ! Vous n’avez pas besoin de tout savoir tout de suite pour créer un thème Drupal.

Zen vous offrira ce que vous ne connaissiez pas et attendra patiemment que vous étudiiez la documentation et les commentaires à son sujet.

Dans cette leçon, nous allons mettre en page la page d’accueil du site. Les sources sont jointes ci-dessous, la démo apparaîtra dès que j'aurai terminé la série de leçons sur la thématisation.

Dans cette leçon, nous allons :

• terminer le découpage (intégration) de la page d’accueil,
• créer un modèle pour la page d’accueil,
• assigner la page d’accueil,
• ajouter et thématiser des blocs supplémentaires.

Question : Bonsoir. Vanya, j’ai regardé ta leçon sur la thématisation de la page d’accueil. Tu supprimes dans le modèle la balise H1 pour ne pas afficher le titre du nœud. J’ai fait pareil, mais le titre est toujours affiché. Faut-il faire quelque chose d’autre ? Ou mettre un display: none en CSS ?

Dans cette leçon, nous allons créer sur le site une page Actualités, afficher le Blog et un formulaire de contact. Pour le blog, nous utiliserons le module standard blog, en ajoutant seulement une image à chaque article du blog. Pour les actualités, en plus d’une image, nous aurons une petite galerie photo. Sur la page de contact, nous insérerons une carte Yandex et un formulaire de contact.

Nous allons nous occuper de l’affichage de ces pages, la thématisation viendra dans la leçon suivante.

Dans cette leçon, nous allons organiser notre blog, les actualités et le formulaire de contact. Nous ajouterons un peu de code CSS et utiliserons un générateur de code CSS3.