Créer un modèle de page personnalisé dans WordPress

Les modèles de page dans WordPress sont un bon moyen d’ajouter des changements structurels ou des fonctionnalités hautement personnalisées à un site Web. Ils sont faciles à créer, de sorte que les nouveaux employés peuvent commencer, mais ils offrent un potentiel suffisant pour que même les professionnels les plus expérimentés restent occupés. Vous pouvez commencer par copier et éditer des modèles de page à partir de thèmes populaires tels que le thème WordPress 2017 par défaut, mais vous pouvez aussi facilement ajouter vos propres styles et JavaScript. Dans cet article, nous apprendrons ce qu’est un modèle de page et comment l’utiliser pour améliorer votre site Web. Je décrirai également les détails de la création de modèles de page en utilisant le Code, ainsi que les façons plus simples d’utiliser le plug – in custompress.
Qu’est – ce qu’un modèle de page? Comme je l’ai dit dans mon introduction, les modèles de page vous permettent de vous écarter de la structure existante du site et d’ajouter de nouvelles fonctionnalités. 214 comprend deux bons exemples: la page du contributeur et la page complète. 214 il existe un modèle de page à l’intention des contributeurs. La page des contributeurs a introduit une nouvelle fonctionnalité: la possibilité de lister les auteurs qui ont contribué à votre site. Le modèle complet modifie la structure de la page en supprimant les barres latérales pour se concentrer davantage sur le contenu.
2111 fournit également deux modèles de page: le modèle Showcase et le modèle de barre latérale. Le modèle de barre latérale fournit une bonne vieille barre latérale sur la page, la page Showcase affiche d’abord les messages permanents, puis une liste des messages récents. En particulier, les sujets avancés, tels que l’ajout d’un grand nombre de modèles de page aux sujets pour créer des formulaires de contact pixels parfaits, des listes de messages personnalisables, des listes d’auteurs hautement personnalisées, et plus encore. Créer un modèle de page créer un modèle de page est très simple
– Oui. Créez tout nouveau fichier dans le sujet et lancez – le avec le bloc de commentaires suivant:
Instructions de chargement e14fb0e510759e22ed1e6eae6a79ca45si vous modifiez un thème tiers, vous devriez vraiment utiliser un sous – thème. Si vous ne savez pas comment créer un thème, lisez le merveilleux article de Raelene Wilson sur la façon de créer un thème WordPress pour vos enfants. Les fichiers de modèles de page peuvent être situés dans des sous – répertoires – C’est ma méthode préférée. Je crée habituellement un répertoire Modèle Je les garde là. Une fois créé, le modèle de page apparaît dans le formulaire propriétés de la page, situé à droite de l’écran arrière de l’écran modifier la page, si vous n’êtes pas familier. Si vous sélectionnez et mettez à jour un message, le code dans le fichier modèle est utilisé pour afficher la page. Essayez le Code de modèle suivant:
Instructions de chargement 66bd1ad0cb88ff855bb9928d4399f601 Notre modèle personnalisé est affiché dans l’administrateur qui remarque que \
Si le sujet n’a pas de fichier modèle, vous devrez peut – être essayer de le copier. Index Php Et prenez la boucle comme point de départ. Créer un modèle de page utile il est possible d’avoir un modèle de page, mais nous devrions vraiment y ajouter quelque chose d’utile. À partir de là, c’est entièrement à vous de l’utiliser, tant que vous pouvez l’encoder en php \/ html. Il y a un Wapiti ici.
Nouvelles idées pour vous aider à démarrer: utilisez Google Maps personnaliser les pages de contact et les formulaires de contact une page pour lister les derniers messages dans chaque catégorie une page d’archive pour lister les cinq nouveaux messages et catégories dans les trois premières catégories une page de carte de site pour lister tout ce que vous avez (messages et pages) une page pour lister les images que vous avez téléchargées Plus récemment, une liste de messages triés par commentaire compte une liste de messages triés par la dernière mise à jour une liste d’auteurs et de leurs trois premiers messages une page personnalisée pour votre portfolio Voici comment publier des messages par ordre alphabétique en 2014 à l’aide d’un modèle de page:
Chargez l’événement 4e5c966c469665fb0f1b3ae3c6713598 à nouveau, trichez! J’ai piraté le fichier index. J’ai copié toute la boucle. J’avais besoin de créer un nouvel objet de requête, donc j’ai créé la variable $Custom _ posts et je l’ai utilisée tout au long de la boucle. Lorsque vous ajoutez des options, les modèles deviennent très intéressants lorsque vous ajoutez des options. Vous pouvez le faire en enregistrant la méta – boîte, mais cela ajoutera beaucoup de code non pertinent à l’article, alors pourquoi ne pas tricher à nouveau? L’un de mes plug – ins préférés, Advanced Custom Fields, peut faire beaucoup de travail pour nous.
Nous avons créé un modèle de page spécial où les utilisateurs peuvent choisir comment trier les messages sur la page. Tout d’abord, installez les champs personnalisés avancés. Ensuite, créez un modèle de page en utilisant le Code de l’exemple précédent. Assurez – vous que le nom du modèle est Custom post List afin que vous puissiez utiliser l’exemple d’importation suivant. L’étape suivante consiste à créer vos propres paramètres en utilisant des champs personnalisés avancés. Vous pouvez créer vos propres modèles pour vous assurer qu’ils ne sont affichés que sur le nouveau modèle de page, ou vous pouvez importer
Vous pouvez maintenant le télécharger et commencer à créer un modèle de page. Si vous n’êtes pas encore membre, vous pouvez toujours obtenir custompress gratuitement. Vous pouvez vous inscrire pour un essai gratuit de 14 jours et télécharger custompress. Même si vous annulez, custompress est tout ce que vous avez et vous pouvez continuer à l’utiliser. Si vous le souhaitez, vous pouvez continuer à vous abonner et obtenir des mises à jour futures, un support expert avancé, plus de 100 autres plugins et cours WordPress dans notre Académie. Gestion du site à distance par l’intermédiaire du Centre vous pouvez également gérer le site à distance par l’intermédiaire du Centre, vous connecter à votre site par l’intermédiaire du Centre, et surveiller les temps de disponibilité et les listes noires, les éléments de sécurité de base et plus de fonctionnalités régulièrement disponibles. Il est difficile de tout énumérer, mais il y a tellement de choses que c’est presque comme laisser un camion plein d’argent rentrer chez lui. Presque Voici comment créer un modèle de page en utilisant custompress. Vous trouverez tous les détails d’installation et de configuration dans l’onglet utilisation de la page custompress. Je vais créer une page de présentation du produit pour vous montrer les bases. Il est important de planifier les modèles de page avant de commencer afin que l’installation puisse être effectuée rapidement. J’a i créé une entreprise de plug – ins virtuels, donc ma présentation de produit sera un modèle de page de vente complet que je peux utiliser pour chaque plug – in. En plus de savoir que vous souhaitez créer un modèle de page ou un type de message, il est utile de savoir ce qui suit: Si vous avez besoin de personnaliser une catégorie ou de marquer les champs personnalisés dont vous avez besoin si vous voulez que le modèle de page soit public ou privé si vous avez besoin de certaines fonctionnalités de type de message, le nom que vous voulez utiliser pour le modèle de page Voulez – vous que les sous – sites créent leurs propres modèles de page? Une fois que vous avez un plan approximatif, vous pouvez installer custompress. Dans ma présentation de produit, je vais afficher une image au premier plan
Ou, je veux montrer quelques spécifications, comme le numéro de version du plug – in. Lorsque vous installez custompress pour la première fois, vous pouvez l’activer au niveau du réseau multisite ou site par site. Si vous choisissez d’activer custompress sur votre réseau, seuls les superadministrateurs peuvent créer des modèles de page personnalisés ou des types de messages, mais les sous – sites peuvent les utiliser. Si vous l’activez site par site, chaque site avec le plug – in activé peut créer son propre type de messages et de modèles à utiliser. Vous pouvez obtenir tous les détails dans l’onglet utilisation de la page custompress. Une fois que vous avez terminé, vous pouvez créer votre propre modèle de page. Les paramètres du modèle de page vont à custompress > types de contenu, puis cliquez sur le bouton Ajouter un type de post sur l’onglet types de post par défaut. Cliquez sur le bouton Ajouter un type de message pour commencer. Dans le premier panneau nommé post type, saisissez un nom dans le champ que vous souhaitez utiliser dans le Code d’arrière – plan. Le nom que vous choisissez doit contenir un maximum de 20 caractères, au moins deux lettres, et les deux doivent être minuscules. Vous pouvez également choisir d’inclure un soulignement, mais il est recommandé que votre nom ne commence pas par un caractère de soulignement. Saisissez le nom du système du modèle de page à utiliser dans votre code. Vous pouvez suivre les instructions pour utiliser custompress pour en savoir plus sur tous les paramètres et comment les configurer, mais il y a d’autres paramètres qui sont importants pour créer des modèles de page dédiés. Par défaut, le type de capacité est défini à Post, ce qui signifie que vous créerez un modèle de post personnalisé. C’est bien si vous voulez le faire, mais si vous préférez créer un modèle de page, vous devez changer ce paramètre. Dans la section type de capacité, sélectionnez la zone d’édition et saisissez une page dans le champ au – dessus pour remplacer le poste. Modifier le type de fonctionnalité sur la page à ajouter
Recréer un nouveau modèle de page. Dans la section Étiquettes, vous pouvez saisir le titre visuel que vous souhaitez fournir pour le modèle de page et ses liens. Dans le champ Nom, saisissez ce que vous souhaitez afficher sur l’onglet gérer le tableau de bord pour accéder au modèle de page. Vous pouvez également personnaliser les noms des liens listés sur les onglets, tels que les liens nouvelle page et afficher la page. Saisissez un nom intuitif pour le modèle de page et son lien. Une fois terminé, cliquez sur Ajouter un type de message en bas pour enregistrer les modifications et créer un nouveau modèle de page. Vous pouvez vérifier le nouvel onglet avec le nom que vous avez sélectionné pour lui dans le tableau de bord de l’administration, mais pour ajouter des options pour un type particulier de contenu que vous voulez afficher sur la page, vous devez créer des champs personnalisés. Pour ajouter des champs personnalisés à mon activité de plug – in fictif et au modèle de page Showcase produit que je crée, je dois être en mesure d’ajouter des options à l’éditeur, comme la version plug – in. Allez dans l’onglet champs personnalisés et cliquez sur le bouton Ajouter des champs personnalisés. Saisissez un nom intuitif qui apparaît dans l’éditeur et sur la page lorsque vous créez le premier nom en utilisant le modèle. Saisissez une option pour le champ personnalisé comme nom. De plus, assurez – vous de sélectionner le nom du modèle de page créé dans la section type d’article afin que vos options puissent être affichées dans l’éditeur lorsque l’interface utilisateur est activée. Dans la section masquer l’entrée pour ce type d’article, saisissez tous les types d’articles ou de modèles de page que vous ne voulez pas que ce champ personnalisé apparaisse dans l’éditeur. Pour mon activité de plug – in fictive, je ne veux pas que le champ personnalisé qui affiche la version du plug – in apparaisse dans le post régulier et l’éditeur de page, mais je veux qu’il apparaisse dans mon
J’ai terminé, mais il y a une dernière étape pour m’assurer que les champs personnalisés sont réellement affichés sur la page d’accueil. Champs personnalisés intégrés bien que vous puissiez voir un champ personnalisé dans l’éditeur, il n’apparaît pas dans le modèle de page à moins que vous ne l’ajoutiez avec un peu de code PHP ou de code court. Heureusement, tout est généré pour vous, donc vous n’avez qu’à l’insérer. Vous pouvez trouver le Code désiré en allant à l’onglet custompress > types de contenu > champs personnalisés et en cliquant sur le titre du champ personnalisé. Cliquez sur le lien intégrer le Code. Vous pouvez trouver le Code intégré pour les champs personnalisés dans les paramètres. Votre code doit être affiché directement et dynamiquement ci – dessous. Vous pouvez copier et coller ce que vous voulez. Le Code PHP peut être utilisé dans les modèles de page créés par custompress. Vous devriez être en mesure de trouver ce fichier dans \/ WP content \/ Themes \/ your – theme \/ Single – {post _ name}. Php. Au lieu de {post _ name}, vous devriez voir le nom réel du système sélectionné pour le modèle de page. Dans mon cas, c’est un produit, donc mon nom de fichier sera un seul produit. Php. Vous pouvez modifier le fichier et entrer le Code que vous voulez que les champs personnalisés apparaissent à l’avant, puis enregistrer les modifications. Si vous préférez utiliser un raccourci, il suffit de l’insérer dans l’éditeur de page et vous voulez que les champs personnalisés s’affichent de la même façon que lorsque vous utilisez un autre raccourci. Utilisez les champs personnalisés CSS par défaut, les champs personnalisés sont écrits en texte simple, mais vous pouvez utiliser les champs personnalisés css pour les rendre plus fins et les afficher de n’importe quelle façon. Pour utiliser les champs personnalisés CSS, vous devez utiliser le Code intégré PHP généré. Le Code est ensuite emballé dans le marquage Pour ajouter un nom de classe
Parfait pour votre style. De là, vous pouvez accéder aux fichiers de style. Css pour votre sujet et utilisez les champs personnalisés CSS avec le nom de classe nouvellement créé. Si vous rencontrez des problèmes dans ce processus, notre équipe de soutien expérimentée est prête à vous aider. Vous pouvez soumettre un questionnaire, consulter notre support en direct ou rechercher un forum de support pour voir si vos questions ont été répondues. Vous pouvez également consulter la page du Manuel des bons billets de soutien pour plus de détails sur ce qui doit être inclus dans les bons billets de soutien afin que nous puissions vous aider le plus rapidement possible. Ceux – ci sont inclus dans votre abonnement, donc si vous avez besoin d’aide, vous n’avez même pas à hésiter une seconde. Si vous n’êtes pas encore membre, vous pouvez toujours obtenir un soutien gratuit par abonnement d’essai. Dans l’ensemble, il est clair que l’ajout d’options peut créer de nouvelles expériences pour les Webmestres et les utilisateurs. Cette fonctionnalité, associée à un CSS personnalisé et au Javascript, peut apporter un travail incroyable et puissant. Prenez soin de vous – même: une force puissante apporte une grande responsabilité! Ce n’est pas une bonne façon d’ajouter 100 options à un modèle de page simplement parce que c’est possible. Assurez – vous d’utiliser ces connaissances avec sagesse et de construire quelque chose de vraiment utile pour vos clients et pour vous – même. Si vous avez de grands modèles de page récemment créés ou visualisés, nous aimerions savoir. Partagez vos expériences dans les commentaires ci – dessous.