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

Zen 7x-5.5

Update : depuis le 1er décembre, la version officielle pour dupal 7 est Zen 7.x-5.6. Pas de maj de la db à faire (update.php). Ne pas oublier de copier les modifs faites sur starterkit.

Zen 7x-5.5 a shiv HTML 5 inclus et responsive. Avec Fences (qui semble peu maintenu) il est plus facile de thémer les champs Fields et avoir du HTML 5 sémantique.

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

Pages

S'abonner à RSS - theme drupal