Generer Des Affichages

Temps d'étude : 1h15. Niveau : Moyen.
Tags : Generer Des Affichages
Fichier(s) utile(s) pour ce cours : /

Générer des affichages : Query Wrangler

Téléchargez et activez le plugin : QUERY WRANGLER.
Ce plugin permet de générer des requêtes SQL et donc de générer des affichages.
Extension > Ajouter> Query Wranler.
Une fois que le plugin est actif, vous retrouvez dans la colonne de gauche la partie : QueryWrangler.

Création d'un affichage - de type page - listing des véhicules

Cliquez sur Add New et entrez le nom : listing-vehicule-1

Dans la partie de droite, cliquez sur Filters > Posts Type et choisissez : vehicule.

Enregistrez votre affichage en cliquant sur le bouton : SAVE.

Si vous retournez sur la partie Query Wrangler, l'interface vous fournit un ShortCode (par exemple : [query id=1]) à introduire dans une nouvelle page pour voir le résultat.

Création d'un affichage - de type widget - listing des véhicules

Cliquez sur Add New et entrer le nom : listing-vehicule-2

Dans la partie de droite, cliquez sur Filters > Posts Type et choisissez : vehicule.

Dans la partie de gauche, cliquez sur Row Style > Posts et choisissez : Fields.

Dans la partie centrale, cliquez sur Fields > Add et choisissez : Post Title (The title of a post).

Enregistrez votre affichage en cliquant sur le bouton : SAVE.

Si vous retournez sur la partie Query Wrangler, l'interface vous fournit un ShortCode (par exemple : [query id=2]) à introduire dans un nouveau widget texte et à placer dans la région de votre choix pour voir le résultat.

Création d'un affichage - de type page sous format tableau - listing des véhicules

Cliquez sur Add New et entrez le nom : listing-vehicule-3

Dans la partie de droite, cliquez sur Filters > Posts Type et choisissez : vehicule.

Dans la partie de gauche, cliquez sur Row Style > Posts et choisissez : Fields.

Dans la partie de gauche, cliquez sur Template > unformatted et choisissez : Table.

Dans la partie centrale, cliquez sur Fields > Add et choisissez : Post Title (The title of a post).

Custom Field: modele ustom Field: photo Custom Field: km Custom Field: prix Concernant le champ photo, recliquez dessus et cochez la case : Load Image IDs as Images Enregistrez votre affichage en cliquant sur le bouton : SAVE.

Si vous retournez sur la partie Query Wrangler, l'interface vous fournit un ShortCode (par exemple : [query id=3]) à introduire dans une nouvelle page pour voir le résultat sous forme de tableau !



explications wordpress

Décrivons l'interface de Query Wrangler :

Display Title Permet d'afficher un titre
Template Style Permet de définir un format d'affichage: liste, tableau, etc.
Row Style Sortie de ligne permet de choisir si l'on souhaite selectionner certains champs ou le contenu par défaut (titre + texte)
Posts Per Page Permet d'afficher les résultats avec une pagination, 5 par 5 (par exemple)
Posts Status Permet de choisir uniquement les contenus publiés (par exemple)
Offset Permet de choisir le nombre d'éléments à afficher ou à partir de quand commencer l'affichage
Header Permet d'afficher un texte avant le résultat
Footer Permet d'afficher un texte après le résultat
Wrapper Classes Permet de définir une classe CSS qui englobe les résultats
Pager Permet de gérer la pagination
Ignore Sticky Posts ///


Fields Permet d'ajouter des champs à afficher


Sort Options Permet de définir un tri d'affichage, par exemple : les derniers contenus créés affichés en premier
Filters Permet de définir les contenus à afficher, par exemple : tous les contenus de type vehicule