Cinq bonnes façons de craquer le thème WordPress 2017

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 cet article, je vais vous montrer cinq types de hackers que vous pouvez utiliser pour créer votre propre 217. Nous commencerons par les bases et poursuivrons la personnalisation avec plus de défis et d’impact. Avant d’entrer le Code, jetez un coup d’oeil rapide aux personnalisations dont nous discuterons. Si quelqu’un 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é, vous pourrez transformer 2017 en un beau site d’affaires moderne ou un blog. Vous ne me croyez pas? Regarde ça. Si vous implémentez les cinq types de hackers, vous construirez ce qui suit: êtes – vous prêt à démarrer le code? Commençons. 1. Créez un menu de liens sociaux, donc le premier n’est pas tant une compétence qu’une compétence. Mais c’est 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 qu’un certain nombre d’utilisateurs ont dit avoir eu du mal à comprendre comment ajouter des liens dans les réseaux sociaux à ce menu. Heureusement, une fois que vous savez comment le faire, c’est vraiment simple.
Tout ce que vous avez à faire est de créer un menu contenant des liens vers les réseaux sociaux et de l’assigner à l’emplacement du menu « liens sociaux ». Examinons le processus. Ouvrez d’abord le Programme personnalisé (apparence > 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 l’option 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 l’emplacement. 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 n’est pas difficile. Continuons à faire des choses plus difficiles. Il y a deux raisons d’éditer “proudly Powered by wordpress” pour expliquer pourquoi vous souhaitez modifier le texte dans le pied de page en déclarant que votre site est “proudly Powered by wordpress”. Peut – être aimeriez – vous l’étendre, par exemple « avec le soutien fier de WordPress, conçu par webpress design, hébergé par lampress ». Peut – être voulez – vous aller dans l’autre sens et dire quelque chose de très attrayant, comme \
La première chose que vous devez faire est de créer et d’activer un sous – thème (Conseil: Si vous voulez un bouton vraiment simple, téléchargez le Sous – thème par défaut). Lorsque vous 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 (‘Template parts \/ footer \/ site’, ‘info’). Vous avez plusieurs options. Vous pouvez simplement annoter la ligne en ajoutant \/ \/ avant le Code, ou vous pouvez envisager de la remplacer par votre propre texte personnalisé
Ou pied de page. Voici le Code que j’ai ajouté pour créer le texte du pied de page que vous voyez dans l’image ci – dessus:
Chargement du contenu raewrites \/ 38a8a8cf94f4f88ef5f63ad7c16d1b4a # 3. Navigation dynamique de la page (améliorée!) Dans mes articles précédents de 2017, j’a I inclus un script jquery simple que vous 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 cet article, nous faisons deux pas en avant. En plus de créer une navigation de page fonctionnelle, Nous corrigerons l’effet du menu de navigation en vol stationnaire et ajouterons un défilement en douceur pour améliorer l’expérience globale.
Tout d’abord, Commençons par la nouvelle jquery que vous devez ajouter au site: instructions pour charger jpen365 \/ 8d17ce2c8d210d1cae1cca95cc7a1d7a vous pouvez ajouter ce code à un fichier javascript téléchargé à partir d’un sous – thème (ce que j’ai fait), ou utiliser un plug – in qui vous permet d’ajouter JavaScript au site (ce que j’ai suggéré dans mon dernier article de 2017). Assurez – vous 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 d’ensemble 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, vous 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 d’effort, mais ça en vaut la peine. Non? Regardez le résultat: C’est 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 vous pensez. Vous pensez qu’il y a peut – être trop de blancs. Tu sais ce qui marche vraiment? Si vous pouvez ajouter un widget de barre latérale différent à chaque section de la première page, vous pouvez également ajouter une barre latérale à la page. Par exemple, supposons que vous ajoutiez des champs de recherche, des listes déroulantes de catégories et d’autres widgets à la section blogs de votre page d’accueil. C’est bien d’être capable de faire quelque chose comme ça: Barre latérale personnalisée dans la section blogs. Bien sûr, vous ne voulez pas que ces widgets apparaissent dans la section information. Non, vous 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. J’ai 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 s’agit pas d’un piratage très simple. Nous sommes revenus au domaine des enfants et nous avons besoin d’un plug – in.
Par défaut, 2017 n’ajoutera pas de barres latérales à la première partie de la page ou à l’une 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 s’appliquent pas à cette personnalisation. Si vous l’Ajoutez à l’une des sections de la barre latérale de la première page, vous remarquerez que les sections qui apparaissent chargent le contenu de la page d’accueil au lieu de personnaliser le contenu de la page. Étape 5: ajoutez une barre latérale à chaque page où vous voulez l’afficher. Allez maintenant à n’importe quelle page sur laquelle vous voulez afficher la barre latérale et ouvrez l’éditeur de page. Faites défiler vers le bas jusqu’à ce que vous 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 vous 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. J’aime la façon dont les images ou vidéos en plein titre apparaissent sur la page d’accueil 2017. Cependant, je n’aime pas vraiment la façon dont les images de premier plan sont affichées partout. Au lieu de cela, je préfère utiliser l’affichage en pleine hauteur utilisé sur la page d’accueil pour afficher l’image de premier plan de chaque page ou message. C’est le sujet de cette attaque de hacker, c’est une personnalisation qui appartient entièrement à la catégorie hacker. Je ne mentirais pas, le Code que vous allez voir n’est pas beau, M.
C’est une partie importante. La première chose que vous devez faire est de copier le titre. Php commence par le thème des enfants en 2017. Ensuite, vous devez remplacer tout le contenu de l’é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 d’accueil 2017 et l’appliquer à l’image de titre personnalisée. Expliquez que lorsque vous 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 l’image à la hauteur maximale. Cependant, la navigation permanente ne fonctionne pas correctement en raison de l’application 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 vous assurant qu’il est chargé après le chargement du noyau jquery. Chargement du résumé jpen365 \/ edcbd634fc0da14211e6fd504d6ff12c exception. Maintenant, lorsque vous ajoutez une image de premier plan à un article ou à une page, elle utilise l’affichage en pleine hauteur du viewport, comme le titre en pleine hauteur sur la page d’accueil. Tous les hackers dans le thème des enfants nous avons beaucoup de domaines, et il peut être un peu difficile de faire fonctionner l’un d’eux. Pour simplifier les choses, j’ai mis tous ces changements dans un sous – thème et je l’ai lancé sur github. Si vous 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 vous recommandons d’installer deux plug – ins, une barre latérale personnalisée et un défilement en douceur jquery