En haut de lrsquoécran, appuyez sur Load plug in → Select File → insert codec → install now. Une fois lrsquoinstallation terminée, il suffit drsquoappuyer sur le démarrage et la flèche pour commencer.
Préparez ! Lors de la conduite drsquoun véhicule, assurez de régler la sensibilité du rétroviseur, du ège et du volant Comme une voiture haut de gamme, pouvez configurer les réglages de plug in les plus importants avant drsquoutiliser la rotation du curseur pour entrer dans le processus de construction afin que tout se passe bien. La façon dont votre site est chargé et affiché sur tous les appareils (mobiles tablettes ordinateurs portables ordinateurs de bureau) peut déterminer votre succès ou votre échec Dans le tableau de bord WordPress, allez à la rotation du curseur → global, où rencontrerez une série de paramètres, ne confondez pas, recherchez seulement 4 lignes intitulées « mise en page par défaut du point d’arrêt de la grille», puis entrez selon l’image suivante:
~ Dépendance des pixels de lrsquoappareil à vue rapide ~ la largeur du bureau standard est de 1920 pixels. Les ordinateurs portables (y compris les Mac et les tablettes horizontales) sont limités à 1600 pixels de largeur. La tablette, y compris lrsquoiPad, a la meilleure image verticale de 778 pixels de large. Cependant, certains appareils peuvent atteindre 1025 de largeur lorsqursquoils sont renversés latéralement essayez de adapter à ces utilisateurs, adaptez à vos préférences. Les téléphones portables sont disponibles en différentes tailles et représentent plus de 51% de toutes les activités Internet. En général, essayez de rester en dessous de 500 et au dessus de 360 (480 pixels de large)
Une fois que avez rempli ces lignes en conséquence, nrsquooubliez pas de cliquer sur le bouton Enregistrer dans le coin inférieur droit. Voiles Maintenant que tous les problèmes de base sont résolus, il est temps de se salir les mains et de commencer à jouer avec votre première dia
Positif et optimiste Déplacez le curseur de la souris sur lrsquoonglet rotation du curseur et appuyez sur le nouveau segment de module vide. Assurez drsquoabord drsquoêtre dans lrsquoonglet titre et de nommer la diapositive. voyez un segment nommé module sur le côté droit de lrsquoécran, saurez que êtes dans lrsquoonglet correct. Le nom de la diapositive doit être inséré en deux lignes: la ligne drsquoen tête et la ligne juste en dessous, la ligne drsquoalias.
Nrsquooubliez pas que les lignes drsquoalias doivent être toutes minuscules et séparées par un trait drsquounion Un alias est un alias que utiliserez plus tard pour ajouter des diapositives à votre site. Lrsquoétape suivante consiste à srsquoassurer que le type de curseur désiré est utilisé. Cliquez sur lrsquoonglet mise en page (à droite de lrsquoonglet titre) et sélectionnez une des trois variantes de mise en page du curseur. Diapositive – plusieurs diapositives. Curseur: plusieurs curseurs. Ils sont équipés de balles et de flèches. Variante de scène 2 scène si cette option est sélectionnée, les flèches et les points de liste disparaissent.
Carrousel Variante 3 une fois que le Carrousel a sélectionné le type de mise en page qui correspond à vos besoins, faites défiler vers la section dimensions (directement en dessous du type de mise en page) et spécifiez la taille. Auto – cette option srsquoadapte à son contenu de page. Automatique: Cette option srsquoadapte au conteneur sur la page. Il est souvent utilisé pour animer des Parties spécifiques drsquoune page. Largeur complète – cette option remplit la largeur de sa page, mais correspond à la hauteur de son segment. Largeur totale – cette option remplit la largeur de la page, mais elle est ajustée en fonction de la hauteur du clip. Pour une seule partie horizontale.
Plein écran – couvre tout lrsquoécran, quelle que soit sa taille. Plein écran: couvre tout lrsquoécran, quelle que soit la taille de lrsquoécran Les glissières peuvent être utilisées
I représente toute partie de la page Cependant, gardez à lrsquoesprit que plus le curseur apparaît sur la page, plus la vitesse de chargement est lente, ce qui peut à son tour mettre votre classement seo en danger Il est temps drsquoassurer la cohérence visuelle de cette diapositive. Directement sous la section redimensionnement de la mise en page, cliquez sur redimensionner la zone du calque et Agrandissez la. Tous les bureaux, à lrsquoexception du premier, doivent être désactivés.
Activez tous les modules et réglez les pour ouvrir en cliquant sur le curseur du module. Ceci importe automatiquement les paramètres de rendu visuel global précédemment entrés. Le nombre de pixels à gauche représente la largeur et le nombre de pixels à droite la hauteur. Nrsquooubliez pas qursquoil nrsquoy a pas de norme de taille universelle, donc il vaut la peine drsquoessayer la taille avec souplesse. De même, une fois que avez rempli les lignes en conséquence, nrsquooubliez pas de cliquer sur le bouton Enregistrer très important situé dans le coin inférieur droit de lrsquoécran.
Fonction de réglage supplémentaire: sur le côté droit de lrsquoécran où tous les onglets sont situés, assurez drsquoêtre dans la section paramètres (sinon, cliquez sur lrsquoicône engrenage). Ce sont des options générales pour la plupart des personnalisations. Appuyez sur lrsquoonglet par défaut. Vous trouverez ici quelques paramètres à utiliser, mais concentrons nous sur les paramètres les plus importants. Durée du curseur. Par défaut, il est réglé à 9000 MS (millisecondes) ou seulement 9 secondes. Nous sommes tous très conscients du fait que les internautes ont une sorte drsquoattention qui nrsquoaime pas attendre trop longtemps. Pour satisfaire le public qui visitera votre site, devez savoir combien de temps ils sont prêts à attendre pour voir les changements de diapositives. Bien sûr, crsquoest un paramètre dépendant de lrsquoindustrie
Du point de vue de lrsquoobjectif du projet, mais en général, il est préférable de le maintenir dans une plage de 3 000 à 5 000 MS (3 à 5 secondes). Une autre bonne technique est le rotateur. Cliquez sur lrsquoonglet Spinner situé au niveau inférieur et déplacez un pas à gauche. Lorsque chargez une diapositive, pouvez choisir de rendre le chargeur rotatif. Cette section ne traite que de lrsquoimage de marque et des préférences personnelles. Vous pouvez continuer à lrsquoutiliser si le souhaitez, ou Tu peux lrsquoéteindre. Ensuite, nous avons lrsquoonglet général. En cliquant ici, trouverez quelques diapositives très pratiques. Explorez ce qui est disponible dans cet onglet que rencontrerez prévoyez avoir plusieurs diapositives dans un projet, utilisez la souris sur lrsquoicône de lrsquoengrenage, déplacez légèrement à gauche, puis cliquez sur les quatre touches fléchées. Vous trouverez ici des options pour gérer les transitions entre les diapositives. Examinez chaque onglet pour en savoir plus sur les propriétés fournies dans chaque onglet. Mettez le sur la page! Maintenant que avez construit un curseur, il est temps de le mettre sur la page! Retournez aux paramètres (icône du rapport) et cliquez sur lrsquoonglet titre. Dans la section nom du formulaire sous le titre et la ligne alias que avez remplis précédemment, verrez une ligne appelée « Code court » Copiez le Code court à lrsquoarrière plan de pagination désiré et connectez le. La mise à jour de la page immédiatement après donnera un aperçu en direct! Pour voir les aperçus et les modifications en direct pendant le lien, sauvegardez les modifications sur la page! Mets le! Il est temps de construire un projet Slider complet. Retournez à la barre drsquooutils de configuration du curseur et déplacez une partie du côté droit du panneau de direction Quad vers
Commençons à construire. Par défaut, lrsquoarrière plan est défini à transparent. Cliquez sur le menu déroulant et sélectionnez lrsquooption qui correspond à vos besoins. En sélectionnant lrsquoimage, pouvez choisir de les médias dans la bibliothèque ou de sélectionner certains médias à partir des médias existants. Une fois lrsquoimage sélectionnée, elle apparaît dans lrsquoespace de travail centre gauche Notez que le rapport drsquoaspect de lrsquoimage doit correspondre aux pixels que nous avons spécifiés au début En sélectionnant une image externe, pouvez sélectionner lrsquoURL de lrsquoimage drsquoentrée. Après lrsquoentrée, appuyez sur le bouton mettre à jour la source juste en dessous de lrsquoURL que entrez. Pour obtenir la meilleure résolution lors du choix de la taille de lrsquoéclairage, il est préférable de garder lrsquooriginal. En savoir plus sur les paramètres de lrsquoimage Nous offrons 3 options principales: BG fit (comment lrsquoimage est chargée dans son conteneur) repeat (option de multiplier lrsquoimage par la largeur du pixel) position (angle par rapport à la position drsquoaffichage de lrsquoimage) nous renvoie à lrsquooption de descente de fond. essayez de rester simple et drsquointroduire simplement des couleurs, sélectionnez simplement coloré dans la ligne de type. Cliquez sur la ligne de couleur de fond et une fenêtre contextuelle apparaît. Trouvez la couleur, lrsquoopacité et le ton que voulez trouver, puis appuyez sur le symbole bleu dans la fenêtre contextuelle Ceci enregistre vos préférences. Vous les effets parallèles? Très bon, facile à acheter, granulométrie 5%. (assurez que cette fonctionnalité est activée dans le module paramètres globaux) voudrez peut être permettre au public drsquoagrandir et de réduire les diapositives comme il le souhaite Super, il y a une carte drsquoeffets Ken Burns dedans qui permettra de faire ça. Vous cherchez drsquoautres options pour définir lrsquoarrière plan? Vous pouvez en trouver
Non sous lrsquoicône set Gear dans lrsquoonglet paramètres par défaut. Dans le module drsquoextension de base par défaut, juste en dessous du réglage de durée du curseur traité précédemment, il y a une ligne appelée délai drsquoinitialisation. voulez que votre diaporama apparaisse un peu après que votre public arrive sur votre page, considérez le calendrier. * Rappel: les valeurs unitaires sont en millisecondes (MS), de sorte que chaque 1000 MS est égal à une seconde de temps de remplissage. Essayez drsquoanimer la diapositive? La rotation du curseur couvre. Retournez à la section image à côté du panneau drsquoorientation quadrilatère et cliquez sur lrsquoonglet Animation. Dans le menu déroulant intitulé animation de diapositives, lrsquoordre de transition de lrsquoactivité aura un certain nombre drsquoeffets à choisir Après avoir sélectionné lrsquoanimation désirée, déplacez vers le bas dans le module paramètres drsquoanimation et Ajustez leurs paramètres temporels. Il est temps drsquoajouter quelques niveaux. Faites défiler vers le module de configuration des calques à droite du module image comme suit: Lrsquoouverture drsquoun module de calque lance le processus dans lrsquoonglet contenu. Dans lrsquoonglet contenu, il y aura des modules de contenu pour les couches drsquoimage où pouvez effectuer toutes les personnalisations. Comme le fragment de fond décrit précédemment, devez ou sélectionner une image à partir de la médiathèque Le chargement lent et le type de source sont ensuite ajustés en fonction des besoins de la couche drsquoimage. Regardons les options pour les styles de calques Dans cet onglet, aurez lrsquooccasion de manipuler les paramètres de la couche drsquoimage, y compris: la couleur de fond de lrsquoimage ici, pouvez changer les options de couleur de fond de lrsquoimage en fonction de vos préférences. Crsquoest lrsquoattribut drsquoespacement ici, et pouvez
Les doigts tremblent ou se touchent accidentellement. Trop bas peut le déclencher, trop haut peut entraîner une déconnexion des désirs du public. Contrôle toi! Nous recommandons fortement de voir comment tester les diapositives sur le champ de bataille avant de publier publiquement toutes les belles œuvres via Slider! Prenez le temps de parcourir les pages de diapositives de chaque rue. Bureau: tous les rendus sont ils conformes aux spécifications? Carnet: lrsquoapparence transmet elle le même sentiment que le Bureau? Tablette: À quoi ressemble la verticale? Ça marche horizontalement? Téléphone: Êtes heureux de vérifier votre téléphone et de demander à vos amis de vérifier leur téléphone? Lrsquoartiste est il vraiment satisfait de son travail? Chaque option de taille et chaque équipement doivent être aussi sensibles que possible. Parfois, en raison des caractéristiques de pixelisation de chaque appareil, lrsquoimage est coupée Ne inquiétez pas, il suffit de savoir exactement où cela peut se produire dans la pile de curseurs et de revenir à ce segment pour apporter les changements appropriés. Rappelez quelques idées! Chaque fois que travaillez sur la partie temporelle drsquoun segment de curseur, rappelez que la nature chronique de chaque niveau peut entraîner un chevauchement! Il ne srsquoagit pas seulement drsquoimages et de couleurs. Tous les effets peuvent être directement adaptés aux besoins du texte, de lrsquoaudio et même de la vidéo! souhaitez transférer des vidéos de Vimeo ou YouTube, copiez et collez lrsquoURL drsquoune vidéo spécifique. Lrsquoanimation de boucle est très utile, mais une boucle infinie perturbe votre espace de conception visuelle et continue à mettre en cache, ce qui ralentit le temps de chargement et provoque une confusion dans lemplacement du référencement. Explorez et grandissez avec confiance! Maintenant tu es prêt.
Tutoriel Ultimate Slider Revolution – guida completa
