• Durée limitée Giveaway
    • Obtenez MailChimp WD PRO Plugin
      * Cette offre couvre plan personnel que MailChimp WD
    • $
      30 GRATUIT
  • MailChimp WD Giveaway
    Coupon Code: MailChimpPRO
  • Maintenant obtenir

WordPress Curseur WD

Étape par étape



 

Étape 4: Modification des Réglages du curseur Modification /.

Dans cette section, vous apprendrez comment modifier différents paramètres de votre WordPress curseur .



 

Pour accéder aux paramètres, vous devriez aller à Curseur WD >Sliders > Onglet Paramètres.



 

4.1 Paramètres globaux. Vous pouvez modifier les paramètres principaux ici. Les changements ne touchent que le curseur en cours et ceux non créés précédemment.
Dimensions. Régler les dimensions maximales de la glissière. La dimension est réglé au maximum depuis avec les plus petits écrans le curseur sera affiché dans des dimensions plus petites en raison de la fonction de la réactivité. Ce sera la dimension constante quelles que soient les images.
Pleine largeur. Choisissez si vous voulez avoir le curseur globale étiré sur toute la largeur de la page, où il est affiché ou non. La longueur sera donné correspondant au rapport initial, par exemple, si vous l'avez réglé sur 480X300 et la largeur de la page est de 960, alors la hauteur sera de 600. En outre, vous pouvez modifier manuellement le format, la suppression du numéro fourni et son remplacement par une autre option.
Ajustement du fond. Il ya trois possibilités pour insérer l'image dans une diapositive. Vous pouvez choisir l'option qui convient le mieux à vous. Dans le cas où vous avez des images plus petit ou plus grand que votre diapositive les vues changent en conséquence. Examinons les changements séparément.
Couvrir. L'image va se couper de la partie centrale et se élargie à occuper tout l'arrière-plan.
Remplir. L'image va se étiré ou comprimé pour les dimensions de la glissière.
Contenir. L'image restera dans sa forme originale et le reste de la zone de contenu de curseur sera couverte par le sliderbackground.
Aligner. Avec cette option, vous pouvez aligner votre curseur soit à gauche, à droite ou au centre. Si la largeur de votre thème de la zone de contenu est petit-à-dire si vous avez une colonne sur le côté gauche ou à droite de votre page Web que vous ne pouvez pas être en mesure de voir cette option au travail. Aussi, si la dimension est réglé sur 800x300px, qui est la taille maximale pour une utilisation avec la fonction de réactivité, vous ne verrez aucune différence, tout en essayant d'aligner votre diapositive à une direction quelconque.
Effet. Sélectionnez l'effet qui sera appliqué lors du passage de l'un à l'autre curseur. Remarque , Qui est différent des effets de la couche et ne modifie pas les effets de la couche.
durée de l'effet. Définissez la fréquence de l'effet de curseur en ms.
Intervalle De Temps. Régler l'intervalle de temps pour le changement des curseurs.
Lecture Automatique. Choisissez de autoplay les curseurs ou non.
Shuffle. Choisissez si vous voulez avoir les diapositives changent de manière aléatoire ou de garder la séquence originale.
Commencez avec toboggan. Par défaut, le diaporama démarre avec la première diapositive. Utilisation de l'option, vous pouvez sélectionner la diapositive, qui sera affiché en premier. Vous pouvez utiliser 0 pour l'option de randomisation.
Musique. Choisissez si vous voulez avoir la lecture de musique / de la piste audio avec le curseur ou non.
Musique URL. Fournir le lien complet à la piste audio, qui sera utilisé avec le curseur.
Charge intelligente. Choisissez si vous voulez avoir la fonction de charge intelligente, qui aidera à avoir la charge rapide pour les quelques premières images et traitera le reste entre-temps.
La couleur de fond. Sélectionnez une couleur de fond pour le curseur, ainsi que son niveau de transparence.
Border. Réglez la largeur de la bordure, le type, ainsi que la couleur.
rayon de la frontière. Réglez le rayon de la frontière en utilisant les valeurs de type CSS.
Marge. Définir une marge pour le curseur en pixels.
Ombre. Définir une ombre de curseur en utilisant les valeurs de type CSS.
Faites un clic droit protection. Choisissez si vous voulez avoir la protection de clic droit pour éviter le téléchargement d'image ou non.
Couche sur suivant. Choisissez si vous souhaitez avoir l'effet de calque sur quel que soit le temps entre le coup à la prochaine curseur ou sauter l'effet sortir et obtenir à l'image suivante.
Tournez Glisser WD médias chargement. Choisissez si vous voulez utiliser l'option Curseur WD médias chargement ou utiliser la norme WordPress médias chargement.
Publié. Choisir de publier le curseur mentionné ou non.

4.2 Carousel. Vous pouvez afficher les images de curseur dans une vue de type carrousel, qui affiche une image plus grande dans les centres et descendantes images de taille avant et après l'image principale.
Carousel. Choisissez d'utiliser ou non l'affichage carrousel d'images ou non.
Nombre d'images pour carrousel. Définir le nombre d'images visibles lorsque vous utilisez l'affichage de carrousel.
Rapport d'image Carousel. Définir les proportions entre l'image principale et les images précédant et suivant l'image principale.
ajustement de conteneurs. Si vous activez l'option la distance entre les images seront identiques afin que les images remplissent le conteneur, sinon la distance entre les images va dépendre du rapport.
Largeur fixe. Définir la largeur maximale de l'affichage de carrousel.

4.3 Navigation. Vous pouvez modifier le style, les couleurs et les dimensions pour les boutons de navigation ou de supprimer complètement les boutons de navigation.
Boutons Suivant / Précédent . Choisissez si vous souhaitez afficher les boutons Précédent et Suivant ou non.
Boutons Suivant / Précédent . Choisissez si vous souhaitez afficher les boutons lecture et de pause ou non.
Afficher les boutons de navigation. Choisir entre la possibilité d'afficher toujours les boutons de navigation ou seulement lors de son survol.
Image pour les boutons Suivant / Précédent. Il ya une possibilité d'utiliser l'ensemble des boutons de navigation par défaut, télécharger des images à utiliser comme des boutons de navigation ou d'utiliser des polices de style.

  • Par défaut. Ici, vous devez choisir le groupe de bouton, option de couleur. Vous pouvez utiliser la fonction inverse.
  • Personnalisé. Ici, vous devez télécharger des images pour chaque bouton d'action en cliquant dessus et en ajoutant l'image correspondante. Vous pouvez utiliser la fonction inverse.
  • Styled. Ici, vous devez sélectionner le style de bouton en utilisant la liste déroulante.

Suivant / Précédent touches de style . Choisissez le style du bouton vous préférez avoir la forme de boutons de navigation.
Suivant / Précédent taille des boutons.
Définissez les dimensions pour les boutons gauche / droite de.
Lecture / Pause. Choisissez si vous souhaitez afficher les boutons lecture et de pause ou non.
Image pour les boutons Lecture / Pause. Il ya une possibilité d'utiliser l'ensemble de boutons lecture / pause par défaut, télécharger des images ou d'utiliser fontes.

  • Par défaut. Ici, vous devez choisir le groupe de boutons, option de couleur. Vous pouvez utiliser la fonction inverse.
  • Personnalisé. Ici, vous devez télécharger des images pour chaque bouton d'action en cliquant dessus et en ajoutant l'image correspondante. Vous pouvez utiliser la fonction inverse.

Lecture / taille du bouton Pause . Définissez les dimensions pour les boutons lecture / pause.
couleur des boutons (pour Styled seulement).
Sélectionnez une couleur pour les boutons de navigation.
couleur Hover (pour Styled seulement).
Sélectionnez une couleur de survol pour les boutons de navigation.
frontière.
Sélectionnez le type, la taille, ainsi que la couleur de la bordure pour les boutons de navigation. rayon de Border
.
Rayon de la frontière fixée pour les boutons de navigation en utilisant les valeurs de type CSS.
couleur de fond.
Sélectionnez la couleur de fond pour les boutons de navigation à l'aide du sélecteur de couleur. En outre, vous pouvez régler le niveau de l'arrière-plan de la transparence.

4.4 Bullets. En plus de boutons de navigation, vous pouvez également utiliser des balles. En heurtant la balle de l'image dans la position correspondant sera affiché.
Activer balles. Choisissez si vous souhaitez avoir des balles de navigation ou non.
Position. Sélectionnez la position pour les balles de navigation.
style Bullet. Il ya une possibilité d'utiliser l'ensemble des images de balles par défaut, télécharger image unique pour être utilisé comme une balle de navigation ou d'utiliser les polices par défaut de style.

  • Par défaut. Ici, vous devez choisir le groupe de bouton, option de couleur. Vous pouvez utiliser la fonction inverse.
  • Personnalisé. Ici, vous devez télécharger des images pour les puces actives et Désactiver en cliquant dessus et en ajoutant l'image correspondante. Vous pouvez utiliser la fonction inverse.
  • Styled. Ici, vous devez sélectionner le style de puce en utilisant la liste déroulante.

Taille. Définissez la taille de balles de navigation.
Couleur (pour Styled seulement). Sélectionnez la couleur des balles de navigation.
Couleur active (pour Styled seulement). Sélectionnez la couleur de la balle, qui affiche actuellement une image correspondante.
Marge. Définir la marge pour les balles de navigation en pixels.

4.5 bande de film. Vous pouvez ajouter une bande de film pour les images de curseur.
Activer pellicule. Choisissez si vous voulez avoir les vignettes des diapositives affichées comme une bande de film ou non.
Position. Réglez la position de la bande de film entre 4 options possibles.
Dimensions miniatures. Définir les dimensions des vignettes de films fixes.
La couleur de fond. Sélectionnez la couleur de fond pour la pellicule.
Marge vignette. Définir la marge pour les vignettes en pixels.
Frontière active. La vignette de l'image actuellement affichée aura une bordure. Vous pouvez définir sa taille, le type et la couleur.
Désactiver la transparence. Vous pouvez définir un niveau de transparence pour les articles de filmstrip inactifs.

4.6 Bar minuterie. Vous pouvez ajouter une barre affichant le calendrier à gauche pour passer à la diapositive suivante. Ceci est communément utilisé lors de l'utilisation autoplay pour le curseur.
Activer barre de minuterie. Choisissez si vous souhaitez afficher une barre de temps sur les images ou non.
Type. Choisissez le type de la barre de minuterie pour être utilisée dans le curseur.
Taille. Définissez la taille de la barre de minuterie en pixels.
Couleur. Sélectionnez la couleur et le niveau de la barre de minuterie de la transparence.

4.7 Filigrane. Vous pouvez ajouter un filigrane sur les images de curseur à la fois dans les formes de texte et des images.
    S'il vous plaît noter que le Remplir et Contenir options fonctionnent bien avec Filigrane possibilité quelles que soient les dimensions de l'image, alors que pour la Couverture option que vous devriez avoir l'image identique à la taille définie dans le Dimensions réglage. Si vous avez téléchargé l'image avec une autre dimension, vous aurez besoin de redimensionner l'image et le télécharger à nouveau.
Type de Filigrane. Choisissez le type de filigrane que vous souhaitez utiliser à partir fourni 2 options (texte, image) ou de ne pas utiliser les filigranes sur vos diapositives.
Texte

  • Texte en filigrane. Fournir le texte qui sera affiché sur les diapositives.
  • Filigrane taille de la police. Indiquez la taille de la police du filigrane en pixels.
  • Style de police Filigrane. Spécifiez la famille de la police pour le texte du filigrane.
  • Couleur Filigrane. Sélectionnez la couleur de police du texte du filigrane, ainsi que les valeurs de type CSS transparence du filigrane à l'aide.
  • Position de Filigrane. Choisir le positionnement du filigrane à partir des neuf options disponibles.

Image

  • Filigrane URL. Fournir l'URL absolue de l'image qui sera utilisé pour le filigrane. S'il vous plaît noter que les images ne .png sont pris en charge.
  • Taille de l'image filigrane. Définissez la taille (en pourcentage pour le look sensible) de l'image utilisée pour le filigrane.
  • Position de Filigrane. Choisir le positionnement du filigrane à partir des neuf options disponibles.


 

4.8 CSS. Vous pouvez ajouter CSS personnalisé dans la case ci-dessous pour demander des modifications personnalisées au curseur. Les modifications remplacent les styles originaux.



 
Étape précédente Prochaine étape

Ne manquez jamais des offres exclusives et des nouvelles importantes!

Rejoignez notre communauté

Google Analytics WD

  Voir rapports Google Analytics sur votre site Wordpress.