\n \u00bfQu\u00e9 son las plantillas de archivo en WordPress?\n<\/p>\n
\n Las plantillas son archivos que le dicen al tema de WordPress c\u00f3mo mostrar diferentes tipos de contenido de manera sistem\u00e1tica.\n<\/p>\n
\n Cuando cada vez que alguien env\u00eda una solicitud para ver una parte de su sitio web, la plataforma de p\u00e1ginas web de WordPress determinar\u00e1 qu\u00e9 contenido quieren ver y c\u00f3mo esa parte espec\u00edfica de su sitio web debe mostrarse a la audiencia.\n<\/p>\n
\n Adem\u00e1s, WordPress intentar\u00e1 utilizar el archivo de plantilla m\u00e1s adecuado presente en su tema, que debe decidirse sobre la base del orden jer\u00e1rquico.\n<\/p>\n
- \n
- Tambi\u00e9n se conoce como la jerarqu\u00eda de plantillas de p\u00e1gina de WordPress.\n <\/li>\n
- La jerarqu\u00eda de plantillas de p\u00e1gina de WordPress es una lista completa de varios archivos de plantilla.\n <\/li>\n
- WordPress est\u00e1 familiarizado con eso y se clasifican para determinar qu\u00e9 archivo tiene prioridad sobre otro. Funciona como cualquier tipo de \u00e1rbol de decisi\u00f3n.\n <\/li>\n<\/ul>\n
\n Cuando WordPress intenta decidir c\u00f3mo mostrar una p\u00e1gina determinada de la manera m\u00e1s adecuada, funciona de acuerdo con la jerarqu\u00eda de plantillas.\n<\/p>\n
\n Por ejemplo:<\/strong>\n<\/p>\n
\n Si alguien quiere acceder a la siguiente URL.\n<\/p>\n
\n
Your-site.com\/category\/news<\/code>\n<\/p>\n\n Luego, el tema personalizado de WordPress buscar\u00eda los archivos de plantilla correctos en el siguiente orden:\n<\/p>\n
- \n
- \n
category-{slug}.php<\/code>: en este casocategory-news.php<\/code>\n <\/li>\n- \n
category-{id}.php<\/code>: si el ID de la categor\u00eda fuera 5, WordPress intentar\u00eda encontrar un archivo llamadocategory-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 Al final de esta jerarqu\u00eda de plantillas de p\u00e1ginas personalizadas de WordPress se encuentra el archivo index.php.\n<\/p>\n
\n Se utilizar\u00e1 para mostrar cualquier tipo de contenido que no tenga un archivo de plantilla m\u00e1s espec\u00edfico. Si el archivo de plantillas ocupa un lugar m\u00e1s alto en el orden jer\u00e1rquico, la personalizaci\u00f3n del tema de WordPress utilizar\u00e1 autom\u00e1ticamente ese archivo para mostrar el contenido.\n<\/p>\n
\n \u00bfQu\u00e9 son las plantillas de p\u00e1gina en las p\u00e1ginas web de WordPress?
\n<\/h3>\n\n Para las p\u00e1ginas web de WordPress, el complemento de plantilla de p\u00e1gina de WordPress generalmente se denomina page.php. A veces hay un archivo de plantilla m\u00e1s espec\u00edfico disponible llamado archive.php.\n<\/p>\n
\n El tema personalizado de WordPress utiliza el mismo archivo para representar el contenido de todas las p\u00e1ginas de su sitio web.\n<\/p>\n
\n A veces es necesario cambiar el dise\u00f1o, la apariencia o la funcionalidad de secciones individuales de su sitio web.\n<\/p>\n
\n Este es el lugar donde entran en juego las plantillas de p\u00e1gina.\n<\/p>\n
\n La plantilla de p\u00e1gina personalizada de WordPress le permite estandarizar e individualizar cualquier parte de su sitio web de WordPress sin afectar el resto.\n<\/p>\n
\n Por ejemplo, hoy en d\u00eda hay muchos temas de WordPress que vienen con una opci\u00f3n para cambiar su p\u00e1gina al tama\u00f1o de ancho completo y luego agregarle una segunda barra lateral.\n<\/p>\n
\n Tambi\u00e9n se puede hacer a trav\u00e9s de diferentes archivos de plantilla.\n<\/p>\n
\n Si est\u00e1 haciendo lo mismo y trabaja con diferentes plantillas, implica editar y cambiar archivos en su tema activo de WordPress, as\u00ed que siempre comience con un tema secundario cuando realice este tipo de personalizaciones.\n<\/p>\n
\n Ser\u00e1 f\u00e1cil de editar y no sobrescribir\u00e1 otras cosas.\n<\/p>\n
\n \u00bfC\u00f3mo personalizar las p\u00e1ginas en las plantillas de p\u00e1gina personalizadas de WordPress?
\n<\/h3>\n\n Hay tres formas b\u00e1sicas de usar las plantillas de p\u00e1gina personalizadas de WordPress que se describen a continuaci\u00f3n:\n<\/p>\n
- \n
- Al agregar declaraciones condicionales a una jerarqu\u00eda de plantilla de p\u00e1gina de WordPress existente,\n <\/li>\n
- Cree una plantilla de p\u00e1gina espec\u00edfica que ocupe un lugar m\u00e1s alto en el orden jer\u00e1rquico y\n <\/li>\n
- Asigne directamente las plantillas a las p\u00e1ginas espec\u00edficas.\n <\/li>\n<\/ul>\n
\n Vamos a explorar todo esto en profundidad.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285965-6382c2306e7de.webp\")
<\/a><\/p>\n\n Uso de etiquetas condicionales en la plantilla predeterminada de las p\u00e1ginas web de WordPress
\n<\/h5>\n\n Hay una manera f\u00e1cil de realizar cambios espec\u00edficos de la p\u00e1gina en las etiquetas condicionales de personalizaci\u00f3n del tema de WordPress en cualquier plantilla espec\u00edfica que ya est\u00e9 en uso.\n<\/p>\n
\n Estas etiquetas se utilizan para crear funciones que solo se ejecutan si se cumple una determinada condici\u00f3n.\n<\/p>\n
\n Luego, agregar\u00eda etiquetas condicionales al archivo page.php de su tema activo.\n<\/p>\n
\n Le permitir\u00edan realizar cambios limitados a la p\u00e1gina de inicio, la p\u00e1gina principal, la p\u00e1gina del blog o cualquier otra p\u00e1gina de su sitio web.\n<\/p>\n
\n Algunas de las principales etiquetas condicionales utilizadas son las siguientes:\n<\/p>\n
- \n
- \n
is_page( )<\/code>: se usa para apuntar a una p\u00e1gina espec\u00edfica y se puede usar con el ID, el t\u00edtulo o la URL o el nombre de la p\u00e1gina.\n <\/li>\n- \n
is_home( )<\/code>: Solo se aplica a la p\u00e1gina de inicio.\n <\/li>\n- \n
is_front_page( )<\/code>: Apunta con \u00e9xito a la p\u00e1gina principal de su sitio web como se establece en Configuraci\u00f3n -> Lectura\n <\/li>\n- \n
is_category( )<\/code>: Es una condici\u00f3n para una p\u00e1gina de categor\u00eda. Tambi\u00e9n puede usar ID, t\u00edtulo o URL\/nombre comois_page( )<\/code>etiqueta.\n <\/li>\n- \n
is_single( )<\/code>: Se utiliza para publicaciones individuales o archivos adjuntos.\n <\/li>\n- \n
is_archive( )<\/code>: Es la condici\u00f3n para las p\u00e1ginas de archivo.\n <\/li>\n- \n
is_404( )<\/code>: Solo se aplica a las p\u00e1ginas de error 404\n <\/li>\n<\/ol>\n\n \u2013 Por ejemplo, cuando se agrega a su p\u00e1gina.php en lugar de la
get_header( );<\/code>etiqueta est\u00e1ndar, el siguiente c\u00f3digo cargar\u00e1 un archivo de encabezado personalizado llamado header-shop.php al mostrar la p\u00e1gina yoursite.com\/product.\n<\/p>\n\n C\u00f3digo:<\/strong>\n<\/p>\n
If (is_page ('products')) {\n get_header ('shop');\n} else {\n get_header( );\n}<\/code><\/pre>\n\n \u2013 Por ejemplo, estas dos condiciones cambiar\u00e1n por completo el comportamiento de las diferentes p\u00e1ginas de su sitio web.\n<\/p>\n
\n Adem\u00e1s de la carga del archivo de encabezado espec\u00edfico de la tienda mencionado anteriormente, ahora tambi\u00e9n cargar\u00eda un header-about.php en una p\u00e1gina con la ID de 42.\n<\/p>\n
\n Para todas las dem\u00e1s p\u00e1ginas, tambi\u00e9n se aplica el archivo de encabezado est\u00e1ndar.\n<\/p>\n
\n Cree algunos archivos espec\u00edficos de la p\u00e1gina en la jerarqu\u00eda de plantillas de p\u00e1gina de WordPress
\n<\/h5>\n\n Las etiquetas condicionales son una de las mejores formas de introducir peque\u00f1os cambios en sus p\u00e1ginas web de WordPress.\n<\/p>\n
\n Puede ayudarlo a crear personalizaciones m\u00e1s grandes mediante el uso de muchas declaraciones condicionales una tras otra.\n<\/p>\n
\n Una de las mejores formas de hacerlo es implementar la jerarqu\u00eda completa de plantillas de p\u00e1gina de WordPress, que recorrer\u00eda una lista de la m\u00e1xima cantidad posible de archivos de plantilla y luego uno puede elegir lo que mejor se adapte a ellos.\n<\/p>\n
\n La plantilla de p\u00e1gina personalizada de WordPress incluye la siguiente jerarqu\u00eda:\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 Las plantillas de p\u00e1gina personalizadas son las que se han asignado a la p\u00e1gina en particular.\n<\/p>\n
\n Entonces, si existe uno de esos, WordPress lo usar\u00e1 ya sea que los archivos de plantilla est\u00e9n presentes o no. Despu\u00e9s de eso, WordPress encontrar\u00e1 la plantilla de p\u00e1gina que incluye ‘slug'.\n<\/p>\n
\n Por ejemplo: si incluye un archivo llamado page-about.php en el archivo de temas, se puede encontrar en este tipo de URL yoursite.com\/about.\n<\/p>\n
\n Asignaci\u00f3n de las plantillas de p\u00e1gina personalizadas de WordPress
\n<\/h5>\n\n Tambi\u00e9n es posible asignar las plantillas personalizadas manualmente a las p\u00e1ginas particulares y WordPress tambi\u00e9n puede usarlas de forma autom\u00e1tica.\n<\/p>\n
\n En forma de jerarqu\u00eda de plantillas de p\u00e1gina de WordPress, habr\u00e1 un archivo de plantilla presente en la carpeta del tema.\n<\/p>\n
\n Entonces, al igual que crea una plantilla espec\u00edfica de p\u00e1gina para la jerarqu\u00eda de WordPress, esto le pedir\u00e1 que proporcione un archivo de plantilla espec\u00edfico y luego lo vincule a la p\u00e1gina para la que desea usarlo.\n<\/p>\n
\n Se puede hacer de dos maneras diferentes de las que estar\u00e1s familiarizado. Algunos de los detalles se dan a continuaci\u00f3n:\n<\/p>\n
\n Asigne plantillas de p\u00e1gina personalizadas desde el editor de WordPress
\n<\/h5>\n\n En el editor de WordPress, encontrar\u00e1 un campo de opci\u00f3n llamado ‘Atributos de p\u00e1gina' que tiene un men\u00fa desplegable debajo llamado ‘Plantilla'.\n<\/p>\n
\n Despu\u00e9s de hacer clic en \u00e9l, le dar\u00e1 una lista de diferentes plantillas de p\u00e1gina disponibles en su sitio web de tema de WordPress. Elige el que m\u00e1s te guste, gu\u00e1rdalo; actual\u00edcelo cuando haya terminado.\n<\/p>\n
\n Configuraci\u00f3n de una plantilla personalizada a trav\u00e9s de la edici\u00f3n r\u00e1pida
\n<\/h5>\n- \n
- Vaya a la secci\u00f3n ‘Todas las p\u00e1ginas' y coloque el cursor sobre cualquiera de los elementos mencionados en la lista.\n <\/li>\n
- Aparecer\u00e1 un men\u00fa que incluye el elemento ‘Edici\u00f3n r\u00e1pida'.\n <\/li>\n
- Haga clic en \u00e9l para editar la configuraci\u00f3n de la p\u00e1gina directamente desde all\u00ed.\n <\/li>\n
- Ver\u00e1 el men\u00fa desplegable similar all\u00ed para elegir una plantilla de p\u00e1gina diferente.\n <\/li>\n
- Elige el que m\u00e1s te guste y ed\u00edtalo.\n <\/li>\n<\/ul>\n
\n \u00bfC\u00f3mo usar la plantilla de p\u00e1gina personalizada de WordPress?
\n<\/h3>\n\n Las plantillas de p\u00e1gina de WordPress se pueden emplear para muchos prop\u00f3sitos diferentes y se pueden personalizar f\u00e1cilmente en cualquier cosa.\n<\/p>\n
\n Solo requiere una buena imaginaci\u00f3n y una codificaci\u00f3n bien versada.\n<\/p>\n
\n Algunos de los principales usos se dan a continuaci\u00f3n:\n<\/p>\n
\n Se puede utilizar como plantilla de p\u00e1gina de ancho completo.<\/strong>\n<\/p>\n
\n En primer lugar, en este caso, la barra lateral se elimina elimin\u00e1ndola a trav\u00e9s de este comando,\n<\/p>\n
<?php get_sidebar(); ?><\/code><\/pre>\n\n Luego se realizan algunos cambios espec\u00edficos en la codificaci\u00f3n CSS como se muestra a continuaci\u00f3n,\n<\/p>\n
.site-content {\n Float: left;\n Width: 65 %;\n}<\/code><\/pre>\n\n El atributo de ancho limita el elemento del sitio web que contiene nuestro contenido al 65% del espacio disponible.\n<\/p>\n
\n Si simplemente cambiamos el tama\u00f1o al 100%, esto tambi\u00e9n afectar\u00e1 a todas las dem\u00e1s p\u00e1ginas de nuestro sitio web, que no es exactamente lo que queremos.\n<\/p>\n
\n Entonces, para este prop\u00f3sito, la clase de div en la plantilla de p\u00e1gina personalizada de WordPress se cambiar\u00eda a
class=\"site-content-fullwidth\"<\/code>.\n<\/p>\n\n Se ver\u00eda algo as\u00ed como se muestra a continuaci\u00f3n:\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285965-6382c23239d2d.webp\")
<\/a><\/p>\n\n Puede agregar las p\u00e1ginas 404 con las barras de widgets
\n<\/h5>\n\n La p\u00e1gina de error 404 es esa p\u00e1gina en particular que aparece cuando la persona llega a alguna p\u00e1gina en un sitio web que no existe. Tal vez sea un enlace defectuoso o un error tipogr\u00e1fico.\n<\/p>\n
\n Es muy importante agregar estas p\u00e1ginas en su sitio web. Te muestra responsable hacia la audiencia.\n<\/p>\n
\n Es dif\u00edcil codificar una p\u00e1gina desde cero si no est\u00e1 muy versado en sus habilidades de codificaci\u00f3n, entonces es mucho mejor agregar algunos widgets a sus plantillas. Se puede cambiar de forma flexible con la ayuda de arrastrar y soltar.\n<\/p>\n
\n Se har\u00eda con la ayuda del archivo 404.php. Aparecer\u00e1 en su sitio web cuando sea necesario.\n<\/p>\n
\n Despu\u00e9s de cargar la plantilla de p\u00e1ginas web de WordPress en el sitio web, avance hacia el \u00e1rea de creaci\u00f3n de widgets.\n<\/p>\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-285965-6382c233d9dcb.webp\")
<\/a><\/p>\n\n Facilita al agregar una plantilla de p\u00e1gina para mostrar los tipos de publicaciones personalizadas
\n<\/h3>\n\n Los tipos de publicaciones personalizadas son una de las t\u00e9cnicas efectivas para introducir contenido que tiene su propio conjunto de puntos de datos, dise\u00f1o y otras personalizaciones similares.\n<\/p>\n
\n En primer lugar, cree un tipo de publicaci\u00f3n personalizada: CPT que se puede hacer f\u00e1cilmente a trav\u00e9s de un complemento o manualmente. Se puede usar un complemento llamado ‘Tipos' para crear tipos de publicaciones personalizadas y campos personalizados.\n<\/p>\n
- \n
- \n
- \n
- \n