info:concrete5:docfred:image_page

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
info:concrete5:docfred:image_page [2014/11/01 07:52] – radeffinfo:concrete5:docfred:image_page [2018/07/18 09:46] (Version actuelle) – ↷ Liens modifiés en raison d'un déplacement. radeff
Ligne 4: Ligne 4:
  
 Et voici une version toute en images Et voici une version toute en images
 +====== Première partie ======
 +Création d'un modèle personnalisé pour afficher l'attribut (le plus compliqué)
 +
 +//Ne pas s'embêter à ré-écrire tout, il est possible de copier-coller depuis la doc initiale en version texte avec le code à copier-coller: [[info:concrete5:thumbnail_page_list|Concrete5: liste de page avec vignettes]]//
 +===== Créer le fichier =====
 +créer le modèle personnalisé en copiant le fichier /concrete/blocks/page_list/view.php sur /blocks/page_list/templates/thumbnail_images.php. 
 +
 +{{info:concrete5:docfred:c5image_page070201.png|}}
 +===== éditer le fichier =====
 +Ici, édition à distance sur le serveur avec gigolo & geany
 +
 +{{info:concrete5:docfred:c5image_page070252.png|}}
 +===== modif1 =====
 +{{info:concrete5:docfred:c5image_page070324.png|}}
 +===== modif2 =====
 +{{info:concrete5:docfred:c5image_page070339.png|}}
 +===== doc c5 =====
 +Comme d'habitude, la doc est bien faite!
 +
 +{{info:concrete5:docfred:c5image_page070359.png|}}
 +===== modification finale =====
 +{{info:concrete5:docfred:c5image_page070416.png|}}
 +====== 2e partie ======
 +
 +
 +
 +
 ===== On créée un nouvel attribut ===== ===== On créée un nouvel attribut =====
 Chercher "attr" dans le moteur de recherche Chercher "attr" dans le moteur de recherche
  
-{{:info:concrete5:docfred:c5image_page064355.png|}}+{{info:concrete5:docfred:c5image_page064355.png|}}
 ===== Ajout attribut ===== ===== Ajout attribut =====
-{{:info:concrete5:docfred:c5image_page064757.png|}}+{{info:concrete5:docfred:c5image_page064757.png|}}
 ===== Choix attribut ===== ===== Choix attribut =====
 choisissez “Image file”, puis cliquez sur le bouton “Ajouter”.  choisissez “Image file”, puis cliquez sur le bouton “Ajouter”. 
-{{:info:concrete5:docfred:c5image_page064817.png|}}+{{info:concrete5:docfred:c5image_page064817.png|}}
 ===== Ajouter ===== ===== Ajouter =====
-{{:info:concrete5:docfred:c5image_page064853.png|}}+{{info:concrete5:docfred:c5image_page064853.png|}}
 ===== Le nouvel attribut est disponible ===== ===== Le nouvel attribut est disponible =====
-{{:info:concrete5:docfred:c5image_page064910.png|}} +{{info:concrete5:docfred:c5image_page064910.png|}} 
-===== c5image_page064936.png ===== +===== Modifier le type de page ===== 
-{{:info:concrete5:docfred:c5image_page064936.png|}} +Chercher "type" dans le moteur de recherche 
-===== c5image_page065028.png ===== +{{info:concrete5:docfred:c5image_page064936.png|}} 
-{{:info:concrete5:docfred:c5image_page065028.png|}} +===== Choisir le type de page ===== 
-===== c5image_page065114.png ===== +{{info:concrete5:docfred:c5image_page065028.png|}} 
-{{:info:concrete5:docfred:c5image_page065114.png|}} +===== Ici Right Sidebar, puis "Properties" ===== 
-===== c5image_page065124.png ===== +{{info:concrete5:docfred:c5image_page065114.png|}} 
-{{:info:concrete5:docfred:c5image_page065124.png|}} +===== Cliquer sur le nouvel attribut "Image page" ===== 
-===== c5image_page065159.png ===== +{{info:concrete5:docfred:c5image_page065124.png|}} 
-{{:info:concrete5:docfred:c5image_page065159.png|}} + 
-===== c5image_page065217.png ===== +Et sauver 
-{{:info:concrete5:docfred:c5image_page065217.png|}} +===== Affecter l'attribut aux pages souhaitées ===== 
-===== c5image_page065233.png ===== +On revient dans notre liste de page, toujours désespérément vide 
-{{:info:concrete5:docfred:c5image_page065233.png|}} +{{info:concrete5:docfred:c5image_page065159.png|}} 
-===== c5image_page065247.png ===== +===== éditer les propriétés de la page (edit properties) ===== 
-{{:info:concrete5:docfred:c5image_page065247.png|}} +{{info:concrete5:docfred:c5image_page065217.png|}} 
-===== c5image_page065319.png ===== +===== custom attributes ===== 
-{{:info:concrete5:docfred:c5image_page065319.png|}} +{{info:concrete5:docfred:c5image_page065233.png|}} 
-===== c5image_page065330.png ===== +===== Scroller et choisir "image page" ===== 
-{{:info:concrete5:docfred:c5image_page065330.png|}} +{{info:concrete5:docfred:c5image_page065247.png|}} 
-===== c5image_page065501.png ===== +===== Scroller vers le haut ===== 
-{{:info:concrete5:docfred:c5image_page065501.png|}} +Un des rares défaut d'ergonomie de c5... il faut remonter pour voir l'attribut 
-===== c5image_page065514.png ===== +{{info:concrete5:docfred:c5image_page065319.png|}} 
-{{:info:concrete5:docfred:c5image_page065514.png|}} +===== Cliquer sur "choose file" ===== 
-===== c5image_page065525.png ===== +{{info:concrete5:docfred:c5image_page065330.png|}} 
-{{:info:concrete5:docfred:c5image_page065525.png|}} +===== cliquer sur la vignette ===== 
-===== c5image_page070201.png ===== +{{info:concrete5:docfred:c5image_page065501.png|}} 
-{{:info:concrete5:docfred:c5image_page070201.png|}} +===== choose ===== 
-===== c5image_page070252.png ===== +{{info:concrete5:docfred:c5image_page065514.png|}} 
-{{:info:concrete5:docfred:c5image_page070252.png|}} +===== save ===== 
-===== c5image_page070324.png ===== +{{info:concrete5:docfred:c5image_page065525.png|}} 
-{{:info:concrete5:docfred:c5image_page070324.png|}} +====== 3e étape: changer la "page list" ====== 
-===== c5image_page070339.png ===== + 
-{{:info:concrete5:docfred:c5image_page070339.png|}} +===== Revenir sur la page list ===== 
-===== c5image_page070359.png ===== +Choisir "Custom template" 
-{{:info:concrete5:docfred:c5image_page070359.png|}} + 
-===== c5image_page070416.png ===== +{{info:concrete5:docfred:c5image_page070539.png|}} 
-{{:info:concrete5:docfred:c5image_page070416.png|}} +===== Choisir "Thumbnail images" ===== 
-===== c5image_page070539.png ===== +{{info:concrete5:docfred:c5image_page070554.png|}} 
-{{:info:concrete5:docfred:c5image_page070539.png|}} +===== Résultat ===== 
-===== c5image_page070554.png ===== + 
-{{:info:concrete5:docfred:c5image_page070554.png|}} +On procède pour toutes les pages... et voici le résultat! 
-===== c5image_page073105.png ===== + 
-{{:info:concrete5:docfred:c5image_page073105.png|}}+{{info:concrete5:docfred:c5image_page073105.png|}} 
 + 
  
 +La doc initiale en version texte avec le code à copier-coller: [[info:concrete5:thumbnail_page_list|Concrete5: liste de page avec vignettes]]
  
  • info/concrete5/docfred/image_page.1414824750.txt.gz
  • Dernière modification : 2014/11/01 07:52
  • de radeff