Page complète. Intégration avancée de JS et de champs personnalisés

Page complète. JS est une puissante bibliothèque JavaScript gratuite basée sur jquery qui fournit (comme son nom l’indique) 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, vous 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 vous! Créer une page blanche j’a 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. J’a I également ajouté un petit nombre de CSS, mais dans l’ensemble, la conception n’est 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 j’a i ajouté une section incrémentale: $CURSOR _ value = ‘slide’. Delta () $ Output. = $ Reviens! Comme vous pouvez le voir, je n’ai créé qu’une 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 (‘Primary’ = > \ (‘main and unique menu in Theme’, ‘text Domain’),); enregistrer le menu de navigation ($locations);} Ajouter _ action (‘init’, ‘bbird scroller Register menu’);
Initialisation de la page complète. Avant d’entrer dans le tableau de bord, nous initialisons la bibliothèque. C’est aussi très simple, et le but de cette initialisation est en fait (du moins je pense que c’est le cas) que vous pouvez facilement écraser tous les paramètres fournis par la bibliothèque sans avoir à écraser le fichier principal régulièrement mis à jour. Ce n’est qu’un des nombreux exemples de fonctions d’initialisation: jquery (document). Ready (Function ($) {$(\
Si vous examinez le fichier principal, vous verrez
Toutes ces options sont également disponibles, mais il y a une chose qui nous intéresse particulièrement: l’ancrage (un peu plus) et les conseils d’outils 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 qu’à partir de la roue de la souris ou du clavier. Nous avons donc besoin d’ajouter quelques ancrages: pour ce faire, j’ai ajouté 10 ancrages, ce qui me semble suffisant pour la plupart des projets, bien que d’autres ancrages puissent être ajoutés si nécessaire. Mais je doute sérieusement que vous ayez 15, 20 ou plus d’éléments de menu – pages.
Lorsqu’il s’agit de conseils d’outils de navigation, ce ne sont que les titres affichés sur les boutons de navigation (vous 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 c’est l’idée principale que nous avons rencontrée: les champs de transpondeur pour générer une page entière. JS. De plus, j’ai enregistré plusieurs autres champs dans le transpondeur, l’un pour l’image de fond, l’autre pour le titre et l’autre pour le texte. Pour raccourcir le tutoriel, je vais vous fournir le fichier d’exportation ACF à la fin de cet article, mais la structure est la suivante: les valeurs par défaut fonctionnent également, donc il n’y 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 vous ne les changiez également dans votre code.
Modèle d’index. Comme indiqué ci – dessus, ce sujet ne devrait pas être utilisé pour autre chose que la configuration ACF, donc tout le Code est dans l’index. Php, bien qu’il puisse également être dans un modèle de page personnalisé. Vérifions le Code (j’ai supprimé certains éléments standards aux fins de l’article, que vous trouverez dans le sujet zip complet sous l’article): »;