theme drupal

Tout ce qui concerne les thèmes de drupal (bartik, adaptive, omega, sky, zen...):
configuration d'un thème et héritage des sous-thèmes, la personnalisation des .css drupal, les templates drupal (en .tpl.php), fonctions de preprocess, drush et le thème...

Module Panopoly

https://www.drupal.org/project/panopoly

Distribution drupal, avec Chaos et Panel qui est: responsive, GUI (drag and drop custo sur page et node), avec TinyMCE, modules du srv Panopoly App...

installer

Voir Pantheon (https://www.drupal.org/node/1717684) platforme cloud pour drupal.

Pour installer sur site existant: https://www.drupal.org/node/1717728

Zen Grids

pour zen 7.x-5.5 http://zengrids.com/  et http://zengrids.com/help/

ex d'utilisation (source: slideshow p12)

Responsive layout

Compass utilise le langage de feuille de style sass. Plus sur sass http://sass-lang.com/guide
RWD (Responsive web design) https://www.drupal.org/node/1388492

Media Queries

Source: http://fr.slideshare.net/ucbdrupal/bdug-responsive-webtheming20120723

CSS3 étend les fonctions des requètes médias (media queries):

  • vérification des fonctions (d'un média particulier) comme largeur, hauteur et couleur (width, height, color)
  • styles sur mesure pour des devices

règle @import : par ex   @import url(style480min.css) screen and (min-width: 480px);

Module Fences 7.x-1.0 : HTML 5 sémantique pour les champs field

Test Views_slideshow

Slide show pour drupal

Module Cloud Zoom

Un plugin JQuery pour faire un zoom sur une image (en utilisant le format Cloud Zoom).
Utilisation: sur un type de contenu qui a un champs image: Manage Display, "Cloud Zoom" est un format disponible (=> ne fonctionne pas pour image insérée dans le body avec ckeditor).

Configurer le format du champs image (ici pour article) à admin/structure/types/manage/article/display

https://www.drupal.org/project/cloud_zoom  Requiert: Libraries + une lib js + image (core), fait partie de kickstart commerce.
A ne pas confondre avec le module starplugins_cloudzoomhttp://www.starplugins.com/cloudzoom/drupal ) qui affiche de la pub en rouge.

Créer un sous-theme avec Drush et zen 7.x-5.x

Il faut en zen pour bénéfier des commandes pour drush => drush en zendrush cc all

Création d'un sous-theme nommé foo: drush zen "Foo theme" foo

drush vset theme_default foo

Module summary : themer le contenu

Dans le module Summary, vous avez inséré quelques balises HTML directement dans le code PHP (balise H3 pour les titres). Dans cette section, vous permettrez aux créateurs de thèmes de modifier l'apparence du contenu de votre module.

La fonction theme_table prend en paramètre un tableau qui contient lui-même deux tableaux. Le premier doit contenir les en-têtes (header), le second les lignes (rows).
Voici comment implémenter cette fonction pour le nombre de nodes par type :

Fichier attachéTaille
Plain text icon summary0.zip_.txt6.62 Ko

Pages

S'abonner à RSS - theme drupal