Bienvenue dans cette Démo pour personnaliser les blocs Gutenberg !

Bloc Bannière Pleine Largeur

Pour bénéficier d’un alignement pleine largeur de la bannière, il faut au préalable activer dans l’onglet Personnaliser éditeur de la page d’option du plugin :
l’option d’alignement large pour l’éditeur de blocs.
Réglage de la hauteur de la bannière sur mobile dans le Panneau ECCP Styles des paramètres du bloc.

Réglage du style Text Shadow pour le Titre & Texte dans le Panneau ECCP Text Shadow des paramètres du bloc.
Réglage du style Box Shadow pour le Bouton dans le Panneau ECCP Box Shadow des paramètres du bloc.

Formation Rock 4 Temps

Je décide d’apprendre à danser !

Bloc Bouton Style Contour

Réglage du style au survol dans le Panneau ECCP Hover Outline Style des paramètres du bloc: réglage de la couleur du Texte & Arrière plan & bordure

Bloc Bouton Style Plein

Réglage du style au survol dans le Panneau ECCP Hover Fill Style des paramètres du bloc, réglage de la couleur du Texte & Arrière plan & bordure.

Bloc Bouton style Outline hover arrow

Le style Outline hover arrow est accessible dans le Panneau Styles des paramètres du bloc.
Le style au survol en front end est appliqué automatiquement en fonction de la couleur d’arrière plan sélectionnée dans les paramètres du bloc bouton en back office.

Bloc Bouton Style Download

Appliquer simplement le style Download a partir du panneau style des paramètres du bloc.

Bloc Colonne

Bloc colonne avec le style: Column Reverse On Mobile (Inversion des colonnes sur mobile) sélectionné dans le Panneau Styles des paramètres du bloc.
Application du style centré du texte pour les paragraphes sur mobile, dans le Panneau ECCP Styles des paramètres du bloc.

Demo 07 Rock A 4 Temps

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Demo 07 Rock A 4 Temps

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Bloc Derniers Articles

Activation du style Card dans la page d’options du plugins Onglet Personnaliser Blocs Gutenberg.
Le style Carte n’est fonctionnel que pour la disposition en grille des derniers articles.
Pour l’image mise en avant utiliser la taille moyenne sans aucun alignement.
Les régles de style pour la balise lire la suite sont communes & appliquées a partir du bloc lire la suite.

  • ROCK 4 TEMPS Fête Ses 4 Ans
    LA VIE DU SITE ROCK 4 TEMPS Crée en début 2017, le site ROCK 4 TEMPS fête ses 4 ans d’existence en 2021.En 2020 je m’étais fixé comme objectif une […]
  • Présentation 4ème Saison Cours En Vidéos
    Le Tournage A compter du 22 juin en pleine période de déconfinement, la danse de couple a été autorisé dans les conditions habituelles.Le tournage des cours de Rock 4 Temps […]
  • Rock That Paris
    Introduction: Rock 4 You organise le samedi 8 février 2020 à Paris un concours de Rock 4 Temps.A cette occasion, j’ai l’honneur d’être invité en tant que membre d’un jury […]

Bloc Boucle De Requête

Activation du style Card dans la page d’options du plugins Onglet Personnaliser Blocs Gutenberg.
Le style Carte n’est fonctionnel que pour la disposition en grille.
Les régles de style pour la balise lire la suite sont communes & appliquées a partir du bloc lire la suite dans la page d’options du plugin.
Pour avoir le même rendu que l’image ci-dessous, vous devez insérer un bloc espacement entre le bloc Date de la publication & le bloc Catégories d’articles.

Vous pouvez activer l’utilisation d’un avatar personnalisé pour le bloc Boucle De Requête.
Télécharger ensuite dans la médiathèque votre avatar personnalisé.
Cet avatar personnalisé doit être une image au format carrée, par exemple de 150 * 150px.
En back office pour un site en ligne, vous devez ensuite activer cet avatar personnalisé en sélectionnant l’option avatar personnalisé dans le menu Réglages/Commentaires section avatar par défaut.

  • ROCK 4 TEMPS Fête Ses 4 Ans

    ROCK 4 TEMPS Fête Ses 4 Ans

    LA VIE DU SITE ROCK 4 TEMPS Crée en début 2017, le site ROCK 4 TEMPS fête ses 4 ans d’existence en 2021.En 2020 je m’étais fixé comme objectif une […]

    En Savoir +

  • Présentation 4ème Saison Cours En Vidéos

    Présentation 4ème Saison Cours En Vidéos

    Le Tournage A compter du 22 juin en pleine période de déconfinement, la danse de couple a été autorisé dans les conditions habituelles.Le tournage des cours de Rock 4 Temps […]

    En Savoir +

  • Rock That Paris

    Rock That Paris

    Introduction: Rock 4 You organise le samedi 8 février 2020 à Paris un concours de Rock 4 Temps.A cette occasion, j’ai l’honneur d’être invité en tant que membre d’un jury […]

    En Savoir +

Bloc Embed Vidéos You Tube

Vidéo réglée a une largeur de 640px dans l’onglet Personnaliser éditeur de la page d’options du plugin, menu:
embeds responsive(par exemple intégration de vidéos YouTube).
Suite a la modification de taille, le plugin gère les alignements (left, center,right) de la vidéo.

Bloc Espacement

Gestion du responsive, réglages Hauteur Espacement en pixel dans le Panneau ECCP Styles des paramètres du bloc, pour les Tablettes & Mobiles.
Par défaut à l’activation du mode responsive, hauteur espacement de 50px pour les tablettes et 30px pour les mobiles.

Bloc FAQ Yoast SEO

Options dans la page de réglage de l’extension, onglet Personnaliser Blocs Gutenberg, pour transformer en Front End le bloc FAQ Yoast SEO en Accordéon et modifier sa largeur.
Ce bloc fait parti de l’extension Yoast SEO, il comporte des données structurées, ce qui permet d’avoir des résultats enrichis dans le moteur de recherche de Google.

Qu’est-ce que le Rock A 4 Temps?


Ce Rock est dit à 4 temps parce que son pas de base comporte quatre appuis qui correspondent a 4 temps musicaux.

Quel est le niveau nécessaire pour apprendre à danser?

Le rock à 4 temps est une danse simpleaccessible, aucun prérequis n’est nécessaire pour apprendre a danser seulement avoir le sens du rythme.

Sur quelles musiques se danse le Rock à 4 Temps?

Le rock à quatre temps se danse tant sur du rock ‘n roll traditionnel, jazz, blues, que sur de la musique actuelle,ce qui en fait un rock moderne.

Puis-je venir seul(e) aux cours de Rock ?

Bien évidemment on peut venir seul car le principe de base est la convivialité !
Les couples ou les gens seuls forment des lignes de danse, et on fait tourner régulièrement cavaliers ou cavalières dans les lignes de danse.
Si des couples précisent en début d’année qu’ils ne souhaitent pas tourner parmi les autres élèves, aussi nous respectons ce choix et constituons deux groupes.
Cela ne pose aucun problème et ainsi tout le monde profite au mieux des cours de Rock.

Bloc Groupe

Réglage arrondi de la bordure dans le Panneau ECCP Styles des paramètres du bloc.
Réglages du style Box Shadow dans le Panneau ECCP BOX Shadow des paramètres du bloc.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Bloc Icônes de réseaux sociaux

Dans le panneau Styles des paramètres du bloc sélectionner le style Rectangular Shape.
Sélectionner un alignement Centrer dans la barre d’outils du bloc pour que ce style fonctionne.
Pour les icônes de réseaux sociaux, saisissez le libellé dans les paramètres du bloc.
Le libellé sera visible au survol de l’icône de réseau social.
Corrélation des tailles des icônes avec les tailles de texte de l’editeur Gutenberg.

Bloc Image

Style Filter: Grayscale(niveaux de gris) dans le Panneau Styles des paramètres du bloc.
Réglage de la légende pour l’image dans l’onglet Personnaliser Blocs Gutenberg de la page d’options du plugin, menu Bloc Image:
couleurs du texte & arrière plan, marge interne.

Démo Rock à 4 Temps

Application du style Circle img 16/9 dans le Panneau Styles des paramètres du bloc.

Style Card: dans le Panneau Styles des paramètres du bloc.
Réglage de la largeur de l’image dans le panneau ECCP Styles des paramètres du bloc.
Effet Box Shadow dans le panneau ECCP Box Shadow des paramètres du bloc.
Ex: H=0  V= 0  Rayon de flou= 4  Rayon de diffusion= 2  Couleur= #000
Opacité= 20%
Rayon de bordure avec le réglage natif de Gutenberg depuis
WordPress 6.0.
Ce style Card est expérimental si vous rencontrez un problème avec l’alignement gauche ou droite de l’image, insérer en dessous de l’image un bloc espacement de 1px.

Démo Rock à 4 Temps

Bloc Liste

Style des puces respectivement : Ordonned disk,check,
circle duotone,push spin,add circle fill,etc.. sélectionné dans la barre d’outils ou le Panneau Styles des paramètres du bloc.
Réglage de la taille des puces dans le Panneau ECCP Styles des paramètres du bloc.
Réglage de la couleur des puces dans le Panneau ECCP Bullets color des paramètres du bloc.
Soulignement du texte selon une palette de 7 couleurs sélectionnées dans le menu Underline Colors de la barre d’outils du bloc.

  1. Liste ordonnée de style: Ordonned Disk
    1. Liste indentée
  2. Liste ordonnée de style: Ordonned Disk
  3. Liste ordonnée de style: Ordonned Disk
  • Établissement de la charte graphique : Palette des couleurs, Typographie, Logo
  • Refonte complète : des pages du site avec le constructeur de page Elementor
  • Création : Formulaire d’inscription à une Newsletter
  • Ajout d’une nouvelle rubrique : Formation Rock 4 Temps, Je décide d’apprendre à danser !, avec intégration de la passerelle de Paiement Stripe
  • Intégration de cours en vidéos : accessible uniquement pour les Membres Premium
  • Établissement de la charte graphique : Palette des couleurs, Typographie, Logo
  • Refonte complète : des pages du site avec le constructeur de page Elementor
  • Remplacement du player vidéos : pour la rubrique Photos/Vidéos j’utilise maintenant un Player Vidéos Moderne.

Style Diagram

Le style Diagram dans le Panneau Styles des paramètres du bloc Liste
permet d’établir un diagramme par arborescence.
Commencer par sélectionner le style defaut dans le Panneau Styles des paramètres du bloc Liste.
Ajoutez des éléments de liste pour représenter la structure de votre diagramme.
Indentez les éléments de la liste qui doivent être les éléments de la sous-arborescence
dans le diagramme.
Vous devez impérativement mettre en gras tous les éléments de la liste.
Sélectionnez dans le panneau style des paramètres du bloc le style Diagram,
pour avoir le visuel du diagramme en back office & front End.
Pour toute modifications ultérieures sélectionner dans le panneau style le style défaut,
Une fois terminé les modifications, sélectionner le style Diagram.

  • Acceuil
    • La Vie du site Rock 4 Temps
      • La Refonte du site Rock 4 Temps
      • Rétrospective 2020
    • Chaine YouTube Rock 4 Temps
    •  Page Facebook Rock 4 Temps
    • Les Statistiques Du Site
      • Utilisateurs
      • Données Démographiques
      • Les Canaux D’Acquisition
      • Le Référencement Google
Visuel Bloc Liste En Back Office

Bloc Média & Texte

Style Half Background(demi arrière plan) sélectionné dans le Panneau Styles des paramètres du bloc.
Activer le style box shadow dans le Panneau ECCP Box Shadow des paramètres du bloc pour régler le demi-arrière plan de l’image.
Paramètres pour l’exemple ci-dessous:
Couleur ombre de boite: #0E6487  X:20  Y:20  Flou:0  Diffuser:0

Demo Rock A 4 Temps

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Bloc Paragraphe

Application d’une icône dashicons(site) en préfixe du titre(ci-dessus) sélectionné dans le Panneau ECCP Styles des paramètres du bloc Titre.
Application du style Info(ci-dessous) sélectionné dans la barre d’outils ou le Panneau Styles des paramètres du bloc Paragraphe.
Réglage de la largeur du bloc paragraphe dans le Panneau ECCP Styles des paramètres du bloc.

INFO
Un espace en trop entre deux lettres, un écart irrégulier entre les paragraphes ou les intertitres… Traquez toutes les petites coquilles, histoire de livrer un article 100% cohérent et agréable à parcourir. Après tout, les détails font la perfection, n’est-ce pas ?

Surlignement du texte selon une palette de 7 couleurs sélectionnées dans le menu Highlight Colors de la barre d’outils du bloc.
Le surlignement du texte concerne toutes les barres d’outils de bloc qui présentent un menu format comme les blocs liste, paragraphe,titre.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Un contôle External Link est présent dans le menu format de la barre d’outils.
Concerne toutes les barres d’outils de bloc qui présentent un menu
format comme les blocs liste, paragraphe,titre.
Permet l’ajout d’une icône Dashicons External après le lien sélectionné avec réglage de la couleur du lien + icône selon une palette de 7 couleurs.
Cela met en évidence que c’est un lien externe qui redirigera l’utilisateur
vers un autre site Web.

Un contôle Underline est présent dans le menu format de la barre d’outils,il permet un soulignement simple du texte.

Ceci est un Lien Externe avec une icône positionnée aprés le lien pour indiquer a l’utilisateur que ce lien redirigera vers un autre site Web.

Voilà un soulignement simple du texte.

Bloc Réutilisable Attention

Bloc à télécharger au format json dans l’onglet Blocs réutilisables de la page d’options du plugin.

Bloc Réutilisable Alerte

Bloc à télécharger au format json dans l’onglet Blocs réutilisables de la page d’options du plugin.

Bloc Tableau

Application du style ECCP Stripes sélectionné dans le Panneau Styles des paramètres du bloc, activer section d’en-tête dans le Panneau réglages du tableau.
• Réglages dans le Panneau ECCP Table Header des paramètres du bloc:
couleur du texte & arrière plan pour l’en-tête.
• Réglages dans le Panneau ECCP Table Body des paramètres du bloc:
couleur du texte & arrière plan pour les lignes paires
• Réglages dans le Panneau Couleur des paramètres du bloc:
couleur du texte & arrière plan pour les lignes impaires

HORAIRESLUNDIMERCREDIVENDREDI
19H30 – 20H30Cours Inter
Rock 4 Temps
19H – 20HCours Débutant
Rock 4 Temps
20H – 21HCours Perfectionnement
ROCK 4 Temps
20H30 – 21H30Chorégraphie

Variation du bloc citation: Fancy Quote

Ajout à partir de l’inséreuse de blocs de la variation Fancy Quote sous la catégories
BLOCS PERSONNALISÉS ECCP.

C’est une variation du bloc natif de WordPress citation.
Le réglage de la couleur des quotes commun avec le bloc réutilisable blockquote se trouve dans l’onglet Bloc Réutilisables de la page d’options du plugin menu: Téléchargement & réglages du bloc blockquote.

Ceci est une citation avec la variation de bloc Fancy Quote.
Cette variation se trouve dans l’inséreuse de bloc sous la catégories
BLOCS PERSONNALISÉS ECCP accessible par l’icone + de l’editeur Gutenberg. Le réglage pour la couleur des quotes se trouve dans la page d’options du plugin.

Variation du bloc groupe: Info Box

Ajout à partir de l‘inséreuse de blocs de la variation Info Box sous la catégories
BLOCS PERSONNALISÉS ECCP.
Cette variation combine les blocs Titre, Colonnes, Paragraphe, Bouton, Image dans un groupe,soit six blocs au total, avec gestion du responsive.

Apprendre À Danser

Avec notre formation en ligne, au travers de vidéos, vous allez apprendre à danser les passes du
Rock A 4 Temps .
Chaque passe de danse est décomposée afin de la rendre accessible au plus grand nombre.

Variation du bloc Paragraphe: Click to Tweet

Ajout à partir de l‘inséreuse de blocs de la variation Click to Tweet sous la catégorie
BLOCS PERSONNALISÉS ECCP.
L’ajout d’une fonction « Cliquer pour Tweeter » a vos articles est un excellent moyen d’encourager vos lecteur a partager votre contenu.
Cette variation définit une taille de texte à 25px et un effet Box Shadow, le bouton
« Click to Tweet » n’est visible qu’en Front End.

Découvre les personnalisations des blocs Gutenberg dans la démo du plugin
Editor Custom Color Palette
#WordPressClick to Tweet

Variation du bloc Colonne: Pricing Table

Ajout à partir de l’inséreuse de blocs de la variation Pricing Table sous la catégories
BLOCS PERSONNALISÉS ECCP.
Cette variation utilise beaucoup de réglages apportés par ce plugin, successivement:
• Arrondi de la bordure aprés application d’une couleur d’arrière plan pour les titres du tableau des prix
• Arrondi de la bordure pour le bloc colonne
• Réglage de largeur pour le bloc separateur
• Style check pour les listes a puces, avec réglages de la couleur & taille des puces
• Style au survol pour les boutons
• Effet Box Shadow pour les colonnes
• Réglage espacement mini des colonnes

Formule Eco

35€ TTC/Mois


  • Sauvegardes mensuelles du site
  • Mises à jours mensuelles
  • 1h de support mensuel
  • Restauration en cas de problème
  • Intervention sous 48h
  • Optimisation de la vitesse du site

Formule Confort

70€ TTC/mois


  • Sauvegardes hedomadaires
  • Mises à jours bi-mensuelles
  • 1h30 de support mensuel
  • Restauration en cas de problème
  • Intervention sous 24h
  • Optimisation de la vitesse du site

Formule Premium

120€ TTC/mois


  • Sauvegardes quotidienne du site
  • Mises à jours quotidiennes
  • 2h de support mensuel
  • Restauration en cas de problème
  • Intervention prioritaire
  • Optimisation de la vitesse du site

Voir toutes les fonctionnalités de l’extension