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.
Esta es la lista de temas que cubriremos en este artículo
¿Preparado? Empecemos
Video Tutorial
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.
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
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.
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
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.
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.
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
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
Para cambiar un elemento de tu archivo de plantilla, puedes simplemente señalar y hacer clic para editarlo
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
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
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.
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
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.
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
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
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
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
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í"
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
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
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
¿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
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.
Deja un comentario
¡Más Contenido!