Introduction au plugin Cool Timeline :
Bien sûr, nous souhaitons partager avec vous une version PRO, qui est la même que celle que nous avons partagée avec vous auparavant, WP Timeline C'est pareil ; c'est aussi réaliser une chronologie, mais cet outil a une heure plus ancienne, et l'effet qu'il produit sera plus cool. Nous pouvons jeter un œil à sa démo. C'est l'un d'eux.
Quand on tourne la page, on voit que ça va avoir un effet très sympa. Celui que nous utilisions auparavant, Chronologie WP, n'a pas de tels effets dynamiques, vous pouvez donc l'utiliser selon vos besoins. Si vous souhaitez que votre site soit plus cool, utilisez le plug-in dont nous parlerons ci-dessous.
Installation du plugin Cool Timeline :
Tout d’abord, nous entrons dans notre backend, installons le plugin et le téléchargeons sur le bureau. Nous sommes prêts. La version actuelle la plus élevée de la version PRO est la 4.5.6. Cliquez pour ouvrir et installer le plug-in.
Une fois l'installation réussie, nous activons le plugin. Ensuite, il y aura un bouton de fonction Timeline Addons très accrocheur dans notre bouton de fonction WordPress. Jetons un coup d'œil à ses fonctions. Le premier est son tableau de bord.
En plus de la version PRO du plug-in que nous avons installé maintenant, ce plug-in contient également d'autres plug-ins, comme par exemple pour élémentor Composants. Cependant, peu importe que nous les utilisions ou non, car nous devons toujours acheter d'autres composants séparément. En fait, nous utilisons uniquement cette version PRO pour obtenir cet effet de chronologie sympa.
Le second est son code d'activation. Notre plug-in est actuellement dans un état cracké, il n'a donc pas été activé pour vous. Ne l'activez pas ; il a juste un rappel supplémentaire.
Le reste n’a aucun impact sur nous. Parce qu'il existe une sorte de plugin, par exemple, il n'est pas vendu sur certaines plateformes de e-commerce, comme Themeforest. Il est vendu uniquement sur son propre site Internet indépendant. Si un plug-in comme celui-ci est disponible, il est difficile de l'obtenir. Version GPL, nous ne pouvons donc utiliser que sa version crackée.
La troisième fonctionnalité est la fonction ajoutée de la version PRO. En fait, il existe une version gratuite. Vous pouvez également installer directement le plug-in sympa de timeline, mais il s’agit d’une version gratuite. La version gratuite possède de nombreuses fonctions. Cependant, par exemple, vous ne pouvez pas configurer séparément certains contenus de nœuds dans la timeline, et seule la version PRO peut l'utiliser.
Cool Timeline utilise :
La chronologie sympa est similaire à la chronologie wp que nous avons utilisée auparavant. Il peut également générer différents types de délais. Le premier est son style et le second son contenu. Il y a également trois appels à ce contenu.
Tout d'abord, vous pouvez l'utiliser directement dans la version PRO. Vous pouvez créer un répertoire de catégories, puis ajouter du contenu d'histoire au répertoire de catégories.
Cool Timeline crée le contenu de l'histoire :
Par exemple, ajoutons une histoire maintenant et copions-la depuis le site Web. Pour le contenu ici, nous ajoutons un titre et un paragraphe, puis voici quelques paramètres pour sa chronologie. La première est que vous pouvez définir une heure. En raison du calendrier, il faut une période de temps.
Le deuxième est la personnalisation. C'est très simple. Vous pouvez directement définir sa méthode de tri. Si vous souhaitez ajouter l'effet de la chronologie et que le contenu ci-dessus est trié par nœuds temporels, vous pouvez utiliser l'ordre. Trier. Nous utilisons ici les nœuds temporels par défaut. Par exemple, le premier jour, nous le fixons au 20, puis il y a trois types de contenu sur la chronologie ci-dessous. La première est que vous pouvez ajouter une image. Cette photo est ce que nous attendons. Vous pouvez définir ici une image sélectionnée appelée image sélectionnée.
La deuxième façon consiste à ajouter une vidéo, mais si vous souhaitez télécharger cette vidéo sur YouTube ou sur un serveur vidéo étranger, vous pouvez la télécharger. Après le téléchargement, il y aura un lien. Vous avez mis ce lien. Restez simplement dans cette position.
La troisième méthode consiste à télécharger plusieurs images, puis à former un carrousel de diaporamas. Pourtant, ces trois-là sont côte à côte. Si vous utilisez la première méthode, vous ne pourrez pas l’utiliser plus tard, vous ne pourrez donc choisir qu’une seule méthode. Ensuite, ajoutez-y une petite icône. La première consiste à y ajouter une icône de police. Ajoutez la personne de votre choix, mais vous pouvez également télécharger votre propre icône et en ajouter une autre. Si le lien n'existe pas, ne l'ajoutez pas. C'est le premier.
Catégories d'histoires sympas de la Timeline :
Ensuite, nous le mettons dans la catégorie et l'appelons plus tard.
Eh bien, j'en ai également créé plusieurs autres séparément et par ordre chronologique.
Codes courts sympas de la chronologie :
Une fois créé, appelons-le. Comment l’appeler est en fait très simple. Il utilise un shortcode, tout comme ce shortcode.
Bien entendu, nous n’avons pas besoin de copier ces shortcodes individuellement. Vous pouvez également suivre ses instructions officielles. Si vous souhaitez cet effet, vous pouvez copier cet effet.
La page Cool Timeline s'affiche :
Une autre façon est de l'afficher sur notre page, donc ici nous créons une page, puis entrons un titre pour celle-ci, puis comment l'appeler ; c'est très simple. Ici, vous cliquez sur le signe plus pour voir qu'il comporte trois modules. Le premier module et un autre module se trouvent en dessous du deuxième module. Il y a trois modules au total. Alors, quelles sont les différences entre ces trois modules ?
Paramètres de style sympas de la timeline :
On voit ici qu'il appelle notre poste, c'est-à-dire notre article. Il peut utiliser directement le contenu de notre article comme chronologie, nous cliquons donc directement dessus pour l'ajouter. Après l'avoir ajouté, vous pouvez le modifier et cliquer dessus. Sur le côté droit, nous le modifions maintenant dans Gutenberg, et sur le côté droit, vous pouvez modifier s'il est trié verticalement ou horizontalement.
Paramètres de source de contenu Cool Timeline :
Ensuite, le suivant est ses nombreux styles, le suivant est son skin, qu'il soit sombre ou normal, ne modifiez pas le suivant, il appelle notre post, c'est-à-dire appelle notre article.
Ensuite, le suivant est notre répertoire de catégories principal. Ici, vous pouvez saisir l'alias d'une de nos catégories. Nous retrouvons notre article et ouvrons la catégorie. Voici notre slug et notre alias. Si vous voulez l'appeler S'il s'agit d'un certain répertoire de catégorie, alors vous copiez l'alias du répertoire de catégorie et l'ajoutez ici.
S'il y a plusieurs entrées, séparez-les par des virgules anglaises. Ensuite, vous pouvez remplir plusieurs entrées à la fois. Si vous ne les saisissez pas ici, tous vos articles seront rappelés.
Le suivant concerne le nombre d’articles affichés sur chaque page de votre article, car si vous avez beaucoup d’articles, cela prend en charge le changement de page. Nous pouvons voir cet effet, et cela peut tourner les pages.
Ensuite, nous examinerons la méthode de tri avancée, la façon dont l'heure est affichée et le style de la petite icône de police parmi nous, qui consiste à modifier certains de ses styles, nous n'avons donc pas besoin de la modifier ici au préalable. , puis publions-le d'abord. Après sa publication, nous ouvrirons cette page pour voir l'effet.
Après l'avoir ouvert, nous pouvons voir qu'il a appelé tous nos articles, mais nous n'en avons que quelques-uns. Nous pouvons fermer la barre latérale de la page de la barre latérale, puis la rafraîchir. Il s’agit d’un pur effet de chronologie. Pourquoi n'est-il pas dynamique ? En effet, dans la version avancée, nous cliquons à nouveau sur ce shortcode, puis dans la version avancée, nous pouvons définir des tendances, cliquer sur mettre à jour, puis l'actualiser. Désormais, lorsque nous ferons défiler, cela aura un effet dynamique. Tous ses effets dynamiques sont ainsi ajoutés. C'est le premier.
Appelez nos articles comme contenu dans notre chronologie.
Affichage de l'histoire du contenu Cool Timeline :
Jetons un coup d'oeil à un autre. Supprimons-le d'abord, puis nous en ajouterons un autre. L'autre consiste à appeler notre histoire, que nous venons de mettre à jour. Cliquez pour rejoindre. De la même manière, vous cliquez sur ce shortcode. Il peut également être modifié exactement de la même manière, sauf qu'ici, on y met un style et on clique sur Mettre à jour.
Actualisons-le à nouveau. Bon, il affiche désormais un autre style. Ce qu'on appelle ici est le contenu de certaines histoires que nous avons ajoutées. Il est indépendant de notre article.
Contenu personnalisé Cool Timeline :
La troisième façon de l’ajouter est plus unique. Il le traite directement comme un module. Après avoir ajouté ce module, vous pouvez le modifier. Par exemple, pour chaque module, vous pouvez ajouter son titre, son contenu, ses images et son heure. Il y en a un par défaut ; vous pouvez en ajouter autant que vous le souhaitez.
Par exemple, nous pouvons en ajouter davantage, afin de pouvoir le mettre à jour de la même manière après l'avoir configuré. Une fois la mise à jour terminée, nous pouvons l'actualiser et il affichera le contenu que nous avons ajouté, mais les images à l'intérieur ne seront pas affichées. La photo que nous avons utilisée n’étant pas autorisée, nous pouvons la supprimer entièrement.
Ensuite, nous utilisons toujours le deuxième type d’histoire, car l’histoire de développement de l’entreprise que nous ajoutons souvent est essentiellement notre histoire, que nous avons écrite. D'accord, alors nous allons le rafraîchir. Tout à l’heure, j’ajouterai ces quelques-uns. Au cours de ce processus, j'ai utilisé plusieurs méthodes. La première était une vignette et la seconde était une vidéo YouTube, cette vidéo peut donc être lue.
Le troisième que j'utilise est le suivant. J'utilise un diaporama, qui peut être utilisé de plusieurs manières. Il s'agit d'une timeline sympa, une des façons d'utiliser le plug-in de timeline.
Paramètres du plugin Cool Timeline :
Ensuite, jetons un œil à ses paramètres. Ils sont très simples. La première chose est de les modifier. Si un article en savoir plus figure dans notre chronologie, nous l'ajouterons ici. S'il s'agit d'un article, il contiendra une lecture plus, ou si vous ajoutez un lien hypertexte, il contiendra une lecture plus, et vous pourrez alors modifier le texte.
Le prochain concerne notre matériel photo. Par exemple, si nous cliquons sur cette image maintenant, elle a un effet lightbox. Pour le premier type de caisson lumineux ici, vous pouvez utiliser celui fourni avec le plug-in, et pour le deuxième type, utiliser votre thème. Le troisième type ouvre le lien et le quatrième type ferme le lien. Ensuite, s’il s’agit d’une image de carrousel, vous pouvez définir une durée de rotation automatique du carrousel. Avez-vous besoin d’appeler le style CSS de cette police ? Généralement, nous devons l'afficher.
La seconde est de savoir s'il faut afficher les polices Google. Si vous créez un site Web étranger, vous devez activer Google vous-même pour répondre à vos besoins. Si votre thème est livré avec des polices, vous pouvez le désactiver. Perdre.
La prochaine étape concerne la manière dont le carrousel est affiché. La seconde consiste à définir son style en fonction de vos propres besoins. Par exemple, le premier module est le premier module que nous voyons maintenant. Cela commence par la droite. Vous pouvez le basculer vers la gauche, puis enregistrer et actualiser. Le premier module commence à gauche, puis vous pouvez modifier sa couleur d'arrière-plan et sa couleur de police et ajouter des styles CSS personnalisés.
Ensuite, le troisième concerne la taille de la police et la police utilisée pour mesurer son épaisseur. Vous pouvez le modifier. Le dernier est qu’il propose des didacticiels vidéo. Eh bien, voici comment utiliser le plug-in Cool Timeline.
