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.
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:
- Depuis votre tableau de bord WordPress, naviguez dans Apparence – > Personnaliser
- 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)
- Faites défiler vers le bas pour atteindre les OPTIONS de CURSEUR définies
- Dans la liste déroulante contre Sélectionner le curseur de la page d’accueil sélectionner aucun curseur:
- Enregistrer et publier
Ouvrir la médiathèque
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:
- 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) :
Faites défiler vers le bas et recherchez la boîte d’options du curseur (voir la capture d’écran ci-dessous):
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:
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.
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:
Une fois cliqué sur le bouton, votre curseur est créé et vous verrez que votre image y a été ajoutée:
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 :
- Cliquez sur « Modifier la diapositive »
- 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.
Il suffit de le sélectionner, d’enregistrer et vous avez terminé.
En plus:
- 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.
- 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.
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.