eZ FLow est un module d’eZ Publish permettant l’affichage et le paramétrage de blocs de contenus dynamiques. Les slides ci-dessous montrent un exemple d’utilisation de ce module sur le site www.kaliop.fr
LE RESPONSIVE WEBDESIGN : VOTRE VISIBILITÉ WEB OPTIMALE SUR TOUS LES SUPPORTS...
Utilisation d’eZ Flow sur le site www.kaliop.fr
1. Utilisation du module
eZ Flow
sur le site www.kaliop.fr
Mars 2012
Sophie Imbach
Responsable du pôle projet
2. 2
eZ Flow pour quoi ?
– Votre site contient un volume de contenu conséquent
à valoriser ?
– Vous souhaitez hiérarchiser des blocs d’accès rapide ?
– Vous souhaitez faire remonter automatiquement des
contenus dans ces blocs ?
– Vous souhaitez paramétrer le type d’affichage dans
chaque bloc ?
2
3. 3
Les questions à se poser lors de la conception
3
Positionnement
1 colonne 2 colonnes
Mise à jours
3 prochains
automatique 3 derniers
affichage
carrousel
liste résumée
Type de contenu
actualités
eZ Flow
Bloc XML
Au hasard
manuelle
articles
Publications
évènements
En premier En bas
4. 4
Wireframe
Cette étape permet de fixer
plusieurs principes :
– Utilisation d’une grille :
chaque bloc est positionné
dans une colonne
– Factorisation des type
d’affichage :
chaque bloc utilisera un mode
d’affichage sélectionné dans un
catalogue prédéfini
5. 5
Factorisation des types de bloc
Il faut dissocier le « type de bloc » et le « type d’affichage » :
– Type de bloc :
– Carrousel
– Bloc libre
– Liste automatique d’articles
– Type d’affichage :
– Listing sur 1 colonne (juste le titre de la page)
– Listing sur 2 colonnes
– Résumé (titre / vignette / texte)
– Etc…
6. 6
Exemple
• Type de bloc :
• liste automatique
article
• Type d’affichage :
• résumée
Le titre et la couleur
du bloc sont
libres
Chaque dernier article
est remontée
automatiquement
Il est possible de
restreindre aux N
derniers articles
7. 7
Positionnement des blocs
Sous le tire de la page
Chaque bloc peut être positionné dans différentes zones :
Sous le texte
sur 1 colonne
sur 2 colonnes
Sous le menu
8. 8
Exemple
Affichage de blocs sous le menu et sous le texte de la page
Sous le texte
sur 1 colonne
sur 2 colonnes
Sous le menu
9. 9
Comment ça marche dans le back office ?
Exemple : afficher les témoignages dans la colonne de gauche
10. 10
Comment ça marche dans le back office ?
Etape 1
choisir la zone « gauche bas »
Etape 2
choisir le type de bloc
Etape 3
Donner un titre à son bloc
Etape 7 :
ordonner les témoignages
(drag& drop)
Etape 4
choisir l’affichage
Etape 6
Sélectionner les témoignages
11. 111104.99.13.68.60 - www.kaliop.com – www.twitter.com/kaliop 04/08/2010
Comment ça marche dans le back office ?
Une fois tous les blocs crées, il est possible :
de les ordonner dans chaque zone
Et de les supprimer
12. 12
Les choix de l’affichage
Exemple : les différents types d’affichage d’une actualité
sur le site Kaliop
Sur 2 colonnes
Grande vignette au dessus Titre à coté de la vignette Titre au dessus de la vignette