Cómo crear fácilmente temas de WordPress personalizados (sin código)

¿Quieres crear un tema de WordPress personalizado desde cero?

En el pasado, para crear temas de WordPress personalizados, tenía que seguir complicados tutoriales de WordPress y tener buenas habilidades de codificación. Pero gracias al nuevo generador de temas de WordPress, ahora puede hacerlo fácilmente sin aprender ninguna habilidad de codificación.

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

Aquí está la lista de temas que vamos a cubrir en este artículo.

¿prepararse? Empecemos.

guía de vídeo

Si prefiere instrucciones escritas, siga leyendo.

Crea temas personalizados de WordPress para principiantes

Los sitios de WordPress usan temas para el diseño y el diseño del sitio. Estos temas consisten en archivos de plantilla escritos en PHP, HTML, CSS y JavaScript.

En general, debe tener una comprensión sólida de todos estos lenguajes de diseño web o contratar a un desarrollador web para crear un tema de WordPress personalizado.

Los temas personalizados de WordPress pueden costar miles de dólares si contratas a un desarrollador o agencia.

Debido a que muchos propietarios de pequeñas empresas no pueden pagar el alto costo de personalizar los temas de WordPress, muchos de ellos simplemente se conforman con los temas estándar. Aquellos que no quieren desarrollarlo usan un creador de páginas de WordPress o un marco de tema para crear un tema personalizado.

Si bien los marcos de temas de WordPress facilitan la creación de temas de WordPress, son una solución para los desarrolladores, no para el propietario promedio de un sitio web.

Los complementos de creación de páginas de WordPress, por otro lado, hacen que sea muy fácil crear diseños de página personalizados con una interfaz de arrastrar y soltar, pero están limitados a diseños de una sola página. No puede crear temas personalizados con ellos.

Ahí es donde productos de semillas ¡Adelante!

Es el mejor complemento de creación de temas de WordPress que le permite crear fácilmente temas personalizados de WordPress sin escribir ningún código.

SeedProd es un generador de páginas de WordPress de arrastrar y soltar para empresas, blogueros y propietarios de sitios web. Ahora también viene con un nuevo diseñador de temas personalizado que le permite simplemente apuntar y hacer clic para editar cualquier elemento.

También puede arrastrar y soltar elementos de diseño generales en su diseño.

Lo mejor del generador de temas SeedProd es que es independiente del tema. Esto significa que no depende del estilo o la funcionalidad de su tema de WordPress existente, lo que le brinda total libertad para controlar el diseño de su sitio web.

Sin embargo, veamos cómo crear un tema de WordPress personalizado sin escribir ningún código.

Cree temas personalizados con SeedProd Theme Builder

Configurar el generador de temas SeedProd es fácil, ya que funciona con cualquier sitio de WordPress que use cualquier tema.

Primero necesitas instalar y activar productos de semillas Inserción. Consulte nuestra guía paso a paso para instalar complementos de WordPress para obtener más detalles.

Observaciones: Necesita al menos el plan Pro o Elite para desbloquear el generador de temas.

Entrar después de la activación SeedProd » Ajustes Página para ingresar la clave de licencia de su complemento. Puede encontrar esta información en el sitio web de SeedProd en Cuenta.

Después de ingresar su clave de licencia, ahora puede crear temas de WordPress personalizados utilizando Theme Builder de SeedProd.

Crear su propio tema personalizado de WordPress con SeedProd es fácil.

primero tienes que ir SeedProd » Generador de temas página de libro. Aquí hay una lista de plantillas para el tema personalizado actual de SeedProd. Como aún no hemos comenzado, solo tenemos una plantilla CSS global. Le mostraremos cómo usarlo más adelante en este tutorial.

Para empezar tienes dos opciones.

• Use uno de los temas de SeedProd prefabricados como punto de partida
• Cree manualmente plantillas de diseño desde cero

Veamos cómo funcionan estas opciones.

1. Comience con un tema ya hecho (recomendado)

Recomendamos comenzar con un tema existente. Esto permite que SeedProd genere automáticamente todos los archivos de plantilla. Estos son temas totalmente diseñados profesionalmente que le brindan una ventaja en la edición de plantillas según sus propios requisitos.

Simplemente haga clic en el botón "Tema" y elija uno de los temas disponibles. Los diferentes tipos de sitios web tienen diferentes temas, por lo que puede elegir el que mejor se adapte a sus necesidades.

No se preocupe demasiado por el diseño y el diseño en este punto. Todos estos temas son completamente editables, por lo que puede cambiar cualquier aspecto de ellos en el generador de temas.

Después de elegir un diseño, SeedProd genera todas las plantillas de diseño.

Esta es una versión preliminar de su tema personalizado de WordPress.

Más adelante en este tutorial, le mostraremos cómo editar estos archivos de temas para crear su tema y luego publicar su tema para aplicarlo a su sitio web.

2. Cree manualmente una plantilla de diseño desde cero

Alternativamente, puede crear su diseño desde cero haciendo clic en el botón "Agregar nueva plantilla de diseño". Debe nombrar su plantilla y elegir uno de los tipos de plantilla para comenzar.

Actualmente puede elegir entre los siguientes tipos de plantillas:

• título
• Pie de página
• publicación única
• única página
• Archivo
• Resultados de la búsqueda
• sección mundial
• Pagina personalizada

También puede establecer condiciones para el uso de plantillas. Por ejemplo, puede aplicarlo a todo el sitio o a una parte específica del sitio.

Después de guardar la plantilla, SeedProd la abrirá en Theme Builder, donde podrá comenzar a editar.

Editar temas con SeedProd Theme Builder

Después de generar una plantilla de tema, puede editarla usando el generador de temas de SeedProd.

Simplemente haga clic en el enlace Editar tema debajo del archivo de plantilla para editarlo.

Esto iniciará el archivo de plantilla en el generador de temas de SeedProd.

Verá una vista previa en vivo de la plantilla en la columna de la derecha y un cuadro de edición en la columna de la izquierda.

Para cambiar un elemento en el archivo de plantilla, simplemente puede señalarlo y hacer clic para editar.

Dependiendo del tipo de proyecto, verá diferentes opciones de edición en la columna de la izquierda. Puede cambiar fuentes, colores, fondos, espaciado y más.

Para agregar un nuevo elemento, puede agregar un bloque SeedProd desde la columna izquierda. Incluye una variedad de tipos de bloques que se pueden agregar a las plantillas.

1. Bloque de etiquetas de plantilla

Los bloques de etiquetas de plantilla son bloques dinámicos que le permiten generar dinámicamente elementos de diseño desde la base de datos de WordPress.

Por ejemplo, puede usar un bloque de publicación para enumerar sus publicaciones más recientes, o un bloque de contenido de publicación para mostrar el contenido de la publicación o página que se ve actualmente.

2. Bloque estándar

A continuación, puede usar bloques estándar para agregar elementos de diseño web comunes a su plantilla de diseño.

Puede usarlos para agregar texto, medios, botones, columnas, divisores y más.

3. Otros bloques

Otros bloques avanzados le permiten agregar formularios de contacto, perfiles sociales, botones para compartir, códigos cortos de WordPress, Google Maps y más.

SeedProd también tiene una integración completa con WooCommerce.

Si ejecuta una tienda en línea, puede usar bloques de WooCommerce en su tema.

Puede crear plantillas de WooCommerce totalmente personalizadas con páginas de carrito personalizadas y experiencia de pago.

Diseño de tema rápido con secciones

Además de los bloques, también puede agregar secciones completas a las plantillas de temas.

Simplemente cambie a la pestaña Secciones debajo del panel de diseño.

Las secciones son un conjunto de bloques para diferentes áreas del diseño de un sitio web. Por ejemplo, encontrará secciones para encabezados, pies de página, llamadas a la acción, características y más.

Simplemente haga clic en una sección para agregarla a su plantilla de tema y edítela según sus propios requisitos.

Guarda y publica tu plantilla

Una vez que esté satisfecho con el diseño, puede guardar su plantilla simplemente haciendo clic en el botón Guardar y seleccionando publicar.

Repita el proceso para editar otros archivos de plantilla de acuerdo con su propio contenido y necesidades de diseño.

Cambiar el tema de todo el sitio

Cuando edita su plantilla de tema, debe asegurarse de que su diseño sea consistente en todo su sitio.

Por ejemplo, es posible que desee utilizar el mismo estilo tipográfico, tamaño de fuente, colores y otros estilos visuales en todas las páginas.

En los temas tradicionales de WordPress, debe editar manualmente archivos CSS complejos. Este proceso requiere usar las herramientas de inspección del navegador, encontrar clases de CSS, aprender a codificar, etc.

SeedProd también lo hace súper fácil.

En lugar de escribir código CSS, simplemente puede editar la plantilla CSS global.

Las plantillas CSS globales le permiten obtener una vista previa de los elementos comunes del sitio web y luego editar sus propiedades simplemente apuntándolos y haciendo clic en ellos.

Aplicar y publicar su tema personalizado de WordPress

Una vez que esté satisfecho con su tema personalizado de WordPress, el paso final es activarlo en su sitio de WordPress.

SeedProd le permite aplicar su tema personalizado de WordPress con un simple cambio.

solo ve a SeedProd » Generador de temas y cambie el interruptor junto a la opción "Habilitar tema de SeedProd" a "Sí".

SeedProd ahora reemplazará el tema de WordPress existente con el tema de WordPress personalizado que creó.

Ahora puede visitar su sitio web para ver su tema personalizado de WordPress en acción.

Cree diseños adicionales para su tema personalizado de WordPress

Después de crear su tema de WordPress personalizado, puede ampliar su funcionalidad y crear más temas y diseños basados ​​en su tema.

SeedProd lo hace muy fácil.

Puede continuar modificando su tema personalizado de WordPress y crear múltiples plantillas para diferentes partes de su sitio.

Por ejemplo, es posible que desee agregar una nueva plantilla de encabezado a un tema que solo aparece en ciertas categorías.

Del mismo modo, es posible que desee crear plantillas para páginas o publicaciones específicas.

También puede agregarlo a su tema.

¿Cómo puedo crear una página de inicio de sesión personalizada?

SeedProd también lo tiene cubierto.

solo puedes ir SeedProd » Página de destino y haga clic en el botón Agregar nueva página de destino para crear una.

Consulte nuestro tutorial sobre cómo crear una página de inicio de sesión con WordPress para obtener más detalles.

Puede crear fácilmente cualquier tipo de diseño personalizado que desee con el generador de temas de arrastrar y soltar fácil de usar para principiantes de SeedProd.

Esperamos que este artículo te haya ayudado a crear un tema de WordPress personalizado sin aprender a codificar. También puede leer nuestra guía sobre cómo acelerar su sitio de WordPress para mejorar el SEO y la experiencia del usuario.

Si te gusta este artículo, suscríbete al nuestro. canal de Youtube Videotutoriales para WordPress, también nos puedes encontrar en Closermarketing.es y Facebook.