OFFRE SPÉCIALE

60+

PLUGINS / ADD-ONS PREMIUM WORDPRESS

Obtenez Galerie de photos, Form maker, Slider WD et 60 autres plugins / add-ons dans un grand paquet.

$99

DEAL ENDS DANS

HEURES

MINUTES

SECONDS

Maintenant obtenir

Offre spéciale

DEAL ENDS DANS

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 modifications ne affecteront 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 puisque 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 souhaitez 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 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 existe trois options pour insérer l'image dans une diapositive. Vous pouvez choisir l'option qui vous conviendra le mieux. 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é aux dimensions du curseur.
Contenir. L'image restera dans sa forme originale et le reste de la zone de contenu de curseur sera couverte par le fond de curseur.
Aligner. Avec cette option, vous pouvez aligner votre curseur soit à gauche, à droite ou au centre. Si votre largeur 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, vous ne pouvez pas être en mesure de voir cette option au travail. Aussi, si la dimension est réglée 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 d'un curseur à l'autre. Remarque Qu'il est différent des effets de la couche et ne affecte 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 souhaitez 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 souhaitez avoir la fonction de charge intelligente, ce qui aidera à avoir la charge plus 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. Choisir d'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 à l'autre 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é. Choisissez si vous souhaitez 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éfinissez la largeur maximale de l'affichage du carrousel.

4.3 Navigation. Vous pouvez modifier le style, les couleurs et 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 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.
  • 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 que des boutons de navigation.
    Suivant / taille des boutons Précédent.
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.
    Passez la couleur (pour Styled seulement).
Sélectionnez une couleur de survol pour les boutons de navigation.
    Border.
Sélectionnez le type, la taille, ainsi que la couleur de la bordure pour les boutons de navigation.
    rayon de la frontière.
Rayon de la frontière fixée pour les boutons de navigation en utilisant les valeurs de type CSS.
    La couleur de fond.
Sélectionnez la couleur d'arrière-plan des boutons de navigation à l'aide du sélecteur de couleurs. De plus, vous pouvez définir le niveau de transparence de l'arrière-plan.

4.4 Bullets. En plus de boutons de navigation, vous pouvez également utiliser des balles. Sur frapper 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 boutons, l'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éfinissez la marge pour les puces 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és comme une bande de film ou non.
Position. Réglez la position de la bande de film entre les quatre 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 éléments de film fixe inactifs.

4.6 Bar minuterie. Vous pouvez ajouter une barre affichant le calendrier à gauche pour passer à la diapositive suivante. Ce est couramment 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 transparence de la barre de minuterie.

4.7 Filigrane. Vous pouvez ajouter un filigrane sur les images de curseur à la fois dans les formes de texte et des images.
    Se 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. Se 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 sensibles) 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 boîte ci-dessous pour demander des modifications personnalisées au curseur. Les modifications remplacent les styles originaux.



 
Étape précédente Prochaine étape

SUPPORT DE CLASSE MONDIALE

Nous sommes là pour vous à chaque étape. Adressez-vous à notre service d'assistance pour toute question concernant nos produits et services. Notre équipe expérimentée de service à la clientèle est disponible pour vous aider aussi vite que possible.

Contactez nous