Cómo crear fácilmente un tema de WordPress personalizado (sin ningún código)

¿Quieres crear un tema de WordPress personalizado desde cero?

En el pasado, tenías que seguir complicados tutoriales de WordPress y tener conocimientos decentes de codificación para crear un tema de WordPress personalizado. Pero gracias a los nuevos creadores de temas de WordPress, ahora puedes crear uno fácilmente sin tener que aprender conocimientos de programación.

En este artículo, te mostraremos cómo crear fácilmente un tema de WordPress personalizado sin escribir ningún código.

Cómo hacer un tema de WordPress personalizado sin conocimientos de codificación

Esta es la lista de temas que cubriremos en este artículo

¿Preparado? Empecemos

Video Tutorial

Suscribirse a WPMundobytes

Si prefieres instrucciones escritas, sigue leyendo.

Crear un tema de WordPress personalizado para principiantes

Un sitio web de WordPress utiliza un tema para la disposición y el diseño del sitio web. Estos temas están formados por archivos de plantilla escritos en PHP, HTML, CSS y JavaScript

Normalmente, tendrías que tener un conocimiento decente de todos estos lenguajes de diseño web o contratar a un desarrollador web para crear un tema de WordPress personalizado.

Si contratas a un desarrollador o a una agencia, el coste de un tema de WordPress personalizado puede alcanzar los miles de dólares.

Como muchos propietarios de pequeñas empresas no pueden permitirse los elevados costes de un tema de WordPress personalizado, muchos de ellos se conforman con los temas predeterminados. Los que no querían conformarse utilizaban un constructor de páginas de WordPress o un framework de temas para crear un tema personalizado.

Aunque los marcos temáticos de WordPress facilitan la creación de un tema de WordPress, son una solución para los desarrolladores, no para el propietario medio de un sitio web.

Por otro lado, los plugins del constructor de páginas de WordPress facilitaban enormemente la creación de diseños de página personalizados mediante una interfaz de arrastrar y soltar, pero se limitaban a diseños de una sola página. No podías crear temas personalizados con ellos.

Aquí es donde SeedProd entra

Es el mejor plugin constructor de temas de WordPress que te permite crear fácilmente un tema de WordPress personalizado sin escribir ningún código.

Creador de páginas de aterrizaje SeedProd

SeedProd es un constructor de páginas de WordPress de arrastrar y soltar para empresas, bloggers y propietarios de sitios web. Además, ahora viene con un nuevo diseñador de temas personalizados que te permite simplemente apuntar y hacer clic para editar cualquier elemento

También puedes añadir a tu tema elementos de diseño de uso común con la función de arrastrar y soltar

Lo mejor del constructor de temas de SeedProd es que es agnóstico al tema. Eso significa que no depende de tu tema de WordPress existente para el estilo o la funcionalidad, dándote total libertad y control sobre el diseño de tu sitio web.

Dicho esto, echemos un vistazo a cómo crear tu tema de WordPress personalizado sin escribir ningún código

Crear un tema personalizado con el constructor de temas SeedProd

Configurar el constructor de temas de SeedProd es bastante sencillo, ya que funciona con cualquier sitio web de WordPress que utilice cualquier tema

Primero tienes que instalar y activar el SeedProd plugin. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress

Nota Necesitarás al menos el plan Pro o Elite para desbloquear el constructor de temas

Tras la activación, ve a la sección SeedProd " Configuración para introducir la clave de licencia de tu plugin. Puedes encontrar esta información en tu cuenta en el sitio web de SeedProd

Introduce tu clave de licencia de SeedProd

Después de introducir tu clave de licencia, ya estás listo para crear tu tema de WordPress personalizado utilizando el constructor de temas de SeedProd

Crear tu propio tema personalizado de WordPress con SeedProd es bastante sencillo

En primer lugar, tienes que dirigirte a la página SeedProd " Constructor de temas página. Aquí verás la lista de plantillas de tu actual tema personalizado de SeedProd. Como todavía no hemos empezado, sólo tenemos una plantilla CSS Global. Te mostraremos cómo usarla más adelante en el tutorial.

Crea tu tema personalizado

Para empezar, tienes dos opciones

  • Utilizar uno de los temas de SeedProd ya hechos como punto de partida
  • Crea manualmente plantillas de temas desde cero

Veamos cómo funcionan estas opciones.

1. Empezar con un tema ya hecho (recomendado)

Recomendamos empezar con un tema existente. Esto permite que SeedProd genere automáticamente todos los archivos de la plantilla. Se trata de temas completos diseñados por profesionales, lo que te da una ventaja a la hora de editar las plantillas según tus propias necesidades

Simplemente haz clic en el botón Temas y elige uno de los temas disponibles. Hay diferentes temas para distintos tipos de sitios web, así que puedes elegir el que mejor se adapte a tus necesidades

Elige un tema para empezar

No te preocupes demasiado por el diseño y la disposición en este punto. Todos estos temas son totalmente editables, por lo que puedes cambiar cada aspecto dentro del constructor de temas

Una vez que hayas elegido un tema, SeedProd generará todas las plantillas de temas.

Plantillas de temas

Esta es la versión preliminar de tu tema personalizado de WordPress

Más adelante en este tutorial, te mostraremos cómo editar estos archivos de tema para diseñar tu tema y luego publicar tu tema para aplicarlo en tu sitio web

2. Crear manualmente plantillas de temas desde cero

Alternativamente, puedes empezar tu tema desde cero haciendo clic en el botón "Añadir nueva plantilla de tema". Tendrás que dar un nombre a tu plantilla y luego elegir uno de los tipos de plantilla para empezar.

Crear una plantilla de tema

Actualmente, tienes la opción de elegir entre los siguientes tipos de plantillas

  • Cabecera
  • Pie de página
  • Puesto único
  • Página única
  • Archivo
  • Resultados de la búsqueda
  • Parte global
  • Página personalizada

También puedes establecer condiciones para utilizar una plantilla. Por ejemplo, puedes aplicarla a todo el sitio o a una sección específica de tu web

Una vez que guardes la plantilla, SeedProd la abrirá en el constructor de temas, donde podrás empezar a editarla

Editar un tema con el constructor de temas de SeedProd

Una vez que hayas generado tus plantillas de temas, puedes editarlas con el Constructor de Temas de SeedProd

Sólo tienes que hacer clic en el enlace Editar diseño que hay debajo de un archivo de plantilla para editarlo

Editar una plantilla

Esto lanzará el archivo de la plantilla en el constructor de temas de SeedProd.

Verás una vista previa en vivo de la plantilla en la columna derecha con un panel de edición en la columna izquierda

Interfaz del constructor de temas

Para cambiar un elemento de tu archivo de plantilla, puedes simplemente señalar y hacer clic para editarlo

Edición de elementos en el constructor de temas

Dependiendo del tipo de elemento, verás diferentes opciones de edición en la columna de la izquierda. Podrás cambiar las fuentes, los colores, el fondo, el espaciado y mucho más

Para añadir nuevos elementos, puedes añadir bloques de SeedProd desde la columna de la izquierda. Viene con un montón de tipos de bloques que puedes añadir a tu plantilla

Añade bloques a la disposición de tu tema

1. Bloques de etiquetas de plantillas

Los bloques de etiquetas de plantilla son los bloques dinámicos que te permiten generar elementos del tema sobre la marcha a partir de tu base de datos de WordPress

Plantilla de bloques de etiquetas

Por ejemplo, puedes utilizar el bloque Entradas para enumerar tus entradas recientes o el bloque Contenido de la entrada para mostrar el contenido de la entrada o página que se está visualizando

2. Bloques estándar

A continuación, tienes tus bloques estándar para añadir elementos comunes de diseño web a la plantilla de tu tema.

Bloques estándar

Puedes utilizarlos para añadir texto, medios de comunicación, botones, columnas, separadores y mucho más

3. Otros bloques

Otros bloques avanzados te permiten añadir formularios de contacto, perfiles sociales, botones para compartir, códigos cortos de WordPress, Google Maps y mucho más

Bloques avanzados

SeedProd también viene con una completa integración con WooCommerce

Si tienes una tienda online, puedes utilizar los bloques de WooCommerce en tu tema.

Bloques de WooCommerce

Puedes crear plantillas de WooCommerce completamente personalizadas con una página de carrito y una experiencia de compra personalizadas

Uso de secciones para diseños de temas rápidos

Además de los bloques, también puedes añadir secciones completas a la plantilla de tu tema

Sólo tienes que ir a la pestaña Secciones del panel de Diseño

Añadir secciones a tu maqueta

Las secciones son grupos de bloques para diferentes áreas del diseño del sitio web. Por ejemplo, encontrarás secciones listas para usar para la cabecera, el pie de página, las llamadas a la acción, las características y mucho más

Sólo tienes que hacer clic en una sección para añadirla a tu plantilla de tema, y luego editarla según tus necesidades

Sección de preguntas frecuentes

Guardar y publicar tu plantilla

Una vez que estés satisfecho con el diseño, puedes simplemente hacer clic en el botón Guardar y seleccionar Publicar para guardar tu plantilla

Guarda y publica tu plantilla

Repite el proceso para editar otros archivos de plantilla con tu propio contenido y necesidades de diseño

Cambiar el diseño de todo el sitio para tu tema

Al editar las plantillas de tu tema, querrás asegurarte de que el diseño es coherente en todo tu sitio web

Por ejemplo, es probable que quieras utilizar el mismo estilo de tipografía, tamaños de fuente, colores y otros estilos visuales en todas las páginas

En los temas tradicionales de WordPress, tenías que hacerlo manualmente editando complejos archivos CSS. Este proceso requería utilizar la herramienta de inspección del navegador, localizar las clases CSS, aprender el código y mucho más

SeedProd hace que esto sea también súper fácil

En lugar de escribir código CSS, puedes simplemente editar la plantilla CSS Global

La plantilla CSS Global te permite previsualizar los elementos comunes del sitio web, y luego sólo tienes que apuntar y hacer clic sobre ellos para editar sus propiedades

CSS global

Aplicar y publicar tu tema personalizado de WordPress

Una vez que estés satisfecho con tu tema de WordPress personalizado, el último paso es activarlo en tu sitio web de WordPress

SeedProd te permite aplicar tu tema personalizado de WordPress con un simple interruptor

Sólo tienes que ir a la sección SeedProd " Constructor de temas y cambia el interruptor junto a la opción "Activar el tema de SeedProd" a "Sí"

Activar el tema SeedProd

SeedProd sustituirá ahora el tema existente de WordPress por el tema personalizado que hayas creado

Ahora puedes visitar tu sitio web para ver tu tema personalizado de WordPress en acción

Vista previa del sitio web

Crear otros diseños para tu tema de WordPress personalizado

Ahora que has creado tu tema de WordPress personalizado, tienes la opción de ampliar su funcionalidad y crear más diseños y disposiciones basados en tu tema

SeedProd lo hace extremadamente fácil

Puedes seguir modificando tu tema personalizado de WordPress y crear varias plantillas para diferentes secciones de tu sitio web.

Por ejemplo, puede que quieras añadir una nueva plantilla de cabecera a tu tema que sólo se muestre en determinadas categorías

Plantillas adicionales

Del mismo modo, es posible que quieras crear una plantilla para páginas o entradas específicas

También puedes añadir eso a tu tema

Añadir plantilla de página personalizada

¿Qué te parece crear páginas de destino personalizadas?

SeedProd también te tiene cubierto en este aspecto

Sólo tienes que ir a SeedProd " Páginas de aterrizaje y haz clic en el botón Añadir nueva página de destino para crear una

Página de aterrizaje personalizada

Para más detalles, consulta nuestro tutorial sobre cómo crear una página de destino con WordPress

Utilizando el constructor de temas de arrastrar y soltar de SeedProd, fácil de usar, puedes crear fácilmente cualquier tipo de diseño personalizado que necesites.

Esperamos que este artículo te haya ayudado a saber cómo crear un tema personalizado para WordPress sin aprender a codificar. Quizás también quieras ver nuestra guía sobre cómo acelerar tu sitio web de WordPress para mejorar el SEO y la experiencia del usuario.

Si te ha gustado este artículo, suscríbete a nuestro Canal de YouTube para los videotutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.

Si quieres conocer otros artículos parecidos a Cómo crear fácilmente un tema de WordPress personalizado (sin ningún código) puedes visitar la categoría Themes.

¡Más Contenido!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Go up