Aller au contenu. | Aller à la navigation

Outils personnels

Navigation

Etape 9 : Gestion du responsive design

 

L'étape 9 en vidéo

La skin par défaut de plone l'est déjà en partie (mais mauvaise gestion des portlets). Le future skin Plone5 sera meilleure, la version 2 du schoolsite se basera soit sur cette skin de base Plone5, soit développera sa propre skin.
Pour le moment, on utilise le produit css3theme qui fait bien le boulot.

Lorsque la page est réduite (taille smartphone), le logo est remplacé par logo-mobile.png de taille 200x31 qui doit aussi être customisé depuis /portal_skins/redomino_css3theme/logo-mobile.png avec votre propre logo réduit à cette taille.

à savoir : lorsqu'on customise le logo ou une autre image, après avoir cliqué sur "Save changes", l'image n'est pas modifiée (pb de cache?); ne pas s'exciter, retourner sur le site et recharger la page (parfois 2 fois) et la nouvelle image est bien là !

A savoir à propos de CSS3Theme :

  • Désinstallation : commencer par configuration du site -> Themes -> remettre le theme Sunburst, puis désinstaller css3theme (sinon, il fait une erreur)
  • Parfois, le responsive design ne marche plus (!) : cela peut se produire après qu'on ait réinstallé d'autres produits ou effectué des manipulations sur le site; dans ce cas, réinstaller css3theme en dernier (ainsi, sa css et son js repassent en dessus de la pile - rappel : tjs être mode debug dans portal_css et portal_javascript quand on fait ces opérations (attention : si il semble ne pas marcher -> désinstaller/réinstaller pour qu'il passe sur la pile !).
  • Il peut y avoir un peu de css à traiter ... (voir ce qui est proposé dans notre CSS de base)