Pour faire suite à mes précédents tutoriaux, nous allons voir dans cette partie quels sont les possibilités qu’offrent FLEXIcontent pour la saisie de nos contenus.
Il n’y a donc rien de très technique dans ce chapitre mais cela va permettre aux utilisateurs qui n’ont pas encore décidé de choisir ce composant, d’avoir un réel aperçu des différents masques de saisie, et de constater une fois plus l’étendu des possibilités de FLEXIcontent.

Sommaire :

• Création d’un contenu
• La saisie des champs types et les informations générales
• La saisie des champs personnalisés

Création d’un contenu

Nous allons donc créé notre premier contenu de type « stade », je me rends dans la rubrique « Contenus » puis je clique sur « Nouveau ».

Avant de faire apparaitre nos zones spécifiques à la saisie que l’on souhaite faire, il est impératif de renseigner 3 informations :

• Le titre (Stadium)
• Le type de contenu (Stade)
• La catégorie principale (Stades)

Une fois ces 3 informations renseignées, je clique sur le bouton « Appliquer » afin de sauvegarder et de rester sur cette même page de saisie.
Mes zones apparaissent dans l’ordre d’affichage défini par mes champs. Si vous souhaitez modifier l’ordre d’affichage des champs de saisie, il vous faut aller dans la section « Champs » de FLEXIcontent, puis effectuer les filtres suivants : Choisir un type de champ=Visible dans un formulaire et Choisir un type=Votre type. Vous pouvez ensuite modifier l’ordre dans la liste qui apparait.

La saisie des champs types et les informations générales

Certains champs et informations sont communes à tous les types. Les informations qu’elles soient modifiables ou non pourront être réutiliser dans notre template en frontend.

• Titre : Le titre de votre contenu
• Alias : L’alias qui vous permettra de construire de créer votre SEF URL
• Type de contenu : L’utilisateur sélectionne ici le type de contenu qu’il souhaite ajouter. Encore une fois tout es simplifié pour l’utilisateur, une seule page pour saisir l’intégralité des informations qu’il souhaite ajouter ou modifier sur son site. Cela lui simplifiera la prise en main.
• Etat : Brouillon, En attente, En cours, Publié, Non Publié, Archivé : ces différents états vous permettent de gérer un workflow de votre contenu. Par défaut lorsque vous créez un nouveau contenu il passera dans l’état de Brouillon. Pensez donc à bien le basculer en état Publié à la fin de la rédaction si vous souhaitez le publier directement.
• Ajouter un tag : Encore un plus de FLEXIcontent, vous pouvez associer un nombre illimité des mots clés qui vous permettront de référencer et de rechercher votre contenu plus facilement. Un module de nuage de tags a été développé, vous pouvez le télécharger ici.
• Idem ID : Numéro incrémentiel qui identifie le contenu
• Hits : Le nombre de fois où le contenu a été vu.
• Score :Les visiteurs peuvent évaluer un contenu de 1 à 5, le score moyen est affiché ici.
• Révisé : Le nombre de fois où le contenu a été modifié
• Créé le : Date et heure de la création du contenu
• Dernière mise à jour : Date et heure de la dernière modification du contenu

Le versioning

FLEXIcontent gère le versioning de vos contenus, c’est à dire qu’à tout moment vous pouvez rétablir sur une ancienne version (en cas d’erreur de saisie par exemple). Par défaut FLEXIcontent conserve l’historique des 5 dernières versions du contenu (c’est un paramètre qu’il es possible de modifier dans les paramètres généraux de FLEXIcontent, les valeurs disponibles sont : 5,10,20,50,100. Cependant il est conseillé de ne pas dépasser 10 afin de ne pas alourdir votre base de donnée)

Lors de la rédaction ou de la modification de votre contenu, vous pouvez visualisez et interagir avec son historique. Il apparait dans l’ordre chronologique avec le nom de l’auteur de chaque version. Vous pouvez avoir un aperçu entre la version en cours et une ancienne version en cliquant sur l’icône de la loupe. Si vous souhaitez ensuite restaurer la version, il vous suffira de cliquer sur la flèche verte… rien de plus simple et qui s’avère très pratique.

Les catégories

Il est obligatoire d’associer à chaque contenu une catégorie principale afin de déterminer l’héritage des permissions et l’url rewriting mais il possible également d’affecter des catégories secondaires afin de répertorier le contenu dans différentes rubriques. Le niveau d’arborescence des catégories est illimité et l’on peut également affecter autant de catégories secondaires que l’on souhaite à un contenu, il suffit de laisser appuyer sur la touche contrôle et de cliquer sur les catégories souhaitées.

Autres paramètres

Hormis les détails et les métas données qui sont des options commune à la gestion des articles native de Joomla. FLEXIcontent propose deux paramètres supplémentaires :

• Il est possible de personnaliser chaque contenu en forçant un template. Si l’on ne renseigne rien, il héritera automatiquement du template affecté au type de contenu. En activant ce paramètre, les paramètres du template associé s’activent automatiquement.

• On peut également verrouiller ou autoriser à titre exceptionnel les commentaires sur un article, FLEXIcontent est compatible avec JComment et Jom comment.

La saisie du champs description

La saisie du champs description (qui peut avoir un autre nom si vous avez décidé de le renommer) est identique à la saisie des articles de Joomla. Cependant Je vous recommande vivement d’installer l’éditeur JCE avec le plugin JCE Advanced Links Plugin for FLEXIcontent,  (attention c’est un plugin qu’il faut installer via JCE Administration et non pas joomla) ce plugin vous permettra de faire très facilement des liens vers vos catégories, contenus et tags FLEXIcontent, de plus il est entièrement compatible avec l’url rewriting.

La saisie des champs personnalisés

Je vais maintenant vous illustrer les différents masques de saisies que vous avons créér dans la partie précédente de ce tutoriel.
Afin de comprendre chacun de ces exemples veuillez vous réferez à la partie précédente de ce tutoriel qui explique la configuration des champs personnalisés.
Pour chacun des champs on peut retrouver la description que l’on avait renseigné afin d »aider l’utilisateur dans sa saisie.

Important : dans la partie précédente lors de la création des champs  j’ai inséré le caractère guillemet ( ») à plusieurs reprises, celui ci n’est pas compatible et tronque votre description, j’ai donc remplacé ce caractère par une simple apostrophe (’).

Text : « Adresse »

J’avais décidé d’appliquer le plugin google map sur mon champs, le code apparait automatiquement afin de me le rapeller (astuce : il est possible de faire disparaitre le code en sélectionnant dans l’option du champ »Enlever les espaces »). Je remarque que ma zone est également un peu étroite, je modifie les paramètres de mon champs pour la passer à 60 caractères.

Textarea : « Complément d’adresse »

Il n’y a rien de spécifique, la zone apparait dans les dimensions que je souhaitais. N’oubliez pas que j’aurai pu activer l’option « editeur html » afin de créer une zone identique au champ « description ».

Date : « Date d’inauguration »

Les champs dates possèdent une fenêtre popup qui aide l’utilisateur dans sa saisie. La date doit être saisie et sauvegardé sous le format suivant : aaaa-mm-jj. Le format d’affichage en frontend de la date est totalement indépendant, je l’avais pour ma part défini à dd/mm/aaaa dans les paramètres du champ.

Image : « Image du stade »

Avant de charger votre image un premier écran vous indique la taille maximum et les extensions autorisés pour l’upload. Vous pouvez soit charger une nouvelle image ou bien sélectionner une image que vous avez déjà uploadé via ce champ. Enfin vous pouvez attribuer les balises HTML Alt et Title à votre image.

Une fois l’image sélectionné, l’upload se fait automatiquement et la page se rafraichit en affichant une miniature de l’image. Il est possible de rajouter une description de l’image qui apparaitra lors de l’affichage de cette dernière en mode popup.
Enfin deux cases à cocher permettant de retirer l’image du contenu apparaissent en dessous de la miniature.(Supprimer lorsque l’image a été ajouté via un fichier existant, Effacer lorsque c’est une nouvelle image)

Email : « Contacts »

Avec l’autorisation des valeurs multiples, il est possible de saisir différentes valeurs en cliquant pour chaque nouvelle saisie sur le bouton « Ajouter une valeur ». Une fois la valeur saisie on peut soit la supprimer ou bien réorganiser l’ordre d’affichage via l’icône avec 4 flèches qui permettent de réaliser un drag & drop.

Je regrette juste que pour le moment il n’y ai pas de contrôle sur format de la saisie, l’utilisateur peut saisir ce qu’il souhaite et donc généré des incohérences par la suite.

Weblink : « Site Officiel »

Le weblink est constitué de deux zones : le lien internet, puis le le texte qui apparaitra. Enfin un compteur de clics vous indiquera combien de fois le lien a été visité.

File : « Ressources »

Le champ multiple étant activé, je vais pouvoir ajouter plusieurs fichiers, je peux les supprimer ou les déplacer de la même manière que pour le champ « contact » que nous avons vu précédemment.
Le fait de cliquer sur le bouton « Ajouter un fichier » ouvre le gestionnaire de médias propre à FLEXIcontent. Il est possible ensuite de sélectionner un fichier existant, ou bien d’en rajouter un nouveau. Pour cela il existe deux méthodes :

• Ajouter un fichier

Sélectionner le fichier sur votre ordinateur, sélectionner le répertoire des médias (url du fichier visible pour l’utilisateur) ou bien le répertoire sécurisé (l’url sera codé pour l’utilisateur) – pour informations ces deux répertoires sont définis dans les paramètres généraux de FLEXIcontent et pour des raisons de sécurité il est préférable de modifier les valeurs par défaut – cliquez ensuite sur le bouton démarrer le chargement afin d’ajouter votre fichier à la bibliothèque de média.

• Ajouter une URL

Afin de ne pas surcharger votre propre serveur, vous avez également la possibilité d’ajouter dans votre bibliothèque de média des fichiers distants. Saisissez le lien, le nom que vous souhaitez associé à ce fichier et enfin son extension afin que FLEXIcontent sache le type mime à associer pour l’ouverture du fichier.

Select : « Hymne »

Ayant rattaché ma liste directement à ma bibliothèque de média pour faire apparaitre tout mes mp3, je n’ai plus qu’à sélectionner mon hymne. Je peux utiliser le champ précédent afin d’uploader de nouveau mp3, il suffit ensuite d’enregistrer ma page pour que mon nouveau mp3 apparaisse dans ma liste.

Select multiple : « Partenaires »

Ma liste multiple (légèrement modifiée – voir partie précédente) est attachée aux bannières de Joomla, je peux en sélectionner plusieurs en laissant appuyer sur la touche contrôle.

Checkbox image : « Prestations »

La prestation « Service télévisuel » est sélectionné par défaut selon mes paramètres définis, je n’ai plus qu’à cocher les options souhaitées.

Voilà c’est terminé pour cette partie, la prochaine fois je vais aborder le code du template d’un contenu et vous présentez toutes les possibilités et les variables utilisables.