Vous avez installé le thème Customizr et vous souhaitez afficher un carrousel (également nommé slider) sur votre page d’accueil ou dans une page de votre site comme sur la démo, ici ou ici.

Cette documentation décrit le processus de création de slider dans les thèmes Customizr free et pro.

 Curseur

Sur la page d’accueil : suppression du curseur par défaut

Par défaut sur accueil, le thème Customizr affiche un curseur généré à partir de vos derniers messages, en utilisant l’image sélectionnée du message, si elle est définie, comme image d’arrière-plan, le titre du message comme titre de la diapositive, l’extrait du message comme description et l’URL du message comme lien pour le bouton d’appel à l’action.

Voyons comment supprimer ce curseur par défaut alors:

  1. Depuis votre tableau de bord WordPress, naviguez dans Apparence – > Personnaliser
  2. Ouvrez la section Contenu de la première page (si vous ne voyez pas cette section dans le personnalisateur, cela signifie que vous ne prévisualisez pas actuellement votre page d’accueil)

     Contenu de la première page Personnaliser la section

  3. Faites défiler vers le bas pour atteindre les OPTIONS de CURSEUR définies
  4. Dans la liste déroulante contre Sélectionner le curseur de la page d’accueil sélectionner aucun curseur:

     Régler sans curseur

  5. Enregistrer et publier

Ouvrir la médiathèque

 dashboard media

Ouvrir un média et définir les options de la diapositive

  • Si votre médiathèque est affichée sous forme de liste (voir la capture d’écran ci-dessous), cliquez simplement sur la vignette de l’image que vous souhaitez ajouter à un slider:

     Bibliothèque multimédia comme liste

  • Si votre médiathèque est affichée sous forme de grille (voir la première capture d’écran ci-dessous), cliquez sur la vignette de l’image que vous souhaitez ajouter à un curseur, puis sur le lien Modifier plus de détails (voir la deuxième capture d’écran ci-dessous) :

     Médiathèque sous forme de grille

     modifier plus de détails lien

Faites défiler vers le bas et recherchez la boîte d’options du curseur (voir la capture d’écran ci-dessous):  Boîte d'options du curseur

Ajout de l’image à un curseur

Ajoutez l’image à un curseur en cliquant sur le bouton J’aime de l’iphone comme indiqué dans la capture d’écran ci-dessous:

 Ajouter à un curseur

Un nouvel ensemble de champs pour configurer votre diapositive apparaîtra.

Réglage des options et du contenu de l’appel à l’action

Ici, vous pouvez définir les options telles que la vitesse de transition (délai entre les diapositives) et le contenu facultatif de l’appel aux actions: titre, description, couleur (du titre et de la description), texte du bouton, lien, etc…

Laissez ces paramètres vides si vous souhaitez uniquement afficher une image.

 Appel à l'action

Remarque: La couleur d’arrière-plan du bouton d’appel à l’action est la couleur principale du thème.

Nommer le curseur

Si vous n’avez créé aucun curseur, vous verrez le message suivant: « Vous n’avez pas encore créé de curseur. Écrivez un nom de curseur et cliquez sur le bouton pour ajouter le premier curseur. »

Tapez simplement un nom et cliquez sur le bouton Ajouter un curseur:

 Bouton Ajouter un curseur Une fois cliqué sur le bouton, votre curseur est créé et vous verrez que votre image y a été ajoutée:

 Ajouter une nouvelle diapositive

Réorganiser les diapositives

Réorganiser les diapositives se fait manuellement en faisant glisser et déposer vos diapositives, voir la capture d’écran ci-dessous :

Suppression d’une diapositive

Si vous souhaitez supprimer une diapositive :

  1. Cliquez sur « Modifier la diapositive »
  2. Dans les options du curseur, définissez « Ajouter à un curseur » sur Non

Affichage d’un curseur sur la page d’accueil

Revenez maintenant au Personnalisateur (Depuis votre tableau de bord WordPress, naviguez dans Apparence – > Personnaliser)

Ouvrez le Section de contenu de la première page et cliquez sur la liste déroulante du curseur. Vous devriez voir votre curseur fraîchement créé dans la liste maintenant.

 Curseur de page d'accueil Personnaliser le sélecteur

Il suffit de le sélectionner, d’enregistrer et vous avez terminé.

En plus:

  1. Choisissez les options du curseur: pleine largeur ou en boîte, délai entre les diapositives et application ou non d’une superposition sombre sur les images du curseur. Remarque: L’option Appliquer une superposition sombre sur les images de votre curseur n’est disponible que pour le style moderne.
  2. Choisissez la hauteur du curseur, choisissez de l’appliquer à tous les curseurs et de remplacer la hauteur d’image par défaut.

Affichage d’un curseur sur un article ou une page

Ouvrez une page ou un article et allez en bas de l’écran. Vous y trouverez une métabox appelée Options de curseur.

Cliquez sur le bouton J’aime de l’iphone ci-dessous Ajoutez un curseur à cet article / page et sélectionnez le curseur souhaité dans la liste déroulante.

 Ajouter un curseur à la publication Mettez à jour les modifications récentes sur la publication / la page en cliquant sur le bouton de mise à jour WordPress

Suppression d’un curseur

Dans le coin supérieur droit de la liste des diapositives, vous trouverez un lien cliquable appelé Supprimer ce curseur (voir ci-dessous). Cliquez simplement dessus et confirmez l’action dans la fenêtre contextuelle.

 Supprimer le curseur

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.