![\"Tutoriel](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153948-61e516ac9d3c4.png\")
<\/a><\/p>\n\u00c0 l’int\u00e9rieur de la m\u00e9tabox "Attributs de page" pour les pages se trouve le choix du mod\u00e8le de page. Mais l’option de mod\u00e8le n’appara\u00eetra que si le th\u00e8me actif a au moins un mod\u00e8le de page.<\/p>\n
Les mod\u00e8les de page peuvent \u00e9galement \u00eatre utilis\u00e9s pour les publications et les types de publication personnalis\u00e9s. Apr\u00e8s WordPress 4.7 et versions ult\u00e9rieures, vous pouvez d\u00e9finir les types de publication pour lesquels vous souhaitez que le mod\u00e8le soit disponible. WordPress ajoutera automatiquement la m\u00e9tabox \u00ab\u00a0Attributs de page\u00a0\u00bb requise \u00e0 ces types de publication.<\/p>\n
D\u00e9nomination et emplacement du mod\u00e8le de page<\/h2>\n
Pour commencer, vous feriez g\u00e9n\u00e9ralement une copie du fichier de mod\u00e8le le plus proche de ce que vous souhaitez obtenir avec le mod\u00e8le de page. Dans la plupart des cas, c’est Il est tentant de nommer simplement votre mod\u00e8le de page, par exemple Une bonne pratique consiste \u00e0 pr\u00e9fixer votre mod\u00e8le de page avec quelque chose qui ne fait pas partie des noms de mod\u00e8le de page de WordPress. Par exemple ‘ Une fois que vous avez d\u00e9cid\u00e9 d’un mod\u00e8le de nommage, continuons et cr\u00e9ons un mod\u00e8le de page.<\/p>\n Faites une copie de Tout ce dont vous avez besoin est un commentaire au tout d\u00e9but du fichier, avec \u00ab\u00a0Nom du mod\u00e8le\u00a0:\u00a0\u00bb suivi du nom de votre mod\u00e8le. C’est \u00e7a! Allez dans l’administrateur, modifiez une page et vous devriez voir l’option de choisir "Fullwidth" comme mod\u00e8le.<\/p>\n J’ai mentionn\u00e9 que dans WordPress 4.7, vous pouvez d\u00e9finir les types de publication pour lesquels vous souhaitez que le mod\u00e8le de page soit disponible. Pour le moment, il n’est disponible que pour les pages, mais dites-vous que vous voulez \u00e9galement avoir la possibilit\u00e9 de cr\u00e9er des articles en pleine largeur\u00a0? Dans ce cas, ajoutez \u00ab\u00a0Template Post Type\u00a0:\u00a0\u00bb dans le m\u00eame bloc de commentaires et d\u00e9finissez vos types de publication s\u00e9par\u00e9s par une virgule. Par exemple, pour le rendre disponible \u00e0 la fois pour les publications et les pages\u00a0;<\/p>\n Modifiez une publication et vous devriez voir une nouvelle m\u00e9tabox "Attributs de publication" o\u00f9 vous pouvez choisir le mod\u00e8le pleine largeur. Agr\u00e9able!<\/p>\n Modifions maintenant le mod\u00e8le de page pour qu’il fasse quelque chose de diff\u00e9rent de la vue d’une seule page. Supprimons le mod\u00e8le de demande de barre lat\u00e9rale\u00a0: (je l’ai comment\u00e9 pour le rendre plus visible, mais vous pouvez simplement supprimer la ligne).<\/p>\n Faisons encore une chose pour rendre notre mod\u00e8le de page plus facile \u00e0 styliser. Lorsque vous ajoutez du CSS, vous avez souvent besoin de savoir si la page a une barre lat\u00e9rale ou non, afin d’ajuster les colonnes\/la mise en page. Rappelez -vous Remarque\u00a0: Vous avez peut-\u00eatre remarqu\u00e9 que toute page ou publication utilisant un mod\u00e8le de page obtient d\u00e9j\u00e0 une classe de corps sp\u00e9cifique\u00a0; "page-template-" – dans notre exemple Remarque: Cela ajoute uniquement une classe au corps afin que le style soit plus facile, cela ne d\u00e9sactive pas r\u00e9ellement la sortie de la barre lat\u00e9rale. Vous devez vous rappeler de supprimer le Ajoutons un filtre pour Tr\u00e8s probablement, pendant que vous d\u00e9veloppez les mod\u00e8les, vous rencontrerez parfois des mod\u00e8les auxquels vous ne souhaitez pas ajouter la classe sidebar, et au fur et \u00e0 mesure, ajoutez ces cas \u00e0 l’int\u00e9rieur de this C’est \u00e0 vous de d\u00e9cider combien de mod\u00e8les de page vous voulez et ce qu’ils doivent contenir. Ce n’\u00e9tait qu’une simple introduction. Si vous souhaitez savoir comment interroger d’autres publications dans un mod\u00e8le de page, consultez l’ \u00e9tape suivante<\/a>.<\/p>\npage.php<\/code>. Quant \u00e0 la d\u00e9nomination de votre mod\u00e8le de page, c’est \u00e0 vous de d\u00e9cider. Mais il y a des r\u00e8gles et du bon sens.<\/p>\npage-books.php<\/code>pour un mod\u00e8le r\u00e9pertoriant des livres de type publication personnalis\u00e9e. Ne pr\u00e9fixez jamais votre mod\u00e8le de page avec ‘ page-<\/code>‘! Si vous vous souvenez de la hi\u00e9rarchie des mod\u00e8les<\/a> de WordPress, WordPress recherchera page-<slug>.php<\/code>avant de tenter page.php<\/code>, et les utilisateurs de votre th\u00e8me pourraient rencontrer un comportement inattendu.<\/p>\npagetemplate-'<\/code>, ‘ pt-<\/code>‘ ou simplement le nom complet ‘ fullwidth-template.php<\/code>‘. Il est \u00e9galement recommand\u00e9 de les conserver dans un sous-dossier\u00a0; \/page-templates\/<\/code>cependant, ce n’est pas bon si vous voulez que votre th\u00e8me soit disponible pour s’\u00e9tendre avec un th\u00e8me enfant. Un th\u00e8me enfant ne peut pas remplacer les mod\u00e8les de page qui sont plac\u00e9s dans un sous-dossier du th\u00e8me parent.<\/p>\nCr\u00e9ation d’un mod\u00e8le de page<\/h2>\n
page.php<\/code>et renommez-le en pagetemplate-fullwidth.php<\/code>. Pour en faire un mod\u00e8le de page, il vous suffit d’ajouter un commentaire au tout d\u00e9but qui indique \u00e0 WordPress qu’il s’agit d’un mod\u00e8le de page\u00a0:<\/p>\n<?php \n\/*\nTemplate Name: Fullwidth \n*\/\nget_header(); ?>\n<?php \nif (have_posts()) {\n...<\/code><\/pre>\n<?php \n\/*\nTemplate Name: Fullwidth \nTemplate Post Type: post, page\n*\/\nget_header(); ?>\n<?php \nif (have_posts()) {\n...<\/code><\/pre>\nModification du code dans notre mod\u00e8le de page<\/h2>\n
...\n ?><p><?php _e('No posts, sorry.', 'wptutorial'); ?><\/p><?php\n}\n\/\/get_sidebar(); \nget_footer(); ?><\/code><\/pre>\nbody_class<\/code>qui fournit tout un tas de classes utiles \u00e0 l’\u00e9l\u00e9ment body\u00a0? Et si nous ajoutions une classe personnalis\u00e9e sur le corps qui nous indique si la page actuelle a une barre lat\u00e9rale ou non\u00a0?<\/p>\nFiltrer sur
body_class<\/code><\/h2>\n\"page-template-pagetemplate-fullwidth\"<\/code>. C’est une classe assez longue, et en plus, nous voulons rendre notre th\u00e8me plus flexible – et autoriser la pleine largeur sur d’autres mod\u00e8les en dehors de ceux utilisant le mod\u00e8le de page. Par exemple, vous ne voulez g\u00e9n\u00e9ralement pas de barre lat\u00e9rale sur la page d’accueil, n’est-ce pas\u00a0?<\/p>\nget_sidebar()<\/code>partout o\u00f9 vous ne le voudrez pas.<\/p>\nbody_class<\/code>ajouter une classe de barre lat\u00e9rale personnalis\u00e9e dans notre functions.php<\/code>, afin que vous puissiez en ajouter plus tard dans d’autres cas o\u00f9 vous ne voulez pas la barre lat\u00e9rale. WordPress a une belle balise conditionnelle pour v\u00e9rifier si un mod\u00e8le de page est utilis\u00e9 ; is_page_template()<\/code>o\u00f9 vous mettez le nom de votre mod\u00e8le de page en param\u00e8tre. Nous voulons ajouter une classe si ce n’est pas vrai, nous ajoutons donc l’inverse avec "!"\u00a0:<\/p>\nadd_filter('body_class', 'wptutorial_body_class_filter');\nfunction wptutorial_body_class_filter($classes) {\n if (!is_page_template('pagetemplate-fullwidth.php')) {\n $classes[] = 'has-sidebar';\n }\n return $classes;\n}<\/code><\/pre>\nif<\/code>. Par exemple, si vous ne voulez pas que la classe sidebar soit sur la page d’accueil, vous pouvez ajouter !is_front_page()<\/code>. Cela ajoutera la classe ‘has-sidebar’ \u00e0 toutes les pages sauf frontpage et le mod\u00e8le de page\u00a0:<\/p>\nif (!is_front_page() && !is_page_template('pagetemplate-fullwidth.php'))<\/code><\/pre>\n