Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
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
Prochain SlideShare
Chargement dans…5
×

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

1 476 vues

Publié le

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

  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

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

×