Print

4 FLEXIcontent - Petit tour de FLEXIcontent

4 FLEXIcontent - Petit tour de FLEXIcontent

  • Published by
    Yannick Berges
  • Last modified
    27 December 2018
  • Voting
    Average rating
    3 votes
  • Favourites
  • Concerns
    Component Plugins Modules Language Template
  • Since Version
    1.5.5
  • Up to date
    Yes
  • Profile concerned
    End user, Webdesigner, Developer

Voici un petit tour des différents panneaux d’administration de FLEXIcontent, il n’est pas exhaustif, c’est juste pour se sentir plus à l’aise avec ce composant.

3.1 Le panneau de configuration global

Noyau central de ce composant le panneau d’administration global permet de gérer :

  • 1 Les options générales (gestion des performances, des messages d’utilisation etc.)
  • 2 L’affichage d’un item générique (lien sur les titres, les icones RSS mail etc…)
  • 3 l’affichage générique des catégories d’items (l’ordre, la recherche, les filtres …)
  • 4 Le formulaire de soumission en front-end (gestion des tags, autorisation sur les métas etc.)
  • 5 La gestion de la liste des items en administration (affichages de champs etc.)
  • 6 Gestion générique du workflow (email de notification, statu des items etc.)
  • 7 Gestions des permissions ACL dans FLEXIcontent

3.2 Les types

Pour chaque type, vous allez pouvoir choisir tout une série d’option, comme les Template possibles, la gestion des langues, le système de notification etc.

Il est important de d’abord définir le type de contenu avant de commencer vos projets (ex : fiche bien à vendre, fiche artiste, fiche recette etc.)

Chaque type pourra ce voir affecter les champs que vous allez créer plus tard. 

Voici un petit tour d’horizon

 

1 Dans "Parametres" vous pourrez définir l’affichage, du titre, des icônes RSS, les autorisations de template pour ce type etc.

2 Dans "Customize : Description"

Vous allez pouvoir définir et traduire le label ainsi que définir la taille de la zone d’édition
Pour traduire un champ il suffit de créer une valeur comme ceci [fr]=le label en français
ex : [FR]=le label en français[en]=le label en anglais[default]=le label par défaut (sans saut de ligne)

3 "Customize: Title, Created(by), Modified(by), Document Type"

De la même manière vous aller pouvoir personalisé les champs titre, créer par, modifier par et type

4 "Customize: Hits, Version, State, Voting, Favourites, Tags"
La même chose pour le nombre de clic, la version, le statu, les votes, le favorite et les mots clés

5 "SEO parametres" permet de gérer au mieux votre référencement

6 "Item form" permettra de gérer le formulaire de la partie publique du site. Il permet de choisir si les mots clés seront éditables, si les métas seront accessibles etc. Cette configuration sera prioritaire par rapport à la configuration globale

7 "Email notification", vous permettra de définir les règles de notification et les règles de validations spécifiquement pour ce type.

8 "Items Manager Configuration", permet de définir les champs disponibles pour ce type (c’est une configuration très spécifique, à ne pas utiliser si vous ne savez pas exactement ce que vous faite)

9 "Layout Selection" permet de sélectionner le template item pour ce type.
C'est ici que l'on attribue le template pour catégorie. (On peut surcharger cette option à travers le lien de menu Joomla)

10 "Layout Configuration" : les réglages spécifiques du template sélectionné, généralement on pourra choisir l’affichage ou non des champs système tel que le vote, l’auteur etc.

 

11 ATTENTION depuis la version 2.0.1 de FLEXIcontent le type de contenu gère les permissions de joomla 2.5 c’est-à-dire que vous pouvez restreindre la vue de certain type d’item en fonction d’une ACL de Joomla. Les permissions permettent de travailler sur les accès en mode édition, modification etc. 12 La liste déroulante accès permet de gérer l’affichage ou non d’un type en front-end , en fonction d’un utilisateur ou groupe d’utilisateur.

 

 

3.3 Les champs

 

3.3.1 Descriptions des différents de champs

Les champs FLEXIcontent permettent d’ajouter des fonctions à votre type de contenu, une date, une galerie, une liste déroulante etc.

Voici la liste ainsi qu’un petit descriptif pour chacun :

  • Text : c’est un champ qui permet d’ajouter un texte simple (une adresse, un prix etc.) dans un champ unique

  • Select : c’est une liste de valeur défini par avance à sélectionnée

  • Select multiple

  • Text select : cela permet de mixer les fonctions d’un champ texte et d’un champ select, c’est-à-dire que l’on pourra ajouter des valeurs tout en ayant les valeurs déjà saisies dans une liste

  • Textarea : cela créer un champ de saisie multi-ligne avec présence ou non d’un éditeur wysiwyg

  • Checkbox : cela créer des cases à cocher (nombres infinis) avec des valeurs en retours (ex : nom de la case oui et valeur 1 etc.)

  • Checkbox image : la même chose que checkbox mais avec des images  comme valeur

  • Radio : créer des boutons radio (nombres infinis) avec des valeurs en retours (ex : nom de la case oui et valeur 1 etc.) la différence avec le checkbox c’est qu’une seul valeur n’ait sélectionnable à la fois.

  • Radio Image : Même chose que le radio mais avec des images comme valeur

  • Relation : le champ relation est intimement relier à la relation inverse, il permet de lier le champ d’un item à un autre (ex : 1 item artiste à un 1 item chanson) et ainsi créer des liaisons de contenu.

  • Relation inverse : configuré avec le champ Relation, il permet d’afficher des valeurs en lien avec ce dernier.

  • Date : il permet de sélectionner une date et de la traiter de la manière dont vous le souhaiter (au format PHP)

  • Email : le champ email permet de créer un bouton de contact avec un email protégé contre la copie.

  • File : ce champ permet d’uploader des fichiers sur le site et de le rendre accessible pour les visiteurs (avec icones, gestion des types de fichiers autorisés etc.)

  • Image Mini-Galerie : ce champ est actuellement le plus puissant de FLEXIcontent, il permet de charger des images sous forme uniques ou multiple pour une galerie (avec création de 3 tailles lors de l’upload), de choisir le mode de présentation (mediabox, rockbox etc.) de gérer le titre, la description …. Beaucoup d’options qui permettent de créer une gestion et un affichage des plus simplifié pour l’utilisateur.

  • Weblink : ce champ permet d’insérer un ou plusieurs liens

  • Weblink extended : c’est la même base que weblink sauf qu’il possède bien plus de réglage comme le titre, le type de lien (nouvelle fenêtre etc.)

  • Link list : ce champ permet de choisir un lien parmi dans une check list de lien préconfiguré

  • Tags (existe de base) ajoute la possibilité de mettre des mots clés aux articles.

Il existe une série de champs qui vont s’affichés dans vos items mais qui seront non éditables par l’utilisateur

  • Load module : permet de charger un module souhaité dans un item
  • Toolbar : permet de charger une barre de gestion de contenu, changement des tailles de typo, bouton de partage réseaux sociaux etc.

     

     

     

  • Page navigation : charge des liens suivant précèdent dans vos articles





  • Voting (existe de base) affiche un système de vote dans vos articles

  • Favourites (existe de base) permet aux utilisateurs enregistrés de s’abonner aux articles et ainsi recevoir des notifications lors de mise à jours du contenu

Et un champ particulier qui sert à mettre en page vos formulaires de soumission

  • Form Group marker : c’est un champ qui permet de créer des onglets ou des regroupements pour la saisie utilisateur

3.3.2 Créer son champ

1 Cliquer sur nouveau champ depuis le tableau de bord

2 Donner un label a votre champ (nom qui s’affichera)

3 FACULTATIF donner un nom à votre champ (c’est le nom technique du champ pour les appels de programmation, attention pas d’espace pas d’accents etc.)
Dans la partie de droite vous allez pouvoir affecter vos champs à vos différents types ainsi que configurer finement vos champs

4 Choisir le type de champ

5 Affecter le champ à un ou plusieurs types d'item ou de contenu tel qu'expliqué en 3.3.1.

6 Faire les réglages de votre champ (En fonction de votre choix la partie option de droite changera.)

7 Dans la partie de gauche vous pourrez définir le comportement du champ (utilisable lors de la recherche, éditable pour l’utilisateur, traductible, les permissions etc.)

Parmi les options les plus courantes de tous ces champs, nous retrouvons : •	Les valeurs multiples (possibilité de définir le nombre) •	La possibilité d’exécuter des requêtes SQL •	La possibilité exécuter les plugins de joomla. Pour cela il faut les activer pour chaque champ (par soucis de performance) et utiliser la syntaxe du plugin en préfixe et suffixe du champ (cela peut aussi servir pour l’insertion de balises html ou css) •	Les préfixes et suffixes de contenus permettent d’ajouter des valeurs avant et après chaque valeurs (ex : des classes CSS pour la mise en page, des codes d’exécutions de plugin joomla etc.) •	La possibilité de choisir le mode d’affichage du plugin lors de l’utilisation du filtrage (ex : liste déroulante, bouton, étendu de valeur etc.)
8 Sauvegarder

9 Gestion des permissions Joomla pour chaque champ (création ou mmodification).

 

3.4 Les catégories

Dans la gestion des catégories, vous pourrez choisir

  • L’affichage de la description de la catégorie (images, RSS etc.)
  • l’ordre des articles, comme les ordres basiques de Joomla ou de manière plus spécifiques l’utilisation de champs spécifiques FLEXIcontent
  • Gérer le filtrage, la zone de recherche etc.
  • Gérer les notifications de manière spécifique à cette catégorie
  • Gérer les options du template de catégorie choisie

Voici le descriptif des différents panneaux :

1 « Title » titre de votre catégorie
2 « Parent Category » niveau de la catégorie (root, sous-catégorie, sous-sous-catégorie etc.)
3 « Category Language » affectation d’une langue à une catégorie
4 « Copy all parameters from » avec cette option vous pouvez copier tous les réglages d’une autre catégorie
5 « Manage Permission » gestion des permissions Joomla pour chaque catégorie
6 « Description » description de la catégorie dont les réglages sont présenté au point 10
7 « Publishing Options » : vous pourrez définir l’auteur, ainsi que les accès public à la catégorie, c’est-à-dire qui peut voir le contenu de cette catégorie

8 "Metadata" : permet de mettre les informations de référencement pour la catégorie

9 "Parameters: Basic", ne pas utiliser c’est le système de template de Joomla.

 

10 "Parameters: Category Info & Options", ce panneau permet de gérer comment seront afficher les informations de la catégorie, comme la description, l’affichage des icônes RSS, impression etc. Vous trouverez aussi les longueurs du titre de la catégorie, la gestion de l’image principale. Ainsi que les réglages d’affichages des sous-catégories.

 

11 "Parameters: Items List Creation", ce panneau permet de gérer comment sera généré la liste des articles de la catégorie, comme l’ordre, l’affichage des boutons d’éditions pour chaque item, la pagination etc.

 

12 "Parameters: Alpha-Index, Search, Filters" permet de gérer l’affichage des options de filtrage d’un categories. Avec un index alphabétique, l’affichage des champs pour filtrer vos contenus, le moteur de recherche etc.

Note : pour qu’un champ soit utilisable comme filtre il faut le spécifier dans le réglage du dit filtre.

 

13 "Parameters: RSS Feeds List" va vous permettre de définir les options de génération de votre flux RSS avec la gestion des champs FLEXIcontent.

 

14 "Email Notifications: for assigned items", vous permettra de gérer les notifications email et le système de validation pour la catégorie en cour.

 

 

15 "Layout et template", là vous allez pouvoir assigner le template de la catégorie ainsi que les options qui lui sont rattachés (ex nombre de mots avant le lien lire la suite, taille de l’image principale etc.)

3.5 Les Template

Dans la partie template vous pourrez gérer l’affichage des champs. Il faut distinguer 2 vues :

  • La vue item qui affiche l’item seul (que l’on définit dans le type)
  • La vue catégorie qui affiche une liste d’items (que l’on définit dans la catégorie même)

Chaque template est composé de position dans lesquelles nous pouvons charger des champs.

Il est bien-sûr possible, et assez facilement, de rajouter des positions à un template existant voir de créer ces propres Template.

Une position particulaire existe, le RENDERONLY, cette position permet de charger des champs qui ne seront pas affichés mais qui alors utiliser dans le code PHP pourront servir à faire des trie des conditions etc.

Ex : un champ radio (valeur oui non) positionner dans le RENDERONLY permettra de créer une boucle pouvant définir si une zone est affichée ou non. Les possibilités sont infinies.

Les 5 Template de base

Vue item

Vue catégorie

Blog

Miniature du template

Miniature du template

Defaut

Miniature du template

Miniature du template

FAQ

 

Miniature du template

Miniature du template

items-tabbed

 

Miniature du template

Miniature du template

Présentation

 

Miniature du template

Miniature du template

 

3.6 Les items

Maintenant, vous pouvez éditer vos items pour remplir vos champs.

La gestion des items est extrêmement puissante dans FLEXIcontent, vous pouvez réaliser toutes sortes d'action depuis le tableau général.
Par soucis de simplification (c'est un guide de démarrage rapide..) il sera réalisé un tutoriel rien que sur ce point ultérieurement.
Petit descriptif du tableau de gestion


Petit descriptif du tableau de gestion

Dans ce tableau vous pourrez réaliser pleins d’action sans avoir à éditer vos articles :

Icones

action

Prévisualisation des items

Changement de statut par menu déroulant

Ordre par glissé-déposé

Tutoriel offert par http://www.com3elles.com, plus de tutos sur notre site

Save
Cookies user preferences
We use cookies to ensure you to get the best experience on our website. If you decline the use of cookies, this website may not function as expected.
Accept all
Decline all
Essential
These cookies are needed to make the website work correctly. You can not disable them.
Display
Accept
Analytics
Tools used to analyze the data to measure the effectiveness of a website and to understand how it works.
Google Analytics
Accept
Decline