![\"Tutorial](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-153948-61e516ac9d3c4.png\")
<\/a><\/p>\nDentro del metabox "Atributos de p\u00e1gina" para p\u00e1ginas es donde aparece la opci\u00f3n de plantilla de p\u00e1gina. Pero la opci\u00f3n de plantilla solo aparecer\u00e1 si el tema activo tiene al menos una plantilla de p\u00e1gina.<\/p>\n
Las plantillas de p\u00e1gina tambi\u00e9n se pueden usar para publicaciones y tipos de publicaciones personalizadas. Despu\u00e9s de WordPress 4.7 y versiones posteriores, puede definir para qu\u00e9 tipos de publicaci\u00f3n desea que est\u00e9 disponible la plantilla. WordPress agregar\u00e1 autom\u00e1ticamente el metabox de "Atributos de p\u00e1gina" requerido a esos tipos de publicaciones.<\/p>\n
Nombramiento y ubicaci\u00f3n de la plantilla de p\u00e1gina<\/h2>\n
Para empezar, normalmente har\u00eda una copia de cualquier archivo de plantilla que se parezca m\u00e1s a lo que desea lograr con la plantilla de p\u00e1gina. En la mayor\u00eda de los casos es Es tentador simplemente nombrar la plantilla de su p\u00e1gina, por ejemplo, Una buena pr\u00e1ctica es prefijar la plantilla de su p\u00e1gina con algo que no sea parte de los nombres de las plantillas de p\u00e1gina de WordPress. Por ejemplo ‘ Una vez que haya decidido un patr\u00f3n de nombres, sigamos adelante y creemos una plantilla de p\u00e1gina.<\/p>\n Haz una copia Todo lo que necesita es un comentario al principio del archivo, con "Nombre de plantilla:" y el nombre de su plantilla despu\u00e9s. \u00a1Eso es todo! Vaya a administraci\u00f3n, edite una p\u00e1gina y deber\u00eda ver la opci\u00f3n para elegir "Ancho completo" como plantilla.<\/p>\n Mencion\u00e9 que en WordPress 4.7 puedes definir para qu\u00e9 tipos de publicaciones quieres que est\u00e9 disponible la plantilla de p\u00e1gina. En este momento, solo est\u00e1 disponible para las p\u00e1ginas, pero \u00bfquieres la opci\u00f3n de hacer publicaciones de ancho completo tambi\u00e9n? En ese caso, agregue "Tipo de publicaci\u00f3n de plantilla:" dentro del mismo bloque de comentarios y defina sus tipos de publicaci\u00f3n separados por comas. Por ejemplo, para que est\u00e9 disponible tanto para publicaciones como para p\u00e1ginas;<\/p>\n Edite una publicaci\u00f3n y deber\u00eda ver un nuevo metabox "Atributos de publicaci\u00f3n" donde puede elegir la plantilla de ancho completo. \u00a1Agradable!<\/p>\n Ahora editemos la plantilla de la p\u00e1gina para que realmente haga algo diferente a la vista de una sola p\u00e1gina. Eliminemos la solicitud de la plantilla de la barra lateral: (lo coment\u00e9 para hacerlo m\u00e1s visible, pero puede eliminar la l\u00ednea).<\/p>\n Hagamos una cosa m\u00e1s para que nuestra plantilla de p\u00e1gina sea m\u00e1s f\u00e1cil de dise\u00f1ar. Cuando agrega CSS, a menudo necesita saber si la p\u00e1gina tiene una barra lateral o no, para ajustar las columnas o el dise\u00f1o. \u00bfRecuerdas Nota: es posible que haya notado que cualquier p\u00e1gina o publicaci\u00f3n que use una plantilla de p\u00e1gina ya tiene una clase de cuerpo espec\u00edfica; \u00abplantilla-de-p\u00e1gina-" \u2013 en nuestro ejemplo Nota: Esto solo agrega una clase al cuerpo para que el estilo sea m\u00e1s f\u00e1cil, en realidad no deshabilita la salida de la barra lateral. Tienes que recordar eliminar el Agreguemos un filtro para Lo m\u00e1s probable es que, mientras desarrolla las plantillas, de vez en cuando se encuentre con plantillas a las que no desee agregar la clase de la barra lateral y, a medida que avanza, agregue esos casos dentro de este archivo Depende de usted cu\u00e1ntas plantillas de p\u00e1gina desea y qu\u00e9 deben contener. Esta fue solo una simple introducci\u00f3n. Si est\u00e1 interesado en c\u00f3mo consultar otras publicaciones dentro de las plantillas de una p\u00e1gina, eche un vistazo al siguiente paso<\/a>.<\/p>\npage.php<\/code>. En cuanto al nombre de la plantilla de su p\u00e1gina, depende de usted. Pero hay algunas reglas y algo de sentido com\u00fan.<\/p>\npage-books.php<\/code>para una plantilla que enumera un tipo de publicaci\u00f3n personalizada libros. \u00a1 Nunca prefije su plantilla de p\u00e1gina con ‘ page-<\/code>‘! Si recuerda la jerarqu\u00eda de plantillas<\/a> de WordPress, WordPress buscar\u00e1 page-<slug>.php<\/code>antes de intentarlo page.php<\/code>y los usuarios de su tema podr\u00edan encontrar un comportamiento inesperado.<\/p>\npagetemplate-'<\/code>, ‘ pt-<\/code>‘, o simplemente el nombre completo ‘ fullwidth-template.php<\/code>‘. Tambi\u00e9n es una buena pr\u00e1ctica mantenerlos en una subcarpeta; \/page-templates\/<\/code>sin embargo, esto no es bueno si desea que su tema est\u00e9 disponible para extenderse con un tema secundario. Un tema secundario no puede anular las plantillas de p\u00e1gina que se colocan en una subcarpeta en el tema principal.<\/p>\nCreaci\u00f3n de una plantilla de p\u00e1gina<\/h2>\n
page.php<\/code>y c\u00e1mbiale el nombre a pagetemplate-fullwidth.php<\/code>. Para convertirlo en una plantilla de p\u00e1gina, solo necesita agregar un comentario al principio que le dice a WordPress que se trata de una plantilla de p\u00e1gina:<\/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>\nCambiando el c\u00f3digo en nuestra plantilla de p\u00e1gina<\/h2>\n
...\n ?><p><?php _e('No posts, sorry.', 'wptutorial'); ?><\/p><?php\n}\n\/\/get_sidebar(); \nget_footer(); ?><\/code><\/pre>\nbody_class<\/code>que proporciona un mont\u00f3n de clases \u00fatiles para el elemento del cuerpo? \u00bfQu\u00e9 pasa si agregamos una clase personalizada en el cuerpo que nos dice si la p\u00e1gina actual tiene una barra lateral o no?<\/p>\nFiltrar en
body_class<\/code><\/h2>\n\"page-template-pagetemplate-fullwidth\"<\/code>. Es una clase bastante larga y, adem\u00e1s, queremos que nuestro tema sea m\u00e1s flexible y permitir el ancho completo en otras plantillas adem\u00e1s de las que usan la plantilla de p\u00e1gina. Por ejemplo, normalmente no quieres una barra lateral en la p\u00e1gina principal, \u00bfverdad?<\/p>\nget_sidebar()<\/code>lugar donde no lo quieras.<\/p>\nbody_class<\/code>agregar una clase de barra lateral personalizada en nuestro functions.php<\/code>, para que luego pueda agregar m\u00e1s en otros casos en los que no desea la barra lateral. WordPress tiene una buena etiqueta condicional para verificar si una plantilla de p\u00e1gina est\u00e1 en uso; is_page_template()<\/code>donde pones el nombre de la plantilla de tu p\u00e1gina como par\u00e1metro. Queremos agregar una clase si esto no es cierto, entonces agregamos el reverso con \u00ab!\u00bb:<\/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>. Por ejemplo, si no desea la clase de barra lateral en la p\u00e1gina principal, puede agregar !is_front_page()<\/code>. Esto agregar\u00e1 la clase ‘has-sidebar’ a todas las p\u00e1ginas excepto a la portada y la plantilla de p\u00e1gina:<\/p>\nif (!is_front_page() && !is_page_template('pagetemplate-fullwidth.php'))<\/code><\/pre>\n