¿Qué debe saber sobre la plantilla de página personalizada de WordPress?

25

Hay muchos a los que les gusta tener una configuración cómoda para el desarrollo de su sitio web y hay muchas empresas de desarrollo de sitios web que siempre buscan un método de sitio web simple.

Para todo este tipo de personas, es tener las funciones más impresionantes de WordPress.

  • Varios complementos nuevos para experimentar,
  • Acceso ilimitado al control,
  • Diseño personalizado,
  • funcionalidad personalizada,
  • Estructura e interfaz flexibles y
  • Una estructura integrada de todo el sitio web.

¿Qué son las plantillas de archivo en WordPress?

Las plantillas son archivos que le dicen al tema de WordPress cómo mostrar diferentes tipos de contenido de manera sistemática.

Cuando cada vez que alguien envía una solicitud para ver una parte de su sitio web, la plataforma de páginas web de WordPress determinará qué contenido quieren ver y cómo esa parte específica de su sitio web debe mostrarse a la audiencia.

Además, WordPress intentará utilizar el archivo de plantilla más adecuado presente en su tema, que debe decidirse sobre la base del orden jerárquico.

  • También se conoce como la jerarquía de plantillas de página de WordPress.
  • La jerarquía de plantillas de página de WordPress es una lista completa de varios archivos de plantilla.
  • WordPress está familiarizado con eso y se clasifican para determinar qué archivo tiene prioridad sobre otro. Funciona como cualquier tipo de árbol de decisión.

Cuando WordPress intenta decidir cómo mostrar una página determinada de la manera más adecuada, funciona de acuerdo con la jerarquía de plantillas.

Por ejemplo:

Si alguien quiere acceder a la siguiente URL.

Your-site.com/category/news

Luego, el tema personalizado de WordPress buscaría los archivos de plantilla correctos en el siguiente orden:

  1. category-{slug}.php: en este casocategory-news.php
  2. category-{id}.php: si el ID de la categoría fuera 5, WordPress intentaría encontrar un archivo llamadocategory-5.php
  3. category.php
  4. archive.php
  5. index.php

Al final de esta jerarquía de plantillas de páginas personalizadas de WordPress se encuentra el archivo index.php.

Se utilizará para mostrar cualquier tipo de contenido que no tenga un archivo de plantilla más específico. Si el archivo de plantillas ocupa un lugar más alto en el orden jerárquico, la personalización del tema de WordPress utilizará automáticamente ese archivo para mostrar el contenido.

¿Qué son las plantillas de página en las páginas web de WordPress?

Para las páginas web de WordPress, el complemento de plantilla de página de WordPress generalmente se denomina page.php. A veces hay un archivo de plantilla más específico disponible llamado archive.php.

El tema personalizado de WordPress utiliza el mismo archivo para representar el contenido de todas las páginas de su sitio web.

A veces es necesario cambiar el diseño, la apariencia o la funcionalidad de secciones individuales de su sitio web.

Este es el lugar donde entran en juego las plantillas de página.

La plantilla de página personalizada de WordPress le permite estandarizar e individualizar cualquier parte de su sitio web de WordPress sin afectar el resto.

Por ejemplo, hoy en día hay muchos temas de WordPress que vienen con una opción para cambiar su página al tamaño de ancho completo y luego agregarle una segunda barra lateral.

También se puede hacer a través de diferentes archivos de plantilla.

Si está haciendo lo mismo y trabaja con diferentes plantillas, implica editar y cambiar archivos en su tema activo de WordPress, así que siempre comience con un tema secundario cuando realice este tipo de personalizaciones.

Será fácil de editar y no sobrescribirá otras cosas.

¿Cómo personalizar las páginas en las plantillas de página personalizadas de WordPress?

Hay tres formas básicas de usar las plantillas de página personalizadas de WordPress que se describen a continuación:

  • Al agregar declaraciones condicionales a una jerarquía de plantilla de página de WordPress existente,
  • Cree una plantilla de página específica que ocupe un lugar más alto en el orden jerárquico y
  • Asigne directamente las plantillas a las páginas específicas.

Vamos a explorar todo esto en profundidad.

Uso de etiquetas condicionales en la plantilla predeterminada de las páginas web de WordPress

Hay una manera fácil de realizar cambios específicos de la página en las etiquetas condicionales de personalización del tema de WordPress en cualquier plantilla específica que ya esté en uso.

Estas etiquetas se utilizan para crear funciones que solo se ejecutan si se cumple una determinada condición.

Luego, agregaría etiquetas condicionales al archivo page.php de su tema activo.

Le permitirían realizar cambios limitados a la página de inicio, la página principal, la página del blog o cualquier otra página de su sitio web.

Algunas de las principales etiquetas condicionales utilizadas son las siguientes:

  1. is_page( ): se usa para apuntar a una página específica y se puede usar con el ID, el título o la URL o el nombre de la página.
  2. is_home( ): Solo se aplica a la página de inicio.
  3. is_front_page( ): Apunta con éxito a la página principal de su sitio web como se establece en Configuración -> Lectura
  4. is_category( ): Es una condición para una página de categoría. También puede usar ID, título o URL/nombre como is_page( )etiqueta.
  5. is_single( ): Se utiliza para publicaciones individuales o archivos adjuntos.
  6. is_archive( ): Es la condición para las páginas de archivo.
  7. is_404( ): Solo se aplica a las páginas de error 404

– Por ejemplo, cuando se agrega a su página.php en lugar de la get_header( );etiqueta estándar, el siguiente código cargará un archivo de encabezado personalizado llamado header-shop.php al mostrar la página yoursite.com/product.

Código:

If (is_page ('products')) {
  get_header ('shop');
} else {
  get_header( );
}

– Por ejemplo, estas dos condiciones cambiarán por completo el comportamiento de las diferentes páginas de su sitio web.

Además de la carga del archivo de encabezado específico de la tienda mencionado anteriormente, ahora también cargaría un header-about.php en una página con la ID de 42.

Para todas las demás páginas, también se aplica el archivo de encabezado estándar.

Cree algunos archivos específicos de la página en la jerarquía de plantillas de página de WordPress

Las etiquetas condicionales son una de las mejores formas de introducir pequeños cambios en sus páginas web de WordPress.

Puede ayudarlo a crear personalizaciones más grandes mediante el uso de muchas declaraciones condicionales una tras otra.

Una de las mejores formas de hacerlo es implementar la jerarquía completa de plantillas de página de WordPress, que recorrería una lista de la máxima cantidad posible de archivos de plantilla y luego uno puede elegir lo que mejor se adapte a ellos.

La plantilla de página personalizada de WordPress incluye la siguiente jerarquía:

Page-{slug}.php

Page-{id}.php

Page.php

index.php

Las plantillas de página personalizadas son las que se han asignado a la página en particular.

Entonces, si existe uno de esos, WordPress lo usará ya sea que los archivos de plantilla estén presentes o no. Después de eso, WordPress encontrará la plantilla de página que incluye ‘slug’.

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.

Asignación de las plantillas de página personalizadas de WordPress

También es posible asignar las plantillas personalizadas manualmente a las páginas particulares y WordPress también puede usarlas de forma automática.

En forma de jerarquía de plantillas de página de WordPress, habrá un archivo de plantilla presente en la carpeta del tema.

Entonces, al igual que crea una plantilla específica de página para la jerarquía de WordPress, esto le pedirá que proporcione un archivo de plantilla específico y luego lo vincule a la página para la que desea usarlo.

Se puede hacer de dos maneras diferentes de las que estarás familiarizado. Algunos de los detalles se dan a continuación:

Asigne plantillas de página personalizadas desde el editor de WordPress

En el editor de WordPress, encontrará un campo de opción llamado ‘Atributos de página’ que tiene un menú desplegable debajo llamado ‘Plantilla’.

Después de hacer clic en él, le dará una lista de diferentes plantillas de página disponibles en su sitio web de tema de WordPress. Elige el que más te guste, guárdalo; actualícelo cuando haya terminado.

Configuración de una plantilla personalizada a través de la edición rápida
  • Vaya a la sección ‘Todas las páginas’ y coloque el cursor sobre cualquiera de los elementos mencionados en la lista.
  • Aparecerá un menú que incluye el elemento ‘Edición rápida’.
  • Haga clic en él para editar la configuración de la página directamente desde allí.
  • Verá el menú desplegable similar allí para elegir una plantilla de página diferente.
  • Elige el que más te guste y edítalo.

¿Cómo usar la plantilla de página personalizada de WordPress?

Las plantillas de página de WordPress se pueden emplear para muchos propósitos diferentes y se pueden personalizar fácilmente en cualquier cosa.

Solo requiere una buena imaginación y una codificación bien versada.

Algunos de los principales usos se dan a continuación:

Se puede utilizar como plantilla de página de ancho completo.

En primer lugar, en este caso, la barra lateral se elimina eliminándola a través de este comando,

Luego se realizan algunos cambios específicos en la codificación CSS como se muestra a continuación,

.site-content {
  Float: left;
  Width: 65 %;
}

El atributo de ancho limita el elemento del sitio web que contiene nuestro contenido al 65% del espacio disponible.

Si simplemente cambiamos el tamaño al 100%, esto también afectará a todas las demás páginas de nuestro sitio web, que no es exactamente lo que queremos.

Entonces, para este propósito, la clase de div en la plantilla de página personalizada de WordPress se cambiaría a class="site-content-fullwidth".

Se vería algo así como se muestra a continuación:

Puede agregar las páginas 404 con las barras de widgets

La página de error 404 es esa página en particular que aparece cuando la persona llega a alguna página en un sitio web que no existe. Tal vez sea un enlace defectuoso o un error tipográfico.

Es muy importante agregar estas páginas en su sitio web. Te muestra responsable hacia la audiencia.

Es difícil codificar una página desde cero si no está muy versado en sus habilidades de codificación, entonces es mucho mejor agregar algunos widgets a sus plantillas. Se puede cambiar de forma flexible con la ayuda de arrastrar y soltar.

Se haría con la ayuda del archivo 404.php. Aparecerá en su sitio web cuando sea necesario.

Después de cargar la plantilla de páginas web de WordPress en el sitio web, avance hacia el área de creación de widgets.

Facilita al agregar una plantilla de página para mostrar los tipos de publicaciones personalizadas

Los tipos de publicaciones personalizadas son una de las técnicas efectivas para introducir contenido que tiene su propio conjunto de puntos de datos, diseño y otras personalizaciones similares.

En primer lugar, cree un tipo de publicación personalizada: CPT que se puede hacer fácilmente a través de un complemento o manualmente. Se puede usar un complemento llamado ‘Tipos’ para crear tipos de publicaciones personalizadas y campos personalizados.

Se instalaría y activaría para una mayor personalización en sus páginas web de WordPress.

Después de agregar algunos elementos en la sección ‘portafolio’, el contenido se mostraría debajo.

Solo hay una forma de dominar el tema de WordPress en la personalización de sitios web que están aprendiendo a usar las plantillas de página. Pueden hacer que la personalización de su sitio web sea muy fácil de demandar y le permiten asignar la funcionalidad y el diseño únicos.

Fuente de grabación: instantshift.com

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More