Est la largeur et la hauteur de la fenêtre.
La barre de navigation visqueuse supérieure permet de naviguer facilement. Une police a été utilisée tout au long du sujet, libre Franklin, qui a une variété de poids, de valeurs de luminosité et de styles. Une fois mis en place correctement, 2017 présentera un look moderne et professionnel basé sur une sélection de caractères lisibles et une utilisation intensive damp;rsquoimages étonnantes, équilibrées par une utilisation intensive damp;rsquoespaces. Comment créer une page damp;rsquoaccueil en 2017 compte tenu de lamp;rsquoimportance que Matt Mullenweg a accordée aux personnalisateurs dans son histoire récente, il namp;rsquoest pas surprenant que la plupart des travaux damp;rsquoinstallation de 2017 aient été effectués dans des personnalisateurs.
Examinez les options de menu disponibles dans le personnalisateur avec le thème WordPress 2017 actif. En plus de configurer des fonctions standard telles que des menus et des widgets, pouvez également configurer des titres damp;rsquoimage ou de vidéo à partir du personnalisateur, passer à différents schémas de couleurs et assigner du contenu à différentes parties de la première page. WordPress 4.7 introduit également une nouvelle fonctionnalité appelée raccourcis d’édition visibles: ils apparaissent sous forme d’icônes bleues dans l’image ci dessus. En cliquant sur lamp;rsquoun des raccourcis, ouvrez le menu personnalisateur, où pouvez personnaliser cette partie du site.
Cela facilite lamp;rsquoédition de nombreuses fonctionnalités de 2017, telles que lamp;rsquoimage du titre, le slogan et le titre du site et ce qui apparaît dans chaque section de la page. Trouvez ce que voulez éditer, cliquez sur le lien damp;rsquoédition visible et personnalisez le à vos préférences. WordPress 4.7 offre également une nouvelle fonctionnalité de personnalisation que trouverez dans les options de menu personnalisateurs CSS supplémentaires. Nous avons discuté de nouvelles fonctionnalités CSS supplémentaires, donc nous y reviendrons brièvement et soulignerons quamp;rsquoil samp;rsquoagit damp;rsquoune fonctionnalité de base.
À Démarrer les personnalisations: Passez à apparence amp;gt personnaliser dans la zone de gestion, ou cliquez sur Personnaliser dans la barre de gestion lorsque visualisez lamp;rsquoavant du site. Sélectionnez lamp;rsquoélément de menu homepage statique et effectuez les réglages suivants:
Sous lamp;rsquoaffichage de la première page, sélectionnez le bouton Options de la page statique. Dans le menu déroulant de la page damp;rsquoaccueil, sélectionnez la page damp;rsquoaccueil du site. Dans le menu déroulant de la page des messages, sélectionnez votre message ou votre page de blog. Namp;rsquooubliez pas damp;rsquoappuyer sur Enregistrer et publier, puis passez à lamp;rsquoétape suivante. Étape 4: assigner une page à chaque section de la première page pour assigner les différentes pages précédemment créées à la Section de la première page, sélectionnez lamp;rsquoélément de menu options de sujet dans le Programme personnalisé. Ensuite, utilisez le menu déroulant pour assigner chaque page à la Section damp;rsquoaccueil pertinente que voulez quamp;rsquoelle apparaisse.
Étape 5: créer un menu de navigation principal pouvez créer votre propre menu de navigation en sélectionnant une option de menu dans le menu personnalisé ou en allant au menu apparence amp;gt dans la zone de gestion. Dans les deux cas, la création du menu WordPress n’a pas changé dans WordPress 4.7, de sorte qu’un menu est créé comme par le passé et assigné à l’emplacement du menu principal. Étape 6: ajoutez un titre vidéo et remplacez cette image de titre Ho Hum par une vidéo. Cliquez sur le lien damp;rsquoédition visible approprié pour aller à la section pertinente du Programme personnalisé, ou trouvez lamp;rsquoélément de menu médias de titre dans le Programme personnalisé. Téléchargez ou sélectionnez la vidéo à utiliser. Ou, si le souhaitez, pouvez également fournir lamp;rsquoURL de la vidéo YouTube à voir dans le titre. téléchargez une vidéo, Notez que les instructions du sujet recommandent une vidéo de 2000 x 1200 pixels. Jamp;rsquoai choisi un stock vidéo gratuit pour
Mon site. Il a 1920 x 1080 pixels et, bien quamp;rsquoil namp;rsquoait pas la taille recommandée, il semble encore mignon. La page damp;rsquoaccueil statique avec la page damp;rsquoaccueil est maintenant prête! Conseil supplémentaire: créer une navigation de page dynamique une fonctionnalité très rare en 2017 est le support intégré pour la navigation entre les sections de la première page. la navigation amène directement à la section pertinente de la page damp;rsquoaccueil, camp;rsquoest certainement bien. Heureusement, camp;rsquoest une omission que nous pouvons corriger rapidement. La première chose à faire est de créer un menu qui relie à lamp;rsquoattribut ID plutôt quamp;rsquoà différentes pages du site. Pour ce faire, créez des liens de menu personnalisés comme: Utilisez ID pour créer un lien de menu personnalisé. Pour créer un ID, il suffit damp;rsquoutiliser le titre de page de chaque page affichée dans la première page, mais pour convertir le titre en minuscules et remplacer tout espace dans le titre par un trait damp;rsquounion. avez installé WordPress dans un sous Répertoire, une pratique assez courante pour les sites développés dans un environnement de développement local, devez inclure des sous répertoires dans le lien. Par exemple, pour ce projet, lamp;rsquoURL de mon site de développement est http:localhostwp4point7 Oui. Cela signifie que WordPress est installé dans un sous répertoire: wp4point7. Pour que le lien fonctionne correctement, jamp;rsquoai besoin damp;rsquoinclure des sous répertoires dans lamp;rsquoURL comme suit: wp4point7 about. namp;rsquoutilisez pas damp;rsquoinstallation de sous répertoires, pouvez omettre les sous répertoires et utiliser la structure illustrée ci dessus. Une fois la navigation terminée, devez ajouter un ID à chaque section de la première page. Vous pouvez utiliser namp;rsquoimporte quelle méthode. La solution la plus simple est d’ajouter l’id directement au titre de la page en utilisant l’éditeur de page WordPress. Vous pouvez ajouter du HTML directement au camp
Ou le titre dans lamp;rsquoéditeur de page, mais cette approche namp;rsquoest pas idéale. Notez que pour ajouter un ID, jamp;rsquoinsère le titre dans lamp;rsquoélément span. Lamp;rsquoid lui même namp;rsquoest quamp;rsquoun titre minuscule de la page et tout espace dans le titre est remplacé par un trait damp;rsquounion: cela signifie que lamp;rsquoID correspond à lamp;rsquoID que nous ajoutons au lien du menu de navigation personnalisé. De plus, jamp;rsquoa i ajouté un attribut de style et un remplissage avancé de 96 pixels. Lorsque cliquez sur un lien, ce remplissage pousse le contenu vers le bas pour quamp;rsquoil apparaisse sous la barre de navigation permanente. Honnêtement, cette méthode est un peu rusée, et je mamp;rsquoen fous vraiment. Je préfère utiliser jquery pour ajouter des éléments span, des id et du padding. De cette façon, je ne détruirai pas le titre de la page dans lamp;rsquoéditeur, mais jamp;rsquoobtiendrai toujours le même résultat final. Voici quelques codes qui produisent les résultats souhaités: le Code damp;rsquoinstruction pour charger jpen365 1fe6f16lang1024 2945696f2c1db88dcde6b812 a pour but de localiser le titre de chaque section, puis damp;rsquoenvelopper le titre dans une plage où le style requis est appliqué. De plus, le Code crée une valeur id en saisissant le titre de la section, en le convertissant en minuscules, puis en remplaçant lamp;rsquoespace par un trait damp;rsquounion. Par conséquent, si je dois avoir une section intitulée « mon blog » (comme indiqué ci dessus), ce code ajoutera lamp;rsquoattribut id = amp;lsquomy blogamp;rsquo: id = amp;lsquomy blogamp;rsquo. Ce format damp;rsquoidentification correspond à la syntaxe que je recommande pour les liens de menu de navigation personnalisés. Pour le Code sur votre site, pouvez lamp;rsquoajouter à lamp;rsquoun de deux endroits différents: un fichier javascript qui fait partie du sous thème 217 actif, ou un plug in qui charge le javascript personnalisé. Personnellement, jamp;rsquoai suivi la deuxième voie et jamp;rsquoai utilisé
Cet article explique comment convertir n’importe quel changement de thème WordPress en un simple plugin. Cependant, pouvez facilement ajouter jquery en utilisant des plug ins tels que CSS et JS personnalisés simples. Après avoir chargé jquery et créé un nouveau menu de navigation, la navigation principale de mon site fonctionne maintenant.
Comment personnaliser les thèmes WordPress gratuits 2017
