Block : custom html

Ce block permet de créer du code html arbitraire. Utile par exemple pour créer une section complexe dont la structure ou l’apparence ne correspond à aucun autre block Flexipow.

Respectant un précepte important en développement web, l’attention a été portée sur le fait de séparer forme et contenu. Pour cela des champs contenus personnalisables sont définissables et utilisables dans votre code. Ainsi, la modification de contenus ne risque pas d’altérer le code défini.

Contenu

  • Title (texte – facultatif) : le titre global du block, occupant toute sa largeur
  • Code (code – facultatif) : votre code html
  • Content (groupe répétable – facultatif) : des éléments de contenus.

Le code.

  1. Par défaut, seul le code html est accepté. Javascript et autres seront supprimés : le code est nettoyé avant son enregistrement, tant pour sa conformité (correction de balises non fermées par exemples) que pour des raisons de sécurité, via la librairie php htmlpurifier.
  2. Flexipow utilisant Bootstrap 4, vous pouvez tout à fait utiliser les classes et utilities de Bootstrap dans votre code
  3. Dans votre code, vous pouvez utiliser des éléments de contenus définis dans les groupes répétables « content » (voir ci-après), à l’aide du motif {{NOM_DU_CHAMP}}.  Par exemple, si vous définissez dans content un champ texte nommé « introduction », vous pourrez appeler son contenu dans votre code via {{introduction}}

Les groupes répétables content.

Vous pouvez créer autant de champs de contenu que vous le désirez. Chaque champ est défini par :

  • name (identifiant – obligatoire) : le nom de votre champ, utilisable dans votre code html via l’alias {{NOM_DU_CHAMP}}
  • type (choix) : le type de contenu, permettant d’afficher selon votre choix un des champs ci-dessous
  • text (texte) : une texte simple
  • content (contenu) : du contenu riche
  • image (image) : une image. Attention, ce type retourne l’url de l’image choisie et non l’image elle même.
  • file (fichier) : un fichier. Attention, ce type retourne l’url du fichier choisi.
  • postfield slug (identifiant) : un champ ACF tiers défini pour la page ou l’article courant. Le type de ce champs sera détecté automatiquement et renverra son contenu formaté.

Réglages

  • Activate html purifier (choix) : active ou non le traitement par les scripts de HTML purifier. Activée par défaut, cette bibliothèque  permet de nettoyer et de corriger votre code html. Toutes les balises non autorisées seront enlevées, et, par exemple, les balises mal refermées le seront automatiquement. A désactiver si par exemple vous appelez dans ce champs un shortcode venu d’un plugin tiers.
  • Activate WP kses filter (choix) : active ou non les filtres de contenus internes à WordPress, sans correction du code.  Ce traitement est activé par défaut et permet, de manière un peu plus permissive que HTMLpurifier, de sécuriser votre code en otant les balises et attributs non autorisés.