2017 est le thème par défaut le plus générique jamais vu par WordPress. Cependant, il y a encore quelques améliorations à apporter aux options intégrées dans le sujet. Dans je vais montrer cinq types de hackers que pouvez utiliser pour créer votre propre 217. Nous commencerons par les bases et poursuivrons la personnalisation avec plus de défis et drsquoimpact. Avant drsquoentrer le Code, jetez un coup drsquooeil rapide aux personnalisations dont nous discuterons. quelqursquoun attire votre attention, allez directement dans cette section! Hack 1: Comment créer un menu de liens sociaux Hack 2: comment modifier
Une fois que nous aurons terminé, pourrez transformer 2017 en un beau site drsquoaffaires moderne ou un blog. Vous ne me croyez pas? Regarde ça. implémentez les cinq types de hackers, construirez ce qui suit: êtes prêt à démarrer le code? Commençons. 1. Créez un menu de liens sociaux, donc le premier nrsquoest pas tant une compétence qursquoune compétence. Mais crsquoest une personnalisation qui rend votre 2017 unique, donc nous en discuterons. Il y a un menu intéressant de liens sociaux dans le pied de page de 217. Liens sociaux vers 217 thèmes WordPress dans le pied de page. Le problème est qursquoun certain nombre drsquoutilisateurs ont dit avoir eu du mal à comprendre comment ajouter des liens dans les réseaux sociaux à ce menu. Heureusement, une fois que savez comment le faire, crsquoest vraiment simple.
Tout ce que avez à faire est de créer un menu contenant des liens vers les réseaux sociaux et de lrsquoassigner à lemplacement du menu « liens sociaux ». Examinons le processus. Ouvrez drsquoabord le Programme personnalisé (apparence gt personnel)
Izza). Sélectionnez une option de menu et cliquez sur le bouton pour ajouter un menu. Donnez lui un nom évident, comme le menu des liens sociaux, puis cliquez sur créer un menu. Utilisez lrsquooption personnaliser les liens pour ajouter des liens à chaque compte de réseau social. Sélectionnez la case à cocher à côté des liens sociaux du menu dans la section afficher lemplacement. Une fois terminé, le menu doit ressembler à ceci:
Mettre à jour les liens sociaux dans les thèmes WordPress 2017. La dernière étape consiste à cliquer sur le bouton Enregistrer et publier dans le Programme personnalisé pour enregistrer le nouveau menu. Vos liens de réseautage social seront maintenant affichés dans le menu pied de page. Ce nrsquoest pas difficile. Continuons à faire des choses plus difficiles. Il y a deux raisons d’éditer “proudly Powered by wordpress” pour expliquer pourquoi souhaitez modifier le texte dans le pied de page en déclarant que votre site est “proudly Powered by wordpress”. Peut être aimeriez l’étendre, par exemple « avec le soutien fier de WordPress, conçu par webpress design, hébergé par lampress ». Peut être voulez aller dans lrsquoautre sens et dire quelque chose de très attrayant, comme
La première chose que devez faire est de créer et drsquoactiver un sous thème (Conseil: voulez un bouton vraiment simple, téléchargez le Sous thème par défaut). Lorsque créez et activez un sous thème, copiez le fichier footer. PHP est dans votre répertoire de sous thèmes depuis 2017. Alors ouvrez le pied de page. PHP et rechercher le Code: get _ Template part (lsquoTemplate parts footer sitersquo, lsquoinforsquo). Vous avez plusieurs options. Vous pouvez simplement annoter la ligne en ajoutant avant le Code, ou pouvez envisager de la remplacer par votre propre texte personnalisé
Ou pied de page. Voici le Code que jrsquoai ajouté pour créer le texte du pied de page que voyez dans lrsquoimage ci dessus:
Chargement du contenu raewrites 38a8a8cf94f4f88ef5f63ad7c16d1b4a 3. Navigation dynamique de la page (améliorée!) Dans mes articles précédents de 2017, jrsquoa I inclus un script jquery simple que pouvez utiliser pour construire une navigation dynamique des pages liées à différentes parties de la première page. Le script a accompli la tâche, mais des améliorations sont nécessaires. Dans nous faisons deux pas en avant. En plus de créer une navigation de page fonctionnelle, Nous corrigerons lrsquoeffet du menu de navigation en vol stationnaire et ajouterons un défilement en douceur pour améliorer lrsquoexpérience globale.
Tout drsquoabord, Commençons par la nouvelle jquery que devez ajouter au site: instructions pour charger jpen365 8d17ce2c8d210d1cae1cca95cc7a1d7a pouvez ajouter ce code à un fichier javascript téléchargé à partir drsquoun sous thème (ce que jrsquoai fait), ou utiliser un plug in qui permet drsquoajouter JavaScript au site (ce que jrsquoai suggéré dans mon dernier article de 2017). Assurez de charger le Code après que jquery a été chargé. La première partie du Code reste inchangée par rapport au tutoriel précédent. Le reste du Code corrige la mise en évidence des liens de navigation. Examinez les commentaires dans votre code pour avoir une vue drsquoensemble de ce qui se passe.
De plus, nous pouvons faciliter la transition vers chaque section en installant et en activant un plug in gratuit, jQuery Smooth Scroll (grâce à cet excellent Conseil de Bojan de notre équipe de soutien). Bien sûr, devez encore créer votre propre menu de navigation en ajoutant des liens personnalisés à chaque section en utilisant les noms de page affichés dans cette section. Par exemple, créer un lien vers
Section À propos, créez un lien personnalisé et utilisez su comme ancrage de lien. Pour en savoir plus, consultez comment personnaliser gratuitement les thèmes WordPress 2017 pour votre entreprise.
Ça demande un peu drsquoeffort, mais ça en vaut la peine. Non? Regardez le résultat: Crsquoest mignon, même si je le dis 4. Ajoutez une barre latérale personnalisée à chaque section et à chaque page de la première page. La page 217 utilise bien les blancs, mais je sais ce que pensez. Vous pensez qursquoil y a peut être trop de blancs. Tu sais ce qui marche vraiment? pouvez ajouter un widget de barre latérale différent à chaque section de la première page, pouvez également ajouter une barre latérale à la page. Par exemple, supposons que ajoutiez des champs de recherche, des listes déroulantes de catégories et drsquoautres widgets à la section blogs de votre page drsquoaccueil. Crsquoest bien drsquoêtre capable de faire quelque chose comme ça:
Barre latérale personnalisée dans la section blogs. Bien sûr, ne voulez pas que ces widgets apparaissent dans la section information. Non, voulez ajouter quelque chose de différent à cette section. Maintenant que je me souviens, il serait bon de voir une barre latérale dans la section about de la première page, mais une barre latérale différente dans la page Real about. Jrsquoai de bonnes nouvelles. Vous pouvez ajouter des sections de barres latérales personnalisées à chaque section de la première page, puis réutiliser les mêmes Barres latérales ou barres latérales complètement différentes sur chaque page du site. Cependant, il ne srsquoagit pas drsquoun piratage très simple. Nous sommes revenus au domaine des enfants et nous avons besoin drsquoun plug in.
Par défaut, 2017 nrsquoajoutera pas de barres latérales à la première partie de la page ou à lrsquoune de ces pages. Afficher la barre latérale sur les messages individuels, mais la page ne semble pas avoir de contenu, sp
Et créez des barres latérales personnalisées à afficher dans chaque section. Quand tu le feras. Votre liste de barres latérales personnalisées devrait ressembler à ceci, et le nom de chaque barre latérale devrait correspondre à une section sur la première page: Personnaliser la liste des barres latérales. Remarque: les widgets récemment publiés ne srsquoappliquent pas à cette personnalisation. lrsquoAjoutez à lrsquoune des sections de la barre latérale de la première page, remarquerez que les sections qui apparaissent chargent le contenu de la page drsquoaccueil au lieu de personnaliser le contenu de la page. Étape 5: ajoutez une barre latérale à chaque page où voulez lrsquoafficher. Allez maintenant à nrsquoimporte quelle page sur laquelle voulez afficher la barre latérale et ouvrez lrsquoéditeur de page. Faites défiler vers le bas jusqursquoà ce que voyiez la boîte de gestion de la barre latérale dans la barre de droite. Dans le menu déroulant, sélectionnez la barre latérale à afficher. Méta boîte pour la gestion des barres latérales. Faites défiler vers le haut, cliquez sur mise à jour et visualisez la page. Vous verrez que la barre latérale que avez sélectionnée apparaît maintenant directement sous le titre de la page. Page de la barre latérale. 5. Ajouter une grande image de premier plan à chaque page Le thème du 2017 a une grande image caractéristique. Jrsquoaime la façon dont les images ou vidéos en plein titre apparaissent sur la page drsquoaccueil 2017. Cependant, je nrsquoaime pas vraiment la façon dont les images de premier plan sont affichées partout. Au lieu de cela, je préfère utiliser lrsquoaffichage en pleine hauteur utilisé sur la page drsquoaccueil pour afficher lrsquoimage de premier plan de chaque page ou message. Crsquoest le sujet de cette attaque de hacker, crsquoest une personnalisation qui appartient entièrement à la catégorie hacker. Je ne mentirais pas, le Code que allez voir nrsquoest pas beau, M.
Crsquoest une partie importante. La première chose que devez faire est de copier le titre. Php commence par le thème des enfants en 2017. Ensuite, devez remplacer tout le contenu de lrsquoétiquette de titre par le code suivant: charger le contenu jpen365 91345e1b58a781b0d5c215ce9639aead ensuite, nous devons ajouter quelques CSS au sous thème pour copier le style construit dans la page drsquoaccueil 2017 et lrsquoappliquer à lrsquoimage de titre personnalisée. Expliquez que lorsque chargez jpen365 6493cb9d7e385373a49c6e0e2f668f9, il suffit de coller le CSS dans le fichier de style. Css pour le Sous thème. Nouveau Code de titre. PHP et styles sont ajoutés au style. CSS force lrsquoimage à la hauteur maximale. Cependant, la navigation permanente ne fonctionne pas correctement en raison de lrsquoapplication dynamique et de la suppression des classes en 2017. Nous devons ajouter un peu de jquery au sujet pour que la navigation collante fonctionne indépendamment. Vous pouvez ajouter ce code à un fichier javascript de sous thème ou à un plug in en assurant qursquoil est chargé après le chargement du noyau jquery. Chargement du résumé jpen365 edcbd634fc0da14211e6fd504d6ff12c exception. Maintenant, lorsque ajoutez une image de premier plan à un article ou à une page, elle utilise lrsquoaffichage en pleine hauteur du viewport, comme le titre en pleine hauteur sur la page drsquoaccueil. Tous les hackers dans le thème des enfants nous avons beaucoup de domaines, et il peut être un peu difficile de faire fonctionner lrsquoun drsquoeux. Pour simplifier les choses, jrsquoai mis tous ces changements dans un sous thème et je lrsquoai lancé sur github. voulez juste que tous ces changements fonctionnent sans avoir à passer par le processus de création de sous thèmes, téléchargez le dossier zip release, téléchargez le sur votre site et activez le. De plus, nous recommandons drsquoinstaller deux plug ins, une barre latérale personnalisée et un défilement en douceur jquery
Cinq bonnes façons de craquer le thème WordPress 2017