Cómo crear una plantilla de página personalizada en WordPress (4 maneras fáciles)

¿Quieres crear una plantilla de página personalizada de WordPress? ¿Quieres crear una plantilla que se vea diferente del resto de las páginas de tu sitio web? ¿Quieres saber cómo crear una plantilla aunque no tengas experiencia en codificación?

Seguramente estarás de acuerdo en que crear sitios web con WordPress es relativamente fácil.

Instale un tema de WordPress, adapte el contenido a sus necesidades y ¡listo!

Con una estructura de plantilla prediseñada, todo lo que tiene que hacer es sustituir el texto y las imágenes predeterminados por su contenido exclusivo, y estará prácticamente listo.

¿Y si quieres cambiar la estructura de diseño de una página concreta? ¿Y si vas a crear un diseño de página único y diferente de la plantilla predeterminada?

Afortunadamente, WordPress te ofrece la flexibilidad de crear diseños de página personalizados. Puedes utilizarlos de forma puntual o como plantilla para varias páginas.

Y lo mejor es que ni siquiera necesitas saber HTML, CSS o PHP.

Entonces, ¿cómo creamos una plantilla de página personalizada en WordPress?

¡Averigüémoslo!

¿Qué es una plantilla de página personalizada de WordPress?

Como su nombre indica, una plantilla de página personalizada de WordPress es un archivo de plantilla personalizado que se aplica a una página específica o a un grupo de páginas.

Al utilizar una plantilla de página personalizada, puede aplicar un diseño diferente al resto de las páginas de su sitio.

Por ejemplo, puede que quieras que tu página de aterrizaje o de ventas tenga un aspecto diferente al de tus entradas y páginas. También es posible que desees crear una página de archivo personalizada para mostrar tus publicaciones.

¿Desea crear una plantilla de página en WordPress para un diseño de ancho completo o de una columna?

Todo esto se puede conseguir utilizando una plantilla de página personalizada.

No sólo se puede aplicar una plantilla de página a mostrar contenido dinámico en una páginaTambién puede aplicarse a una sección de la página o incluso a una clase particular de páginas.

La apariencia de las páginas está controlada por el tema de WordPress mediante la función página.php archivo de plantilla.

Por defecto, todas las páginas individuales de su sitio WordPress utilizan este archivo.

Pero, ¿qué ocurre cuando se tiene una plantilla de WordPress personalizada? Cómo sabe WordPress qué plantilla de página utilizar?

Ahí es donde entra en juego la jerarquía de plantillas de página.

Jerarquía de plantillas de página

Cada vez que se envía una solicitud para ver su sitio web, WordPress calcula qué contenido debe mostrarse y cómo debe mostrarse esa parte específica del sitio web o de la página.

La jerarquía de plantillas de WordPress recorrerá una lista de archivos de plantillas de página y seleccionará la más adecuada.

Normalmente, la jerarquía de las páginas tiene este aspecto:

• Plantilla de página: WordPress busca la plantilla personalizada que ha asignado a la página y la utiliza.
• página-{slug}.php: Si no ha asignado una plantilla personalizada, WordPress busca una plantilla que contenga el slug de la página
• página-{id}.php: Si no se encuentra una plantilla con el slug de la página, WordPress busca a continuación una plantilla con el ID de la página
• página.php: Si no se encuentra una plantilla con el ID de la página, WordPress utiliza la plantilla por defecto del tema
• singular.php: En caso de que no se encuentre el archivo page.php, independientemente del tipo de entrada, WordPress utiliza la plantilla del tema para entradas individuales.
• index.php: WordPress utiliza el archivo index.php predeterminado del tema para mostrar una página si no se han asignado plantillas específicas.

Ahora que tenemos una idea de cómo WordPress elige una plantilla, vamos a entender por qué podríamos necesitar una plantilla de página personalizada de WordPress

¿Por qué podría necesitar una plantilla de página personalizada de WordPress?

Una plantilla personalizada de WordPress permite personalizar un sitio web de varias maneras.

El uso de una plantilla de página personalizada le permite mostrar varios tipos de contenido en diferentes páginas. Si tienes pensado crear varias páginas, una plantilla personalizada es tu mejor opción.

Aunque la mayoría de los temas ofrecen una selección de plantillas preestablecidas, algunos no lo hacen, lo que limita tu flexibilidad de diseño.

Veamos algunos casos en los que puede necesitar una plantilla de página personalizada.

1. Páginas del embudo de ventas
2. Páginas de destino
3. Páginas para diferentes usos
4. Páginas de categorías
5. Páginas que albergan guiones

Páginas del embudo de ventas

A página del embudo de ventas es una página independiente en su sitio de WordPress diseñada con el único propósito de animar a los visitantes a realizar una tarea específica.

Puede tratarse de inscribirse en un seminario web, comprar algo, registrarse en una prueba gratuita o descargar un libro electrónico.

Si utiliza WordPress, puede crear rápidamente un embudo de ventas con una plantilla de página personalizada.

Una vez que haya seleccionado una plantilla, puede personalizarla para que se adapte al aspecto de su sitio. También puede utilizar una plantilla plantilla de página de aterrizaje prediseñada para construir su embudo.

También necesitarás WooCommerce y CartFlows para crear un embudo de ventas con WordPress.

Páginas de destino

Una página de aterrizaje es una página independiente diseñada para convertir visitantes en clientes potenciales, como las páginas de embudo.

Una página de aterrizaje típica no tiene barras laterales, encabezado ni pie de página para reducir las distracciones. Todo lo que tiene es una página de ancho completo que incluye texto, un formulario de captación de clientes potenciales y una llamada a la acción.

Una plantilla personalizada de WordPress es una buena forma de crear una página de destino.

Si usas el editor de bloques de Gutenberg, puedes personalizar cualquier bloque y eliminar el que no necesites.

Muchas páginas de destino utilizan botones de llamada a la acción, y un bloque de botones le permitirá añadir un botón a sus páginas. Un bloque de suscripción también te ayudará a recoger leads de los visitantes.

Si su sitio web vende un producto, su página de aterrizaje debe diseñarse teniendo en cuenta los objetivos de ese público específico.

Una squeeze page es una buena opción si estás intentando capturar direcciones de correo electrónico. Una página de agradecimiento aumentará la satisfacción del cliente. Una página de aterrizaje de un seminario web tiene como objetivo aumentar las inscripciones.

Ya te haces una idea.

Otros usos de una plantilla de página personalizada son:

Páginas con usos diferentes a las páginas principales

Las plantillas de páginas personalizadas de WordPress pueden crear casi cualquier página que pueda necesitar.

Por ejemplo, puede utilizar una plantilla personalizada para mostrar las entradas de su blog en un formato de categoría específico.

También puede asignar una página personalizada como página de inicio de su sitio web, haciendo que su página tenga un aspecto completamente diferente del resto de sus páginas.

En pocas palabras, una plantilla de página personalizada funciona bien cuando desea crear una página con un aspecto diferente al resto de las páginas de su sitio web.

Una vez creada una plantilla, puedes reutilizarla tantas veces como quieras sin tener que crear otra desde cero.

Mostrar mensajes recientes de cada categoría

Si tiene un sitio web o un blog bien establecido y desea tener páginas de categorías dedicadas, puede utilizar una plantilla de WordPress personalizada.

Muchos temas vienen con atractivas páginas de inicio y páginas de entradas individuales, pero pocos incluyen una página de categorías.

Aquí es donde entra en juego una plantilla personalizada. Puedes tomar partes de tu tema general y eliminar elementos que no encajen o no funcionen en una página de categoría.

A continuación, puede convertir esa página en una plantilla para utilizarla en cada categoría.

Incrustar un mapa de Google o un script

También puedes utilizar plantillas personalizadas de WordPress para incrustar elementos como un mapa de Google o un script.

Por ejemplo, si quieres destacar una zona de cobertura o mostrar un radio de entrega o si quieres incluir tu feed de Instagram en su propia página.

Es poco probable que quiera incluir un menú completo y todos los elementos en sus páginas estándar, por lo que crear una plantilla personalizada puede ser ideal.

Creación de plantillas de página en WordPress con Starter Templates

Crear plantillas de páginas en WordPress es realmente sencillo si utilizas nuestro tema Astra y Starter Templates.

Starter Templates es una biblioteca de plantillas de sitios web prediseñados que funciona para casi cualquier nicho. Para este artículo, vamos a importar una plantilla de inicio para el constructor de páginas Elementor.

Para empezar, visite Páginas > Añadir nueva y asigne un nombre a su plantilla.

En virtud de la Plantilla seleccione la pestaña Lienzo Elementor opción. De este modo, tenemos un lienzo totalmente en blanco con el que jugar.

A continuación, haga clic en el botón Editar con Elementor botón.

En las opciones proporcionadas, haga clic en Starter Templates.

Suponemos que ha instalado Starter Templates en su sitio de WordPress.

Si lo has hecho, verás que hay una serie de plantillas únicas entre las que elegir.

Aunque puede seleccionar cualquier plantilla que desee, vamos a buscar una plantilla de "página de aterrizaje" utilizando el campo de búsqueda proporcionado.

Al hacer clic en la plantilla, podrá ver las distintas páginas que contiene.

En este caso, sólo tenemos la plantilla de la página de aterrizaje.

Si todo se ve bien, siga adelante y haga clic en el botón Importar plantilla botón.

Esto carga la plantilla en su página.

Normalmente, pulsaríamos el botón de publicar inmediatamente. Pero, antes de hacer eso, haga clic en la flecha junto al botón publicar.

Encontrarás dos opciones: guardar un borrador o guardar como plantilla.

Haga clic en el botónGuardar como plantilla'.

Se le pedirá que introduzca un nombre para la plantilla. Haga clic en Guardar cuando hayas terminado.

Su plantilla se guardará ahora en la pestaña Mis plantillas.

La próxima vez que desee utilizar esta plantilla, haga clic en el botón Inserte enlace.

Así de sencillo es crear una plantilla de página personalizada con Starter Templates.

Cómo hacer una plantilla de WordPress usando Elementor

Ahora le mostraremos cómo hacer una plantilla de WordPress desde cero utilizando Elementor.

Ir a Páginas > Añadir nueva y asigne un nombre a su plantilla.

Por ejemplo, hemos llamado a nuestra plantilla 'Mi Plantilla Elementor.'

A continuación, haga clic en Editar con Elementor.

Aunque puedes crear una página desde cero utilizando secciones y los diversos widgets que se ofrecen, crearemos una más rápidamente utilizando una de las varias plantillas preconstruidas.

Haga clic en el botón icono de carpeta para añadir una plantilla.

Esto abre toda una biblioteca de plantillas que puedes utilizar. Hay una plantilla para casi cualquier nicho, desde agencias y consultoras hasta clínicas dentales y salones de belleza.

¿No quiere utilizar plantillas de páginas? No hay problema. También puedes utilizar bloques preconstruidos.

Puedes diseñar una plantilla de página personalizada desde cero utilizando una serie de bloques. Incluye bloques en tu página para varias categorías, como acerca de, contacto, llamada a la acción, clientes o lo que quieras.

Seleccionaremos una plantilla de la lista Páginas ficha.

Haga clic y previsualice una plantilla de su elección.

Si se adapta a sus necesidades, haga clic en Inserte.

Si es la primera vez que se conecta a la biblioteca de plantillas, es posible que se le pida que inicie sesión.

Haga clic en Comenzar y complete el sencillo proceso de inicio de sesión.

Tras iniciar sesión, se te pedirá que confirmes el proceso de importación.

Haga clic en Sí para proceder.

La plantilla se insertará ahora en su página.

A continuación, haga clic en la flecha situada junto al botón Publicar, como se muestra a continuación.

En las opciones proporcionadas, haga clic en Guardar como plantilla.

Se te pedirá que nombres tu plantilla.

Introduzca un nombre y pulse Guardar.

Su plantilla de página personalizada se añade ahora a la carpeta Mis plantillas lista.

La próxima vez que desee utilizar una plantilla de página personalizada, haga clic en el botón Mis plantillas e inserte su plantilla.

Así de sencillo es crear una plantilla personalizada con Elementor.

Crear una plantilla de página personalizada con Gutenberg

Ahora vamos a crear una plantilla de página personalizada utilizando la función Editor de bloques Gutenberg.

El editor Gutenberg hace que sea súper fácil crear páginas usando bloques. ¿Quieres añadir un elemento a tu página? ¡Solo tienes que añadir un bloque! Así de sencillo.

Gutenberg lo hace aún más fácil al permitir crear bloques reutilizables.

Cuando estés satisfecho con un bloque que hayas creado, puedes añadirlo a tu colección de bloques reutilizables.

De esta forma, puede reutilizar ese bloque en cualquier página o entrada de su sitio web.

Una vez que hayas terminado de crear tu página, crea un bloque reutilizable que incluya todos los bloques que acabas de crear.

Por ejemplo, hemos incluido unos cuantos bloques en nuestra página y los hemos seleccionado todos.

Para ello, haga clic dentro de cualquier bloque y utilice el método abreviado de teclado, CTRL+A (o CMD+A para usuarios de Mac), puede seleccionar todos los bloques.

A continuación, haga clic en el botónAñadir a bloques reutilizables.'

Asigne un nombre al bloque reutilizable y haga clic en Guardar.

¿Quieres añadir tu plantilla a una página nueva? Busca tu bloque reutilizable e insértalo.

Sencillo, ¿verdad?

Uso de Spectra para crear una plantilla de página personalizada en WordPress

A continuación te mostraremos cómo crear una plantilla en WordPress utilizando el plugin Spectra. Se trata de un complemento gratuito para el editor de bloques de WordPress que añade una serie de bloques y funciones adicionales.

El uso de Spectra añade bloques al proceso estándar del editor de bloques de WordPress (Gutenberg) que acabamos de describir.

La ventaja de Spectra es que se obtienen nuevos bloques con los que jugar a la hora de crear una plantilla personalizada para WordPress.

Vamos a crear una plantilla de página de destino personalizada rápida que puede utilizar repetidamente para cualquier número de ofertas.

Seleccione Páginas > Añadir nuevo dentro de WordPress

Pon un nombre a tu página y haz clic para añadir un bloque

Seleccione Spectra y seleccione Contenedor

Seleccione un diseño de contenedor que funcione para su página. Hemos seleccionado un diseño de 3 secciones para nuestra página de ejemplo

Seleccione un encabezado para introducir la página y la oferta

Seleccione una lista para destacar las increíbles características de su producto

Añadir un Llamamiento a la acción bloque de Spectra debajo y rellene los datos

Todas las buenas páginas de aterrizaje necesitan testimonios para añadir prueba social, así que seleccione los Testimonios de Spectra y añádelo debajo de

A continuación, seleccione otro Llamamiento a la acción para completar la página

Cuando hayas terminado, guarda la página como borrador. A continuación, selecciona todos los bloques de la página y selecciona los tres puntos de la parte superior de la pantalla

Selecciona 'Añadir a "Bloques reutilizables del menú, dé un nombre a su plantilla y seleccione Guardar

Cuando previsualices tu página de destino, debería tener este aspecto

En el mundo real, obviamente le daríamos más importancia al diseño, pero puede ver cómo crear plantillas de páginas en WordPress puede ser sencillo con Spectra.

Como hemos guardado esta página como bloque reutilizable, puedes utilizarla tantas veces como necesites con sólo cargarla en una página.

Cómo crear una plantilla de WordPress manualmente

Hemos dejado este método para el final, simplemente porque implica algo de codificación.

Mientras que los métodos que hemos cubierto anteriormente deben hacer perfectamente bien, también puede utilizar este método para crear una plantilla de página personalizada si se siente cómodo escribiendo código.

También necesitará sus credenciales FTP o acceso al administrador de archivos de su cuenta de alojamiento para cargar archivos en su sitio activo.

Empiece por abrir un editor de texto. A continuación, añada la siguiente línea de código.

<?php /* Template Name: MyCustomTemplate */ ?>

Esta línea de código indica a WordPress que se trata de un archivo de plantilla. Puede dar cualquier nombre a su plantilla. Por ejemplo, hemos llamado a nuestra plantilla, MyCustomTemplate.

Una vez hecho esto, guarda el archivo en tu escritorio con extensión .php. Hemos guardado el archivo como mycustomtemplate.php.

A continuación, tenemos que subir este archivo al sitio en vivo. Usted podría utilizar un Cliente FTP como FileZilla o el gestor de archivos de su panel de control de alojamiento.

El archivo debe cargarse con la carpeta del tema actual, que podrá localizar en la carpeta /wp-content/temas/ directorio.

Una vez que hayas subido el archivo, dirígete a tu panel de WordPress y añade una nueva página.

En Plantilla, en la parte derecha de tu editor, encontrarás la plantilla que acabas de cargar.

Seleccione la plantilla personalizada y pulse publicar.

Teniendo en cuenta que sólo tenemos una línea de código en nuestra página de plantilla, todo lo que verá actualmente es una pantalla en blanco.

La forma más sencilla de empezar a trabajar con una plantilla es utilizar el código existente y adaptarlo a sus necesidades.

Por ejemplo, puede empezar descargando el tema actual de página.php archivo. A continuación, modifique el código, añada código PHP personalizado, elimine la barra lateral o añada HTML adicional según sus necesidades para crear una plantilla de página personalizada.

Esto es lo que el código de Astra página.php tiene el siguiente aspecto,

<?php if ( astra_page_layout() == 'left-sidebar' ) : ?>
    <?php get_sidebar(); ?>
<?php endif ?>
    <div id="primary" <?php astra_primary_class(); ?>>
        <?php astra_primary_content_top(); ?>
        <?php astra_content_page_loop(); ?>
        <?php astra_primary_content_bottom(); ?>
    </div><!-- #primary -->
<?php if ( astra_page_layout() == 'right-sidebar' ) : ?>
    <?php get_sidebar(); ?>
<?php endif ?>
<?php get_footer(); ?>

¿Quieres eliminar la barra lateral? Simplemente elimine la siguiente línea .

Una vez que haya escrito su código personalizado, cargue la plantilla en su sitio activo y utilícela en todo su sitio WordPress.

¿Cómo seleccionar una plantilla de página en WordPress?

Cambiar una plantilla de página en WordPress, ya sea para una sola página, una sección de la página, o incluso un grupo de páginas, es bastante sencillo.

Puede seleccionar una plantilla de página para una página nueva que esté creando o para una página existente.

Para seleccionar una plantilla de página personalizada, diríjase a Páginas > Añadir nuevay encontrará la sección de plantillas.

Seleccione la plantilla que desee entre las opciones que aparecen en el desplegable.

Verás la lista de plantillas sólo al crear o editar una página. Estas opciones no estarían disponibles si estás haciendo un post.

Etiquetas condicionales de uso frecuente en plantillas personalizadas

Las etiquetas condicionales se utilizan en entradas y páginas para controlar lo que se muestra en una página. Se utilizan con frecuencia y se pueden utilizar al crear una plantilla de página personalizada de WordPress.

Las etiquetas condicionales suelen ser utilizadas por los usuarios más avanzados de WordPress, pero el principio es relativamente fácil de entender.

Una etiqueta condicional suele tener el siguiente aspecto:

IF (A defined condition it true) {
Do something specific here
}

En un ejemplo de la vida real:

if( is_home() ) {
    echo 'Display blog posts on the blog page only';    
}

La 'is_home()es la etiqueta condicional. En este ejemplo, se está buscando para ver qué página se establece como la página del blog en el Lectura del panel de control de WordPress.

Algunas de las etiquetas condicionales más utilizadas en WordPress son:

• is_home() - Comprueba si se está mostrando el índice del blog
• is_front_page() - Comprueba si se está mostrando la página principal
• is_single() - Comprueba si se está mostrando una página de una sola entrada
• is_page() - Comprueba si se está mostrando una página
• is_tax() - Comprueba si se está mostrando una página de taxonomía
• has_term() - Comprueba si el mensaje tiene algún término de slugs
• is_author() - Comprueba si se está mostrando una página de autor
• is_multi_author() - - Comprueba si hay más de un autor
• is_attachment() - - Comprueba si se está mostrando una página de adjuntos
• is_singular() - Comprueba si se está mostrando una única entrada o página de adjuntos
• is_search() - Comprueba si se está mostrando una página de búsqueda
• is_archive() - Comprueba si se está mostrando una página de archivo
• is_sticky() - Comprueba si la entrada que se está mostrando es pegajosa

Las etiquetas condicionales pueden ser bastante complicadas y no tenemos tiempo para hacerles justicia aquí. Si quieres saber más sobre ellas, echa un vistazo a la página para desarrolladores de WordPress sobre etiquetas condicionales.

Preguntas frecuentes sobre plantillas de páginas personalizadas

Veamos ahora algunas preguntas frecuentes relacionadas con las plantillas de páginas personalizadas.

Crear una plantilla de página personalizada en WordPress

WordPress y los temas de WordPress hacen que todo el proceso de creación de páginas sea realmente sencillo.

Una vez que instalas un tema, puedes seleccionar una plantilla de una lista de opciones diseñadas por profesionales. De este modo, puedes crear páginas impresionantes sin escribir una sola línea de código.

Sin embargo, puede haber casos en los que desee utilizar una plantilla diferente del resto de las páginas de su sitio web. Tal vez una página sin una barra lateral o un encabezado o pie de página. Es posible que desee tener una plantilla para todas sus páginas de destino o incluso un embudo de ventas.

En estos casos, le conviene crear una plantilla de página personalizada en WordPress que pueda crear una vez y reutilizar una y otra vez.

Afortunadamente, crear una plantilla de página personalizada en WordPress es relativamente sencillo. Lo hemos cubierto todo aquí para ti, desde usar una plantilla de inicio hasta crear una plantilla de página usando Elementor y Gutenberg.

Y en caso de que quieras crear una plantilla de página manualmente escribiendo código, ¡también lo hemos hecho!

Ahora te toca a ti. ¿Cómo creas una plantilla de página en WordPress? ¡Cuéntanoslo!