Tutoriel Ultimate Slider Revolution – guida completa

En haut de l’écran, appuyez sur Load plug – in → Select File → insert codec Download → install now. Une fois l’installation terminée, il suffit d’appuyer sur le démarrage et la flèche pour commencer.
Préparez – vous! Lors de la conduite d’un véhicule, assurez – vous de régler la sensibilité du rétroviseur, du Siège et du volant; Comme une voiture haut de gamme, vous pouvez configurer les réglages de plug – in les plus importants avant d’utiliser 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ù vous 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 l’appareil à 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 l’iPad, a la meilleure image verticale de 778 pixels de large. Cependant, certains appareils peuvent atteindre 1025 de largeur lorsqu’ils sont renversés latéralement; Si vous essayez de vous adapter à ces utilisateurs, adaptez – vous à 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 vous avez rempli ces lignes en conséquence, n’oubliez 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 l’onglet rotation du curseur et appuyez sur le nouveau segment de module vide. Assurez – vous d’abord d’être dans l’onglet titre et de nommer la diapositive. Si vous voyez un segment nommé module sur le côté droit de l’écran, vous saurez que vous êtes dans l’onglet correct. Le nom de la diapositive doit être inséré en deux lignes: la ligne d’en – tête et la ligne juste en dessous, la ligne d’alias.
N’oubliez pas que les lignes d’alias doivent être toutes minuscules et séparées par un trait d’union; Un alias est un alias que vous utiliserez plus tard pour ajouter des diapositives à votre site. L’étape suivante consiste à s’assurer que le type de curseur désiré est utilisé. Cliquez sur l’onglet mise en page (à droite de l’onglet 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 s’adapte à son contenu de page. Automatique: Cette option s’adapte au conteneur sur la page. Il est souvent utilisé pour animer des Parties spécifiques d’une 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 l’écran, quelle que soit sa taille. Plein écran: couvre tout l’écran, quelle que soit la taille de l’écran Les glissières peuvent être utilisées
I représente toute partie de la page; Cependant, gardez à l’esprit 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 d’assurer 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, à l’exception 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. N’oubliez pas qu’il n’y a pas de norme de taille universelle, donc il vaut la peine d’essayer la taille avec souplesse. De même, une fois que vous avez rempli les lignes en conséquence, n’oubliez pas de cliquer sur le bouton Enregistrer très important situé dans le coin inférieur droit de l’écran.
Fonction de réglage supplémentaire: sur le côté droit de l’écran où tous les onglets sont situés, assurez – vous d’être dans la section paramètres (sinon, cliquez sur l’icône engrenage). Ce sont des options générales pour la plupart des personnalisations. Appuyez sur l’onglet 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 d’attention qui n’aime pas attendre trop longtemps. Pour satisfaire le public qui visitera votre site, vous devez savoir combien de temps ils sont prêts à attendre pour voir les changements de diapositives. Bien sûr, c’est un paramètre dépendant de l’industrie
Du point de vue de l’objectif 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 l’onglet Spinner situé au niveau inférieur et déplacez un pas à gauche. Lorsque vous chargez une diapositive, vous pouvez choisir de rendre le chargeur rotatif. Cette section ne traite que de l’image de marque et des préférences personnelles. Vous pouvez continuer à l’utiliser si vous le souhaitez, ou Tu peux l’éteindre. Ensuite, nous avons l’onglet général. En cliquant ici, vous trouverez quelques diapositives très pratiques. Explorez ce qui est disponible dans cet onglet que vous rencontrerez; Si vous prévoyez avoir plusieurs diapositives dans un projet, utilisez la souris sur l’icône de l’engrenage, 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 vous avez construit un curseur, il est temps de le mettre sur la page! Retournez aux paramètres (icône du rapport) et cliquez sur l’onglet titre. Dans la section nom du formulaire sous le titre et la ligne alias que vous avez remplis précédemment, vous verrez une ligne appelée « Code court »; Copiez le Code court à l’arrière – plan de pagination désiré et connectez – le. La mise à jour de la page immédiatement après vous 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 d’outils 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, l’arrière – plan est défini à transparent. Cliquez sur le menu déroulant et sélectionnez l’option qui correspond à vos besoins. En sélectionnant l’image, vous pouvez choisir de télécharger les médias dans la bibliothèque ou de sélectionner certains médias à partir des médias existants. Une fois l’image sélectionnée, elle apparaît dans l’espace de travail centre \/ gauche Notez que le rapport d’aspect de l’image doit correspondre aux pixels que nous avons spécifiés au début En sélectionnant une image externe, vous pouvez sélectionner l’URL de l’image d’entrée. Après l’entrée, appuyez sur le bouton mettre à jour la source juste en dessous de l’URL que vous entrez. Pour obtenir la meilleure résolution lors du choix de la taille de l’éclairage, il est préférable de garder l’original. En savoir plus sur les paramètres de l’image; Nous offrons 3 options principales: BG fit (comment l’image est chargée dans son conteneur) repeat (option de multiplier l’image par la largeur du pixel) position (angle par rapport à la position d’affichage de l’image) nous renvoie à l’option de descente de fond. Si vous essayez de rester simple et d’introduire 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, l’opacité et le ton que vous voulez trouver, puis appuyez sur le symbole bleu dans la fenêtre contextuelle; Ceci enregistre vos préférences. Vous aimez les effets parallèles? Très bon, facile à acheter, granulométrie 5%. (assurez – vous que cette fonctionnalité est activée dans le module paramètres globaux) vous voudrez peut – être permettre au public d’agrandir et de réduire les diapositives comme il le souhaite; Super, il y a une carte d’effets Ken Burns dedans qui vous permettra de faire ça. Vous cherchez d’autres options pour définir l’arrière – plan? Vous pouvez en trouver
Non sous l’icône set Gear dans l’onglet paramètres par défaut. Dans le module d’extension 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 d’initialisation. Si vous 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 – vous d’animer la diapositive? La rotation du curseur vous couvre. Retournez à la section image à côté du panneau d’orientation quadrilatère et cliquez sur l’onglet Animation. Dans le menu déroulant intitulé animation de diapositives, l’ordre de transition de l’activité aura un certain nombre d’effets à choisir; Après avoir sélectionné l’animation désirée, déplacez – vous vers le bas dans le module paramètres d’animation et Ajustez leurs paramètres temporels. Il est temps d’ajouter quelques niveaux. Faites défiler vers le module de configuration des calques à droite du module image comme suit: L’ouverture d’un module de calque lance le processus dans l’onglet contenu. Dans l’onglet contenu, il y aura des modules de contenu pour les couches d’image où vous pouvez effectuer toutes les personnalisations. Comme le fragment de fond décrit précédemment, vous devez télécharger 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 d’image. Regardons les options pour les styles de calques Dans cet onglet, vous aurez l’occasion de manipuler les paramètres de la couche d’image, y compris: la couleur de fond de l’image ici, vous pouvez changer les options de couleur de fond de l’image en fonction de vos préférences. C’est l’attribut d’espacement ici, et vous 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 vous 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: l’apparence transmet – elle le même sentiment que le Bureau? Tablette: À quoi ressemble la verticale? Ça marche horizontalement? Téléphone: Êtes – vous heureux de vérifier votre téléphone et de demander à vos amis de vérifier leur téléphone? L’artiste 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, l’image est coupée; Ne vous 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 – vous quelques idées! Chaque fois que vous travaillez sur la partie temporelle d’un segment de curseur, rappelez – vous que la nature chronique de chaque niveau peut entraîner un chevauchement! Il ne s’agit pas seulement d’images et de couleurs. Tous les effets peuvent être directement adaptés aux besoins du texte, de l’audio et même de la vidéo! Si vous souhaitez transférer des vidéos de Vimeo ou YouTube, copiez et collez l’URL d’une vidéo spécifique. L’animation 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 l’emplacement du référencement. Explorez et grandissez avec confiance! Maintenant tu es prêt.