Utilisation du module
eZ Flow
sur le site www.kaliop.fr
Mars 2012
Sophie Imbach
Responsable du pôle projet
2
 eZ Flow pour quoi ?
– Votre site contient un volume de contenu conséquent
à valoriser ?
– Vous souhaitez hiérarchiser ...
3
Les questions à se poser lors de la conception
3
Positionnement
1 colonne 2 colonnes
Mise à jours
3 prochains
automatiqu...
4
Wireframe
Cette étape permet de fixer
plusieurs principes :
– Utilisation d’une grille :
chaque bloc est positionné
dans...
5
Factorisation des types de bloc
Il faut dissocier le « type de bloc » et le « type d’affichage » :
– Type de bloc :
– Ca...
6
Exemple
• Type de bloc :
• liste automatique
article
• Type d’affichage :
• résumée
Le titre et la couleur
du bloc sont
...
7
Positionnement des blocs
Sous le tire de la page
Chaque bloc peut être positionné dans différentes zones :
Sous le texte...
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 m...
9
Comment ça marche dans le back office ?
Exemple : afficher les témoignages dans la colonne de gauche
10
Comment ça marche dans le back office ?
Etape 1
choisir la zone « gauche bas »
Etape 2
choisir le type de bloc
Etape 3
...
111104.99.13.68.60 - www.kaliop.com – www.twitter.com/kaliop 04/08/2010
Comment ça marche dans le back office ?
Une fois t...
12
Les choix de l’affichage
Exemple : les différents types d’affichage d’une actualité
sur le site Kaliop
Sur 2 colonnes
G...
13
Une multitude d’options possibles
Upcoming SlideShare
Loading in …5
×

Utilisation d’eZ Flow sur le site www.kaliop.fr

678
-1

Published on

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

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
678
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Utilisation d’eZ Flow sur le site www.kaliop.fr

  1. 1. Utilisation du module eZ Flow sur le site www.kaliop.fr Mars 2012 Sophie Imbach Responsable du pôle projet
  2. 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. 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. 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. 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. 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. 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. 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. 9 Comment ça marche dans le back office ? Exemple : afficher les témoignages dans la colonne de gauche
  10. 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. 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. 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
  13. 13. 13 Une multitude d’options possibles
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×