\n Quels sont les fichiers de mod\u00e8les dans WordPress ?\n<\/p>\n
\n Les mod\u00e8les sont des fichiers qui indiquent au th\u00e8me WordPress comment afficher diff\u00e9rents types de contenu de mani\u00e8re syst\u00e9matique.\n<\/p>\n
\n Lorsque chaque fois que quelqu’un envoie une demande pour afficher une partie de votre site Web, la plate-forme de pages Web WordPress d\u00e9termine le contenu qu’elle souhaite voir et comment cette partie sp\u00e9cifique de votre site Web doit \u00eatre pr\u00e9sent\u00e9e au public.\n<\/p>\n
\n De plus, WordPress tentera d’utiliser le fichier de mod\u00e8le le plus appropri\u00e9 pr\u00e9sent dans votre th\u00e8me, qui devrait \u00eatre d\u00e9cid\u00e9 sur la base de l’ordre hi\u00e9rarchique.\n<\/p>\n
- \n
- Il est \u00e9galement connu sous le nom de hi\u00e9rarchie de mod\u00e8les de page WordPress.\n <\/li>\n
- La hi\u00e9rarchie des mod\u00e8les de pages WordPress est une liste compl\u00e8te de plusieurs fichiers de mod\u00e8les.\n <\/li>\n
- Le WordPress est familier avec cela et ils sont class\u00e9s pour d\u00e9terminer quel fichier a priorit\u00e9 sur un autre. Il fonctionne comme n’importe quel type d’arbre de d\u00e9cision.\n <\/li>\n<\/ul>\n
\n Lorsque WordPress essaie de d\u00e9cider comment afficher une page donn\u00e9e de la mani\u00e8re la plus appropri\u00e9e, il fonctionne selon la hi\u00e9rarchie des mod\u00e8les.\n<\/p>\n
\n Par exemple:<\/strong>\n<\/p>\n
\n Si quelqu’un veut acc\u00e9der \u00e0 l’URL suivante.\n<\/p>\n
\n
Your-site.com\/category\/news<\/code>\n<\/p>\n\n Ensuite, le th\u00e8me WordPress personnalis\u00e9 rechercherait les fichiers de mod\u00e8le corrects dans l’ordre suivant :\n<\/p>\n
- \n
- \n
category-{slug}.php<\/code>: dans ce cascategory-news.php<\/code>\n <\/li>\n- \n
category-{id}.php<\/code>: si l’ID de cat\u00e9gorie \u00e9tait 5, WordPress essaierait de trouver un fichier nomm\u00e9category-5.php<\/code>\n <\/li>\n- \n
category.php<\/code>\n <\/li>\n- \n
archive.php<\/code>\n <\/li>\n- \n
index.php<\/code>\n <\/li>\n<\/ol>\n\n \u00c0 la fin de cette hi\u00e9rarchie de mod\u00e8les de pages personnalis\u00e9es WordPress se trouve le fichier index.php.\n<\/p>\n
\n Il sera utilis\u00e9 pour afficher tout type de contenu qui n’a pas de fichier de mod\u00e8le plus sp\u00e9cifique. Si le fichier de mod\u00e8les se classe plus haut dans l’ordre hi\u00e9rarchique, la personnalisation du th\u00e8me WordPress utilisera automatiquement ce fichier pour afficher le contenu.\n<\/p>\n
\n Quels sont les mod\u00e8les de page dans les pages Web WordPress ?
\n<\/h3>\n\n Pour les pages Web WordPress, le plug-in de mod\u00e8le de page WordPress est g\u00e9n\u00e9ralement nomm\u00e9 page.php. Parfois, un fichier de mod\u00e8le plus sp\u00e9cifique est disponible, nomm\u00e9 archive.php.\n<\/p>\n
\n Le th\u00e8me WordPress personnalis\u00e9 utilise le m\u00eame fichier pour afficher le contenu de toutes les pages de votre site Web.\n<\/p>\n
\n Parfois, il est n\u00e9cessaire de modifier la conception, l’apparence ou la fonctionnalit\u00e9 de sections individuelles de votre site Web.\n<\/p>\n
\n C’est l’endroit o\u00f9 les mod\u00e8les de page entrent en jeu.\n<\/p>\n
\n Le mod\u00e8le de page personnalis\u00e9 WordPress vous permet de standardiser et d’individualiser n’importe quelle partie de votre site Web WordPress sans affecter le reste.\n<\/p>\n
\n Par exemple, il existe aujourd’hui de nombreux th\u00e8mes WordPress qui proposent une option permettant de modifier votre page en pleine largeur, puis d’y ajouter une deuxi\u00e8me barre lat\u00e9rale.\n<\/p>\n
\n Cela peut \u00e9galement \u00eatre fait via diff\u00e9rents fichiers mod\u00e8les.\n<\/p>\n
\n Si vous faites la m\u00eame chose et que vous travaillez avec diff\u00e9rents mod\u00e8les, cela implique l’\u00e9dition et la modification de fichiers dans votre th\u00e8me WordPress actif, alors commencez toujours par un th\u00e8me enfant lorsque vous effectuez ce type de personnalisations.\n<\/p>\n
\n Il sera facile \u00e0 modifier et n’\u00e9crasera pas d’autres \u00e9l\u00e9ments.\n<\/p>\n
\n Comment faire la personnalisation des pages dans les mod\u00e8les de pages personnalis\u00e9es WordPress ?
\n<\/h3>\n\n Il existe trois mani\u00e8res de base d’utiliser les mod\u00e8les de pages personnalis\u00e9es WordPress qui sont d\u00e9crites comme suit :\n<\/p>\n
- \n
- En ajoutant des instructions conditionnelles \u00e0 une hi\u00e9rarchie de mod\u00e8les de page WordPress existante,\n <\/li>\n
- Cr\u00e9ez un mod\u00e8le de page sp\u00e9cifique qui se classe plus haut dans l’ordre hi\u00e9rarchique, et\n <\/li>\n
- Attribuez directement les mod\u00e8les aux pages sp\u00e9cifiques.\n <\/li>\n<\/ul>\n
\n Explorons tout cela en profondeur.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285965-6382c2306e7de.webp\")
<\/a><\/p>\n\n Utilisation de balises conditionnelles dans le mod\u00e8le par d\u00e9faut des pages Web WordPress
\n<\/h5>\n\n Il existe un moyen simple d’apporter des modifications sp\u00e9cifiques \u00e0 la page dans les balises conditionnelles de la personnalisation du th\u00e8me WordPress \u00e0 n’importe quel mod\u00e8le sp\u00e9cifique d\u00e9j\u00e0 utilis\u00e9.\n<\/p>\n
\n Ces balises sont utilis\u00e9es pour cr\u00e9er des fonctions qui ne sont ex\u00e9cut\u00e9es que si une certaine condition est remplie en cons\u00e9quence.\n<\/p>\n
\n Ensuite, vous ajouterez des balises conditionnelles au fichier page.php de votre th\u00e8me actif.\n<\/p>\n
\n Ils vous permettraient d’apporter des modifications limit\u00e9es \u00e0 la page d’accueil, \u00e0 la page d’accueil, \u00e0 la page de blog ou \u00e0 toute autre page de votre site Web.\n<\/p>\n
\n Certaines des principales balises conditionnelles utilis\u00e9es sont les suivantes :\n<\/p>\n
- \n
- \n
is_page( )<\/code>: Il est utilis\u00e9 pour cibler une page sp\u00e9cifique et peut \u00eatre utilis\u00e9 avec l’ID, le titre ou l’URL\/le nom de la page.\n <\/li>\n- \n
is_home( )<\/code>: Il ne s’applique qu’\u00e0 la page d’accueil.\n <\/li>\n- \n
is_front_page( )<\/code>: Il cible avec succ\u00e8s la page d’accueil de votre site Web comme d\u00e9fini dans Param\u00e8tres -> Lecture\n <\/li>\n- \n
is_category( )<\/code>: C’est une condition pour une page de cat\u00e9gorie. Il peut \u00e9galement utiliser un identifiant, un titre ou une URL\/nom commeis_page( )<\/code>une balise.\n <\/li>\n- \n
is_single( )<\/code>: Il est utilis\u00e9 pour les poteaux simples ou les pi\u00e8ces jointes\n <\/li>\n- \n
is_archive( )<\/code>: C’est la condition pour les pages d’archives\n <\/li>\n- \n
is_404( )<\/code>: Il ne s’applique qu’aux pages d’erreur 404\n <\/li>\n<\/ol>\n\n \u2013 Par exemple, lorsqu’il est ajout\u00e9 \u00e0 votre page.php \u00e0 la place de la
get_header( );<\/code>balise standard, le code suivant chargera un fichier d’en-t\u00eate personnalis\u00e9 nomm\u00e9 header-shop.php lors de l’affichage de la page yoursite.com\/product.\n<\/p>\n\n Code:<\/strong>\n<\/p>\n
If (is_page ('products')) {\n get_header ('shop');\n} else {\n get_header( );\n}<\/code><\/pre>\n\n \u2013 Par exemple, ces deux conditions vont enti\u00e8rement changer le comportement des diff\u00e9rentes pages de votre site internet.\n<\/p>\n
\n Outre le chargement du fichier d’en-t\u00eate sp\u00e9cifique \u00e0 la boutique susmentionn\u00e9, il chargerait d\u00e9sormais \u00e9galement un header-about.php sur une page avec l’ID 42.\n<\/p>\n
\n Pour toutes les autres pages, le fichier d’en-t\u00eate standard s’y applique \u00e9galement.\n<\/p>\n
\n Cr\u00e9ez des fichiers sp\u00e9cifiques \u00e0 la page dans la hi\u00e9rarchie des mod\u00e8les de page WordPress
\n<\/h5>\n\n Les balises conditionnelles sont l’un des meilleurs moyens d’introduire de petites modifications dans vos pages Web WordPress.\n<\/p>\n
\n Cela peut vous aider \u00e0 cr\u00e9er des personnalisations plus importantes en utilisant plusieurs instructions conditionnelles les unes apr\u00e8s les autres.\n<\/p>\n
\n L’une des meilleures fa\u00e7ons de le faire est de d\u00e9ployer la hi\u00e9rarchie compl\u00e8te des mod\u00e8les de pages WordPress qui traverserait une liste de fichiers de mod\u00e8les maximum possibles, puis on peut choisir ce qui leur convient le mieux.\n<\/p>\n
\n Le mod\u00e8le de page personnalis\u00e9e WordPress comprend la hi\u00e9rarchie suivante :\n<\/p>\n
\n
Page-{slug}.php<\/code>\n<\/p>\n\n
Page-{id}.php<\/code>\n<\/p>\n\n
Page.php<\/code>\n<\/p>\n\n
index.php<\/code>\n<\/p>\n\n Les mod\u00e8les de page personnalis\u00e9s sont ceux qui ont \u00e9t\u00e9 attribu\u00e9s \u00e0 la page particuli\u00e8re.\n<\/p>\n
\n Donc, si l’un d’entre eux existe, WordPress l’utilisera, que les fichiers de mod\u00e8le soient pr\u00e9sents ou non. Apr\u00e8s cela, WordPress trouvera le mod\u00e8le de page qui inclut \u00abslug \u00bb.\n<\/p>\n
\n Par exemple : si vous incluez un fichier nomm\u00e9 page-about.php dans le fichier des th\u00e8mes, il peut \u00eatre trouv\u00e9 dans ce type d’URL yoursite.com\/about.\n<\/p>\n
\n Attribuer les mod\u00e8les de pages personnalis\u00e9es WordPress
\n<\/h5>\n\n Il est \u00e9galement possible d’attribuer manuellement les mod\u00e8les personnalis\u00e9s aux pages particuli\u00e8res et WordPress peut \u00e9galement l’utiliser sous forme automatique.\n<\/p>\n
\n Sous la forme d’une hi\u00e9rarchie de mod\u00e8les de page WordPress, un fichier de mod\u00e8le sera pr\u00e9sent dans le dossier du th\u00e8me.\n<\/p>\n
\n Ainsi, tout comme vous cr\u00e9ez un mod\u00e8le sp\u00e9cifique \u00e0 une page pour la hi\u00e9rarchie WordPress, cela vous demandera de fournir un fichier de mod\u00e8le sp\u00e9cifique, puis de le lier \u00e0 la page pour laquelle vous souhaitez l’utiliser.\n<\/p>\n
\n Cela peut \u00eatre fait de deux mani\u00e8res diff\u00e9rentes qui vous seront famili\u00e8res. Certains des d\u00e9tails sont donn\u00e9s comme suit :\n<\/p>\n
\n Attribuez des mod\u00e8les de page personnalis\u00e9s \u00e0 partir de l’\u00e9diteur WordPress
\n<\/h5>\n\n Dans l’\u00e9diteur WordPress, vous trouverez un champ d’option appel\u00e9 \u00ab\u00a0Attributs de la page\u00a0\u00bb qui contient un menu d\u00e9roulant nomm\u00e9 \u00ab\u00a0Mod\u00e8le\u00a0\u00bb.\n<\/p>\n
\n Apr\u00e8s avoir cliqu\u00e9 dessus, il vous donnera une liste des diff\u00e9rents mod\u00e8les de page disponibles sur votre site Web \u00e0 th\u00e8me WordPress. Choisissez celui que vous aimez, enregistrez-le; mettez-le \u00e0 jour lorsque vous avez termin\u00e9.\n<\/p>\n
\n D\u00e9finition d’un mod\u00e8le personnalis\u00e9 via une modification rapide
\n<\/h5>\n- \n
- Acc\u00e9dez \u00e0 la section \u00ab\u00a0Toutes les pages\u00a0\u00bb et survolez l’un des \u00e9l\u00e9ments mentionn\u00e9s dans la liste.\n <\/li>\n
- Un menu deviendra visible pour vous qui inclura l’\u00e9l\u00e9ment ‘Quick Edit’.\n <\/li>\n
- Cliquez dessus pour modifier le param\u00e8tre de page directement \u00e0 partir de l\u00e0.\n <\/li>\n
- Vous y verrez un menu d\u00e9roulant similaire pour choisir un mod\u00e8le de page diff\u00e9rent.\n <\/li>\n
- Choisissez celui que vous aimez et modifiez-le.\n <\/li>\n<\/ul>\n
\n Comment utiliser le mod\u00e8le de page personnalis\u00e9 WordPress ?
\n<\/h3>\n\n Les mod\u00e8les de page WordPress peuvent \u00eatre utilis\u00e9s \u00e0 de nombreuses fins diff\u00e9rentes et peuvent \u00eatre facilement personnalis\u00e9s en n’importe quoi.\n<\/p>\n
\n Cela ne n\u00e9cessite qu’une bonne imagination et un codage bien ma\u00eetris\u00e9.\n<\/p>\n
\n Certaines des principales utilisations sont indiqu\u00e9es ci-dessous :\n<\/p>\n
\n Il peut \u00eatre utilis\u00e9 comme mod\u00e8le de page pleine largeur.<\/strong>\n<\/p>\n
\n Tout d’abord, dans ce cas, la barre lat\u00e9rale est supprim\u00e9e en la supprimant via cette commande,\n<\/p>\n
<?php get_sidebar(); ?><\/code><\/pre>\n\n Ensuite, certaines modifications sp\u00e9cifiques sont apport\u00e9es au codage CSS, comme indiqu\u00e9 ci-dessous,\n<\/p>\n
.site-content {\n Float: left;\n Width: 65 %;\n}<\/code><\/pre>\n\n L’attribut width limite l’\u00e9l\u00e9ment du site Web qui contient notre contenu \u00e0 65% de l’espace disponible.\n<\/p>\n
\n Si nous changeons simplement la taille \u00e0 100%, cela affectera \u00e9galement toutes les autres pages de notre site Web, ce qui n’est pas exactement ce que nous voulons.\n<\/p>\n
\n Ainsi, \u00e0 cette fin, la classe div dans le mod\u00e8le de page personnalis\u00e9e WordPress serait remplac\u00e9e par
class=\"site-content-fullwidth\"<\/code>.\n<\/p>\n\n Cela ressemblerait \u00e0 quelque chose comme ceci, comme indiqu\u00e9 ci-dessous:\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285965-6382c23239d2d.webp\")
<\/a><\/p>\n\n Il peut ajouter les 404 pages avec les barres de widgets
\n<\/h5>\n\n La page d’erreur 404 est cette page particuli\u00e8re qui appara\u00eet lorsque la personne atterrit sur une page d’un site Web qui n’existe pas. Peut-\u00eatre s’agit-il d’un lien d\u00e9fectueux ou d’une faute de frappe.\n<\/p>\n
\n Il est vraiment important d’ajouter ces pages sur votre site Web. Cela vous montre responsable envers le public.\n<\/p>\n
\n Il est difficile de coder une page \u00e0 partir de z\u00e9ro si vous ne ma\u00eetrisez pas bien vos capacit\u00e9s de codage, il est alors pr\u00e9f\u00e9rable d’ajouter des widgets \u00e0 vos mod\u00e8les. Il peut \u00eatre modifi\u00e9 de mani\u00e8re flexible \u00e0 l’aide du glisser-d\u00e9poser.\n<\/p>\n
\n Cela se ferait \u00e0 l’aide du fichier 404.php. Il appara\u00eetrait sur votre site Web en cas de besoin.\n<\/p>\n
\n Apr\u00e8s avoir t\u00e9l\u00e9charg\u00e9 le mod\u00e8le de pages Web WordPress sur le site Web, passez \u00e0 la cr\u00e9ation de la zone de widget.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285965-6382c233d9dcb.webp\")
<\/a><\/p>\n\n Il facilite en ajoutant un mod\u00e8le de page pour afficher les types de publication personnalis\u00e9s
\n<\/h3>\n\n Les types de publication personnalis\u00e9s sont l’une des techniques efficaces pour introduire du contenu qui a son propre ensemble de points de donn\u00e9es, de conception et d’autres personnalisations similaires.\n<\/p>\n
\n Tout d’abord, cr\u00e9ez un type de publication personnalis\u00e9 – CPT qui peut \u00eatre facilement r\u00e9alis\u00e9 via un plug-in ou manuellement. Un plug-in nomm\u00e9 \u00ab\u00a0Types\u00a0\u00bb peut \u00eatre utilis\u00e9 pour cr\u00e9er des types de publication personnalis\u00e9s et des champs personnalis\u00e9s.\n<\/p>\n
- \n
- \n
- \n
- \n