Page complète. JS est une puissante bibliothèque JavaScript gratuite basée sur jquery qui fournit (comme son nom lrsquoindique) la capacité de créer des sites Web en plein écran très attrayants, dynamiques et réactifs. La Bibliothèque a été créée par le développeur espagnol Alvaro Trigo et utilisée par certaines des meilleures marques du monde. La Bibliothèque elle même est facile à utiliser, mais pour certaines personnalisations et modifications, devez traverser le Code. Mais tout est
Besoin d’aide sur les thèmes WordPress? Engagez Bruno Coase et laissez le faire de la magie pour ! Créer une page blanche jrsquoa i créé ce sujet pour une mise en page complète, en utilisant la bibliothèque. C’est pourquoi certains contenus WordPress très standards sont ignorés, comme les boucles standard dans les modèles d’index. Php. Pas de problème: WP _ Head () et WP footer () sont inclus. Il y a très peu de code, et CSS est extrait du sujet 2616. Jrsquoa I également ajouté un petit nombre de CSS, mais dans lrsquoensemble, la conception nrsquoest pas importante dans ce tutoriel parce que quiconque utilise ce sujet peut concevoir ses propres choses.
Donc la question est: créer un
Je ne vois pas la nécessité de le changer.
Voyons si jrsquoa i ajouté une section incrémentale: $CURSOR _ value = lsquoslidersquo. Delta () $ Output. = $ Reviens! Comme pouvez le voir, je nrsquoai créé qursquoune nouvelle variable * * $Slider _ value * * pour les propriétés personnalisées. Enfin, nous devons également enregistrer le menu: Enregistrer la fonction de menu de navigation bbird _ scroller Register menu () {$locations = array (lsquoPrimaryrsquo = gt (lsquomain and unique menu in Themersquo, lsquotext Domainrsquo),) enregistrer le menu de navigation ($locations)} Ajouter _ action (lsquoinitrsquo, lsquobbird scroller Register menursquo)
Initialisation de la page complète. Avant drsquoentrer dans le tableau de bord, nous initialisons la bibliothèque. Crsquoest aussi très simple, et le but de cette initialisation est en fait (du moins je pense que crsquoest le cas) que pouvez facilement écraser tous les paramètres fournis par la bibliothèque sans avoir à écraser le fichier principal régulièrement mis à jour. Ce nrsquoest qursquoun des nombreux exemples de fonctions drsquoinitialisation: jquery (document). Ready (Function ($) {$(
examinez le fichier principal, verrez
Toutes ces options sont également disponibles, mais il y a une chose qui nous intéresse particulièrement: lrsquoancrage (un peu plus) et les conseils drsquooutils de navigation (un peu moins). Sans ces ancres, notre menu ne fonctionnerait pas, de sorte que les visiteurs ne peuvent faire défiler la page qursquoà partir de la roue de la souris ou du clavier. Nous avons donc besoin drsquoajouter quelques ancrages: pour ce faire, jrsquoai ajouté 10 ancrages, ce qui me semble suffisant pour la plupart des projets, bien que drsquoautres ancrages puissent être ajoutés si nécessaire. Mais je doute sérieusement que ayez 15, 20 ou plus drsquoéléments de menu pages.
Lorsqursquoil srsquoagit de conseils drsquooutils de navigation, ce ne sont que les titres affichés sur les boutons de navigation ( pouvez également les désactiver) et ne sont donc pas importants pour ce tutoriel. Le JavaScript ci dessus se trouve dans le fichier fullpage. Initialisation. JS que nous appelons par la fonction bbird _ scroller scripts (). Créer des champs de transpondeur ACF et des sous Champs crsquoest lrsquoidée principale que nous avons rencontrée: les champs de transpondeur pour générer une page entière. JS. De plus, jrsquoai enregistré plusieurs autres champs dans le transpondeur, lrsquoun pour lrsquoimage de fond, lrsquoautre pour le titre et lrsquoautre pour le texte. Pour raccourcir le tutoriel, je vais fournir le fichier drsquoexportation ACF à la fin de mais la structure est la suivante: les valeurs par défaut fonctionnent également, donc il nrsquoy a rien de spécial ici. Vous pouvez modifier la disposition de ces champs à volonté, mais ne changez pas le nom des champs à moins que ne les changiez également dans votre code.
Modèle drsquoindex. Comme indiqué ci dessus, ce sujet ne devrait pas être utilisé pour autre chose que la configuration ACF, donc tout le Code est dans lrsquoindex. Php, bien qursquoil puisse également être dans un modèle de page personnalisé. Vérifions le Code (jrsquoai supprimé certains éléments standards aux fins de lrsquoarticle, que trouverez dans le sujet zip complet sous lrsquoarticle): »
Page complète. Intégration avancée de JS et de champs personnalisés
