Options générales

Cette première section permet de définir les liens vers différents réseaux sociaux, à savoir :

• Facebook
• Twitter
• Instagram
• Linkedin
• Youtube
• Github
• Medium

 

Ces données serviront à construire des barres de liens vers vos réseaux sociaux où vous voudrez sur le site.  Il suffit de renseigner l’url vers un de ces réseau socil, pour que l’icone correspondante apparaisse – et inversement, les items restés vides seront masqués.

Ces barres de réseaux sociaux pourront être affichées :

• dans le footer via un composant dédié
• dans le header ou partout ailleurs via un shortcode
• dans le corps de vos pages/articles grâce à un composant du block « components »

Cette section vous permet de construire votre nuancier (colors), à l’aide de sélecteur de couleurs rgba (signifiant que vous pouvez aussi utiliser des couleurs avec une valeur de transparence).

Le noir et le blanc sont ajoutés par le système automatique.

Pour chaque couleur, vous devez associer un nom. Ce nom servira, entre autre, à générer une série de classes utilisables partout sur le site.

Par exemple, si vous définissez une couleur « rouge », vous pourrez utiliser :

• la classe css « rouge » pour coloriser un texte avec la couleur correspondante
• la classe css « bg-rouge » pour définir une couleur d’arrière plan avec la couleur correspondante
• la classe css « border-rouge » pour définir une couleur de bordure avec la couleur correspondante

Si vous êtes développeurs ou intégrateurs, il est de plus possible d’utiliser la variable dynamique css correspondante dans vos feuilles de styles.  Dans notre exemple, par exemple : color: var(––rouge); pour donner une couleur rouge au texte.

L’avantage de ces techniques, c’est que vos couleurs seront synchronisées en permanence avec les couleurs définies dans cette section des options globales, même si elles sont modifiées par la suite.

Il est aussi possible d’utiliser ces couleurs définies directement dans l’éditeur, pour tous les sélecteurs de couleurs, puisque ce nuancier sera automatiquement intégré à la palette du sélecteur de couleur. Dans ce cas, il n’y aura par contre pas de synchronisation avec le nuancier si ce dernier est amené à être modifié.

Enfin, une dernière option « general background » permet de définir la couleur d’arrière plan globale de votre site.

 

Cette section regroupe certains réglages assez hétéroclites.

• Container width (choix) : permet d’écraser ou non les largeurs du container bootstrap sur les grosses résolutions, excepté sur mobiles ou celui ci est défini de facto sur 100% de la largeur.. A n’utiliser qu’en connaissance de cause, avec précaution. Le choix « yes » fait apparaitre les largeurs réglables pour les résolutions larges (Container modification (l)) et extra-larges (Container modification (xl)), en pixels.
• Page load animation (choix) : choix d’une animation lancée à l’ouverture de chaque page du site. En cours de développement/intégration, il n’y a actuellement que deux choix possibles : désactiver ces animations (none – par défaut) ou fondu (fade). Pur cette dernière option, il est possible de définir la durée de cette animation (Page load animation duration), en secondes.

• Sidebars (groupe répétable) : c’est ici que vous pouvez définir vos sidebars personnalisées. Ceci est demandé notamment lors de l’utilisation des blocks « Sidebar section« . Chaque sidebar se définit par :
  – Sidebar name (texte) : le nom de la sidebar,
  – Sidebar slug (texte) : l’identifiant technique de la sidebar,
  – Class(es) (texte) : les classes css à associer à la sidebar
  – Show sidebar title (choix) : montrer ou non le titre de la sidebar à l’affichage
  – Show widgets titles (choix) : montrer ou non les titres des widgets composant cette sidebar à l’affichage

Cette section permet de définir le comportement des requêtes de recherche sur le site et aussi de gérer les paramètres d’affichage de la page des résultats associée.

Vous pouvez insérer le shortcode

pour créer un formulaire de recherche simple à l’endroit où vous le désirez, et il est bien entendu possible d’utiliser ce shortcode plusieurs fois.

Il y  4 paramètres principaux :

Search query : permet d’effectuer des réglages sur la requête de recherche, d’exclure certains éléments, etc

• Limit results number (nombre) : si absent ou égal à zéro, tous les résultats trouvés seront affichés. Sinon, la recherche ne prendra que le nombre de résultats défini ici. Utile pour améliorer les performances de l’ensemble sur des sites comportant de très très nombreuses entrées
• Results number per pages (nombre) : définit le ombre de résultats par pages à afficher sur la page des résultats
• Exclude posts categories (texte) : liste des catégories d’articles à exclure de la requête, sous la forme cat1,cat2,cat3
• Exclude pages (texte) : liste des identifiants de pages à exclure, sous la forme id1,id2,id3
• Exclude custom post types (texte) : liste des identifiants de types de posts personnalisés à exclure, sous la forme slug1,slug2,slug3

Custom page template (texte) : le nom du fichier php servant de template  votre page de résultats. Ce fichier doit se trouver dans le répertoire localfiles/subtemplates/ de flexipow. Il faudra y inclure la boucle de wordpress. Si laissé vide, c’est la page de résultats par défaut qui sera chargée.

 

Result page : permet d’effectuer des réglages concernnt l’affichage des résultats.

• Pre results html et Post results html (code) : permet d’insérer du code html avant et après la liste des résultats.
• No results mention (tete) : la phrase s’affichant si aucun résultat n’est trouvé
• Display number of results (choix) : afficher ou non le nombre de résultats trouvés
• Custom list class(es) (texte) : classes css à associer au conteneur de la liste des résultats
• Custom results class(es) (texte) : classes css à associer à chaque résultat. Le système associe en plus une classe supplémentaire pour plus de possibilité de customisation : « page » pour les pages, le slug d’un type d’article personnalisé ou la catégorie parente pour les articles classiques
• Custom results link class(es) (texte) : classes css associées au bouton du lien vers l’item trouvé
• Display dates (choix) : masquer ou afficher les dates, ou ne les afficher que pour les articles
• Display path (choix) : afficher ou non le chemin relatif de chacun des résultats, ou ne les afficher que pour les articles, ou encore n’afficher que le dernier terme de ce chemin pour tous les résultats ou pour les articles uniquement (ce qui revient dans ce cas à afficher la catégorie des articles).
• Display excerpt (choix) : afficher ou non le résumé de chaque item
• Custom css (code) : règles css personnalisées à appliquer à cette page des résultats

Singles excerpt settings : ce groupe répétable permet d’associer pour chaque type d’articles (catégories ou type d’article) un champs ACF permettant de définir le contenu servant à la génération du résumé.

• Slug (texte) : l’identifiant de catégorie ou de type d’article personnalisé
• Type (choix) : le type d’identifiant
• ACF field (texte) : l’identifiant du champs ACF à associé à l’entité en cours pour la génération du résumé.

Il est à noter que cette fonctionnalité est aussi utilisée pour l’optimisation su SEO, si vous utilisez le plugin Yoast SEO. Il suffira de renseigner alors, dans les réglages SEO du plugin, le placeholder %%flexipowseo%% pour lier cette fonctionnalité à la génération des meta-description de vos aricles.