Comment insérer un slider sur la page d'accueil de WordPress. Un slider simple et fonctionnel pour WordPress. Plugin WordPress YSlider

Bonjour lecteurs du blog SEOBID ! Chacun de vous a sûrement vu des sites avec des curseurs sur Internet et en voulait un pour lui-même. Bon, pas comme ça, un peu différent, mais pour que ça marche et ne charge pas le site. Mais comme vous le savez, un plugin, s'il fonctionne comme curseur wordpress, charge un blog ou un site Web avec des requêtes, donc tous les webmasters ne souhaitent pas installer le curseur en tant que plugin.

Les curseurs de carrousel implémentés à l'aide de code PHP, appelés scripts, deviennent populaires. Cependant, tout le monde ne peut pas gérer du code multiligne, et les scripts de curseur restent également largement non réclamés.

Intermédiaire – slider pour WordPress type combiné. Autrement dit, il existe un plugin qui fonctionne en intégrant du code dans un modèle de site Web. Ainsi, la charge sur le site et la base de données diminue, le script du plugin est appelé plus rapidement et le résultat est le même. Le plugin lui-même ne doit pas être chargé dans le répertoire /plugins, mais dans le répertoire du modèle actuellement exécuté sur le site. Ce placement réduit également le nombre de requêtes vers la base de données.

Alors, de quel type de design s'agit-il : un slider combiné pour WordPress ? Par exemple, le plugin commun bxslider, que vous ne trouverez pas dans le référentiel WordPress, mais qui peut et doit être téléchargé depuis le site officiel du plugin - http://bxslider.com/. Naturellement, le plugin contient tout ce dont vous avez besoin pour organiser et faire fonctionner le slider sur n'importe quelle(s) page(s) de votre blog, mais il doit être téléchargé sur le site, connecté et configuré. C'est ce que nous allons faire aujourd'hui.

Le slider WordPress bxslider ne pèse que 157 Ko, et c'est déjà un gros plus. Il fonctionne sur Jquery, ce qui signifie que nous devrons connecter un Bibliothèque Jquery. Ainsi, les requêtes spécifiquement adressées à votre serveur sont réduites sous nos yeux. Ce plugin a un inconvénient - en raison de sa polyvalence pour chaque modèle Thèmes WordPress vous devrez ajuster certains paramètres dans fichier CSS et dans les paramètres de base du code, que nous allons maintenant apprendre à insérer dans les fichiers modèles du site.

Au total, vous devrez insérer trois fragments code php. Les premier et deuxième fragments – dans le fichier header.php, n’importe où entre les balises et . Le premier morceau de code consiste à inclure la bibliothèque externe Jquery - sans elle, les images resteront immobiles, même si tout s'affichera correctement.

Voici le premier extrait :