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...

Test de ThemeKey

Sur vm14, site eveavr. Vers mes notes "Module ThemeKey"

conf

liste des modules en PJ mais en bref: drupal 7.36, commerce 7.x-1.11 (rules 2.9, commerce_paypal_wps 2.3), title 7.x-1.0-alp, imce 1.9, entity 1.6, linkchecker 1.2, thekey 3.3 (themekey_user_profile), ckeditor 1.16 (extlink 1.18), views 3.10.

Définitions google de mobile, tablettes, tel...

Vocabulaire Google pour les sites "mobile":

mobile fait référence aux smartphones, et non aux tablettes ou aux téléphones traditionnels => smartphones Android, iPhone ou Windows Phone (affichent une partie de HTML5).
Tablettes appareils à part (qd ils parlent de mobile, ils excluent en général les tablettes).
Téléphones multimédias : avec navigateur XHTML, HTML5 (basique) et js => en général téléphones 3G qui ne sont pas des smartphones
Téléphones traditionnels : cHTML (iMode), WML, XHTML-MP...

Fichier attachéTaille
PDF icon search-engine-optimization-starter-guide-fr.pdf7.64 Mo

Module CKEditor Widgets

Module themekey

RWD - Notes livre - ch 4 - RWD avec le thème Aurora

http://snugug.github.io/Aurora/ est la doc officielle et sur drupal c'est à https://www.drupal.org/project/aurora
Liste d'autres modules pour compléter Aurora à http://snugug.github.io/Aurora/modules/
Les sous-thèmes Aurora sont générés via http://yeoman.io/ (il faut avoir installé node.js -> voir https://www.drupal.org/project/aurora)

Plan:
1. install (gem install compass-aurora  + magic + HTML 5 Tools + dl le thème)
2. créer son sous-thème et configurer config.rb (mettre en debug = true)
3. check gems requises avec un   bundle exec compass watch

RWD - Notes livre - ch 1 - Intro

Un ex simple de media query (ex dégradation progressive)

Ici, on part d'un site construit pour les écrans larges, puis on va le modifier pour les tablettes puis pour les smartphones (habituellement, on fait l'inverse).

On veux créer une CSS qui ne soit utilisée que dans une seule résolution d'écran: c'est une media query.
Le code CSS suivant sera ok sur un large écran, mais pas sur un smartphone.

Notes Livre "Responsive Theming for Drupal"

Source : "Responsive Theming for Drupal" by Mike Crittenden (O’Reilly). Copyright 2014 Mike Crittenden, 978-1-449-37331-3.
 http://oreil.ly/responsive-drupal

responsive web design (RWD). Zen, Omega, & Aurora

 

Module Bootstrap Social Sharing Buttons

Bootstrap Social Sharing Buttons

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

pour drupal 7 seul

bootstrap: un thème de base pour drupal 7

https://www.drupal.org/project/bootstrap et doc à https://www.drupal.org/node/1976938 et http://drupal-bootstrap.org

Requiert JQuery (via le module jQuery Update ).  Pour  Bootstrap 3 (7.x-3.x): jQuery - 1.9.0+

Fichier attachéTaille
Plain text icon settings.txt8.46 Ko

Pages

S'abonner à RSS - theme drupal