Icône Plugin Editor Custom Color Palette

EDITOR CUSTOM COLOR PALETTE

Un plugin simple pour personnaliser la palette de couleurs

tailles de texte et les blocs de l’éditeur Gutenberg

Fonctionnalités

Palette de couleurs

Un réglage d’opacité permet si vous le souhaitez d’appliquer
une couleur RGBA.Vous pouvez définir un nom simple pour la couleur.Un slug est automatiquement créé à partir du nom de la couleur et permet d’appliquer le style sur le front-end.

TAILLES DE TEXTE DE L'ÉDITEUR

PERSONNALISATION DE L'ÉDITEUR GUTENBERG

PERSONNALISATION DES BLOCS GUTENBERG

  • Ajout du Panneau ECCP ANIMATION dans les paramètres du bloc de l’editeur Gutenberg, avec des options permettant l’animation des blocs selon plusieurs type: Fondu, Retournement, Rotation, Glisser, Zoom.
  • Aux Paramètres du bloc Panneau ECCP Styles vous avez des options de réglages pour le Titre du bloc Accordéon:
    – Harmoniser le nombre de mots par ligne du Titre
    – Définir la couleur d’arrière plan du Titre & Icône, panneau ouvert ou au survol.
  • Réglage de la hauteur de la bannière sur mobile dans le Panneau ECCP Styles des paramètres du bloc.
  • Dans le panneau ECCP Link des paramètres du bloc ou via la barre d’outils,vous pouvez ajouter en Front End un lien au bloc entier, un lien interne au bloc reste cliquable.
  • Option pour activer l’utilisation d’un avatar personnalisé, dans la page d’options du plugin,Onglet Personnaliser Bloc Gutenberg.
  • Aux paramètres du bloc,Panneau ECCP Styles,ajout de réglages ombre portée,rayon de bordure, effet de translation.
  • Aux paramètres du bloc, Panneau ECCP Styles, ajout de réglages pour personnaliser le style de la pagination.
  •  Ajout aux paramètres  du bloc du style Outline hover arrow(Style contour au survol & icône >) .
  • Ajout aux paramètres du bloc du style Download(Télécharger). 
  • Ajout du style Fill hover arrow(style plein au survol en forme de flèche).
  • Ajout du style Biseau: crée des angles biseautés.
  • Ajout de réglages aux paramétres du bloc pour les styles existant Plein & Contour au survol: couleurs de bordure, texte, arrière plan, animations(uniquement pour le style contour).
  • Ajout de réglages pour le style box shadow aux paramètres du bloc.
  • Ajout de contrôles a la barre d’outils du bloc qui permettent l’insertion d’une icône Dashicon ou Font Awesome a gauche ou a droite du texte  du bouton.
  • aux paramètres du bloc, Panneau ECCP Styles:  Ouverture vidéo YouTube dans une lightbox.
  • Aux paramètres du bloc, Panneau ECCP Styles:  Filtrer le bloc boucle de requête par catégories.
    Vous pouvez sélectionner:
    – le type de filtre(boutons ou liste déroulante)
    – la publication en accord avec celle du bloc boucle de requête
    – la taxonomie(exemple category pour les articles)
  • Ajout en Front end d’une coloration syntaxtique.Dans les paramètres de réglages de l’extension, onglet personnaliser bloc Gutenberg, vous pouvez choisir parmi une coloration syntaxtique claire ou sombre.
  • Ajout d’un bouton « Copier dans le Presse-papiers »,ce bouton permet de copier le code affiché en un seul clic.
  • Ajout de styles aux paramètres du bloc.
    style: Columns reverse mobile,Responsive three columns. Mais aussi Ordre Col 1,Ordre Col 2, Ordre Col 3, afin de spécifier pour un bloc à trois colonnes, l’ordre des colonnes sur mobile.
  • Ajout de réglages pour le style box shadow aux paramètres du bloc.
  • Ajout du réglage arrondi de la bordure aux paramétres du bloc. 
  • Ajout d’une variation à quatre colonnes, lors de l’insertion du bloc
  • Dans le panneau ECCP Link des paramètres du bloc ou via la barre d’outils,vous pouvez ajouter en Front End un lien au bloc entier, un lien interne au bloc reste cliquable.
  • Style Carte a activer dans la page d’options du plugin.
  • Ce style est fonctionnel seulement pour la disposition en grille des derniers articles.
  • Effet de zoom au survol de 5% par défaut a activer dans la page d’options du plugin.
  • Ajout d’ un contrôle alignement dans la barre d’outils du bloc.
  • Dans les paramètres du bloc panneau ECCP Styles, ajout des options Icône Dashicons Arrow, Largeur du bloc & Rayon de bordure.
  • Ajout de réglages dans le panneau ECCP Styles des paramètres du bloc, pour la gestion du responsive.
  • Option dans la page de réglages de l’extension pour transformer en Front End le bloc FAQ Yoast SEO en Accordéon.
  • Dans la page de réglage de l’extension, onglet Personnaliser Blocs Gutenberg, vous pouvez régler pour le fil d’ariane:
    – Couleur
    – Activer un style personnalisé
  • Ajout de réglages différents selon le style sélectionné dans le panneau ECCP Styles des paramètres du bloc. 
  •  Style par défaut :
    Effet de zoom au survol,Rayon de bordure global commun a toutes les images de la galerie,alignement sur une colonne pour les mobiles.
  • Style justifié:
    Ce style va permettre de justifier toutes les images entre elles en fonction de leur format.
    Les images sont affichées dans une grille dont il est possible d’ajuster la hauteur des lignes d’images et la largeur des colonnes, ce qui aura pour effet de modifier la disposition des images.
    Vous pouvez régler:
    – Un zoom au survol des images de la galerie.
    – Rayon de bordure global commun a toutes les images de la galerie.
  • Style Masonry:
    Apporte une nouvelle mise en page attrayante.
    Vous pouvez régler:
    – Un zoom au survol des images de la galerie.
    – Rayon de bordure global commun a toutes les images de la galerie.
  • Style Carré:
    Il est possible d’ajuster la hauteur des lignes d’images, ce qui a pour effet de modifier la taille des images et donc le nombre de colonnes.
    Vous pouvez régler:
    – Un zoom au survol des images de la galerie.
    – Rayon  de bordure global commun a toutes les images de la galerie.
  • Style Album:
    Permet de transformer en Front End le bloc Galerie en un album d’images que l’on va pouvoir visionner grace a la lightbox apportée par l’extension.
    Vous pouvez régler:
    – Le Nom de l’album.
    – La couleur et la taille de texte pour le nom de l’album.
  • Comparaison images Avant/Aprés:
    Permet d’activer en Front End une comparaison pour une galerie composée de deux images qui présentent des différences,avec un effet de slide au survol des images.
    Vous pouvez régler:
    – Style du curseur d’images: couleur arrière plan & bordure,couleur icône.
  • Style Slider:
    Permet de transformer en Front End le bloc Galerie en slider, avec réglage de la largeur,lecture automatique avec délai de lecture par slide etc…. 
    effets de transition: fondu,retournement,cube,flux d’images,cartes
  • Pour le contrôle Alignement de la barre d’outils, ajout des options Alignement à gauche,Centrer, Alignement à droite.
  • Dans le Panneau Styles natif du bloc, ajout des styles:
  • Styles Notification:
    Style:question,info,conseil,attention,alerte.
    Ces styles permettent d’obtenir des blocs de notification avec icône et fond de couleurs.
  • Style Table des matières:
    Ce style permet d’afficher uniquement en Front End une Table des matières de la publication en cours.
  • Ajout de réglages différents selon le style sélectionné dans le Panneau ECCP Styles des paramètres du bloc:
  • Style par défaut :
    Largeur du bloc,rayon de bordure,Box Shadow,désactiver la hauteur min sur Mobile.
  • Formes de séparation:
    Vous avez le choix parmi 18 styles de formes, avec réglage de la hauteur, largeur, couleur de fond, retournement. 
  • Slider:
    Transformer en slider le bloc Groupe qui regroupe des blocs bannière.Ce slider peut fonctionner en manuel avec flêches de navigation, ou en lecture automatique avec réglage délai de lecture par slide.
  • Popup:
    T
    ransformer en Popup le bloc Groupe.Le Popup s’affiche selon deux modes de déclenchement: Délai d’ouverture automatique,Déclenchement au clic d’un bouton.L’ouverture automatique est conditionné a la non présence d’un cookie qui peut être activé par l’utilisateur.
  • Style Google Maps:
    Pour afficher en Front End une carte Google Maps.Vous pouver renseigner le Lieu, Zoom  & Hauteur de la carte, Hauteur de la carte sur mobile, Largeur du bloc Groupe.
  • Style Images disposées en cercle
  • Dans le panneau ECCP Link des paramètres du bloc ou via la barre d’outils,vous pouvez ajouter en Front End un lien au bloc entier, un lien interne au bloc reste cliquable.
  • Ajout d’icônes sociales personnalisées: YouTube Music & Signal
  • Ajout dans le Panneau Styles des paramètres du bloc des styles: 
    – Rectangular Shape: icônes sociales de forme rectangulaire
    – Float Left: icônes sociales flottantes à gauche
    –  Float Right: icônes sociales flottantes à droite
    Les libellés qui ont été renseignés dans les paramètres du bloc ou via le contrôle Personnalisé Texte de la barre d’outils, sont uniquement visible au survol des icônes.
  • Ajout dans le Panneau ECCP Styles des paramètres du bloc d ‘une option pour transformer les liens de profil en liens de partage.
  • Ajout de styles aux paramètres du bloc. Style:cercle img 4/3,cercle img 16/9, Filtre Gris ,Carte,Octogone,Polaroïd,Bordure animée.
  • Réglages pour la légende de l’image dans la page d’options du plugin: tailles & couleurs du texte, marge interne, couleurs d’arrière plan.
  • Dans la page d’options du plugin: modifier les paramètres d’ajout de média par défaut que sont la taille et le type de lien.
  • Ajout de réglages pour le style box shadow  et un effet de zoom au survol aux paramètres du bloc.
  • Aux paramètre du bloc dans le Panneau Styles, ajout du style Overlay Opacity Hover. Avec ce style L’opacité du calque de superposition apparait désormais au survol de l’image en avant
  • Personnaliser en Front End le lien: Lire la suite des articles sous forme d’un bouton avec une icône fléche orienté vers la droite au survol.
  • Réglages dans la page d’options du plugin: texte du lien,couleurs du texte & arrière plan & bordure.
  • Ajout de styles de puces dans le Panneau ECCP Styles aux paramètres du bloc et dans la barre d’outils du bloc.
    style:carré,check,add,push spin,cercle,duotone,no etc..
  • Ajout du style Accordéon dans le Panneau Styles des paramètres du bloc Liste qui  permet de transformer en Front End le bloc liste en accordéon par exemple pour établir une FAQ.
  • Réglages tailles & couleurs des puces & largeur du bloc dans le Pannneau ECCP Styles.
  • Soulignement du texte selon une palette de 7 couleurs présente dans le menu Souligner Couleurs de la barre d’outils du bloc.
  • Soulignement simple du texte  présent dans le menu Souligner de la barre d’outils du bloc.
  • Surlignement du texte selon une palette de 7 couleurs présente dans le menu Surlignage Couleurs de la barre d’outils du bloc.
  • Ajout dans le Panneau Styles aux paramètres du bloc:
  • Style Half background(demi arrière plan) 
  • Style Half Background Reverse MobileDefault reverse mobile, de manière a inverser la position media & texte sur mobile, respectivement pour le style Half Background et pour le style par défaut.
  • Ajout de réglages aux paramètres du bloc dans le Panneau ECCP Styles, pour appliquer un effet box shadow .
  • Faire pivoter sur mobile les icônes indicateur de sous-menu lors de l’extension du sous-menu.
  • Pour les liens de menu ajout du Panneau ECCP Icônes qui permet d’appliquer une icône en préfixe de l’item de menu
  • Ajout de réglages aux paramètres du bloc dans le Panneau ECCP Styles:

    MENU PC
    – La couleur de texte & d’arrière-plan de l’item de menu actif.
    – Une animation des items de menu au survol, vous avez le choix parmi neuf animations de menu.
    – Options de réglages pour les sous-menu


    MENU MOBILE
    – Définir le point d’arrêt Mobile du Menu
    – Effet slide de la droite
    – Réduire les sous-menus
    – Bordure items menu

  • Ajout de réglages aux paramètres du bloc dans le Panneau ECCP Styles: couleur d’arrière plan & ombre portée. Ainsi lorsqu’on clique sur une note de bas de page, celle-ci est mise en évidence pour indiquer visuellement celle que l’on doit consulter.
  • Ajout de styles  aux paramètres du bloc dans le Panneau Styles:
  • Style Notification:  question,info,conseil,attention,alerte.Ces styles permettent d’obtenir des blocs de notification avec icône et fond de couleurs, ils sont aussi présent dans dans la barre d’outils du bloc.
  • Style Click to Tweet: 
    Ce style ajoute un bouton « cliquer pour tweeter » au bloc paragraphe,définit une taille de texte à 25px et un effet box shadow. Le bouton Click to Tweet n’est visible qu’en Front End.
  • Ajout d’un bouton format dans la barre d’outils du bloc qui permet d’insérer une icône Dashicon pour un espace sélectionné.
  • Ajout d’un bouton format dans la barre d’outils du bloc qui permet d’insérer une icône Font Awesome 4.7.
  • Dans le Panneau ECCP Styles aux paramètres du bloc, réglages:
    Largeur du bloc,alignement du texte sur mobile,Text Shadows,Effet Box Shadow,personnalisation de la Lettrine.
  • Soulignement du texte selon une palette de 7 couleurs présente dans le menu Souligner Couleurs de la barre d’outils du bloc.
  • Soulignement simple du texte  présent dans le menu Souligner de la barre d’outils du bloc.
  • Surlignement du texte selon une palette de 7 couleurs présente dans le menu Surlignage Couleurs de la barre d’outils du bloc.
  • Un contôle Liens Externe est présent dans le menu format de la barre d’outils avec réglage de la couleur du lien + icône selon une palette de 7 couleurs.Met en évidence que c’est un lien externe avec ajout d’une icône Dashicons External après le lien sélectionné.
  • Positionner aprés le texte sélectionné,un bouton d’action qui permet de copier dans le presse papier le texte sélectionné.
  • Ajout du style ECCP Pointillés qui est une personnalisation du style pointillés natif du bloc séparateur.
  • Ajout des réglages de largeur & hauteur aux paramétres du bloc. 
  • Ajout aux paramètres du bloc dans le Panneau Styles du style ECCP Stripes.
  • Ajout de réglages pour le style ECCP Stripes aux paramètres du bloc Dans le Panneau ECCP Styles:  couleurs Texte & arrière plan en-tête, couleurs texte & arrière plan ligne paires,activer colonnes triables.
  • Ajout d’une option dans la page de réglages de l’extension pour activer les tables responsives. Pour une résolution d’écran   
    <= 767px la colonne de gauche est fixe et le reste des colonnes peuvent défiler.
  • Ajout de réglages aux paramétres du bloc dans le Panneau ECCP Styles : arrondi de la bordure,Text Shadow, sélection d’une icône en préfixe du titre parmi la famille Dashicons,alignement centré sur mobile, séparateur de titre.
  • Soulignement du texte sélectionné selon la palette de couleurs ou une palette de 7 couleurs personnalisées présente dans le menu Souligner Couleurs de la barre d’outils du bloc.
  • Surlignement du texte sélectionné selon la palette de couleurs ou une palette de 7 couleurs personnalisées présente dans le menu Surlignage Couleurs de la barre d’outils du bloc.
  • Aux paramètres du bloc ajout du Panneau ECCP Styles avec des réglages pour un effet ombre de texte
  • Aux paramètres du bloc ajout du Panneau ECCP Styles avec des réglages pour un effet ombre de texte
  • Ajout de variation de blocs dans l’inséreuse de blocs sous la catégorie: BLOCS PERSONNALISÉS ECCP.
  • Variation Fancy Quote,Pricing Table,Info Box,Click to Tweet,Témoignage,
    Countdown Timer,Flip Box, Filtrer en Front End Articles ou CPT par catégorie avec la variation du bloc boucle de requête par catégorie,Filtrer en Front End le bloc boucle de requête par catégories similaires à la publication actuelle Article ou CPT.
  • Ajout du Panneau ECCP Visibilité aux paramètres des blocs, avec les options suivantes:
  • Afficher ou Masquer en Front End les blocs Gutenberg sur les ordinateurs, ET/OU les tablettes ET/OU les mobiles.
  • Masquer un bloc à vos utilisateurs en fonction de leur statut de connexion ou du rôle.
  • Afficher ou Masquer un bloc selon le nom affiché publiquement pour le compte de l’utilisateur connecté.

COMPOSITIONS

PERSONNALISATION BACK OFFICE

Publications

Médiathèque

Comptes

Page de connexion

EMAIL WordPress par défaut

Thèmes de blocs

Autres personnalisation admin WordPress

PERSONNALISATION FRONT END

Faire Un Don !

Rouergue Création : création site web wordpress

Alain Bladou

EDITOR CUSTOM COLOR PALETTE est un plugin gratuit, le développement de cette extension est faite bénévolement sur mon temps libre.

Merci pour vos dons, cela m’encourage a continuer et garantit le développement futur d’ EDITOR CUSTOM COLOR PALETTE