¿Quieres crear un tema personalizado de WordPress desde cero?
En el pasado, tenías que seguir complicados tutoriales de WordPress y tener bastantes conocimientos de programación para crear un tema personalizado de WordPress. Pero gracias a los nuevos creadores de temas de WordPress, ahora puedes crear uno fácilmente sin adquirir conocimientos de programación.
En este artículo, le mostraremos cómo crear fácilmente un tema personalizado de WordPress sin escribir ningún código.
Aquí está la lista de temas que cubriremos en este artículo.
¿Listo? Vamos a empezar.
Vídeotutorial
Regístrate en WPBeginner
Si prefieres instrucciones escritas, sigue leyendo.
Crear un tema de WordPress personalizado para principiantes
Un sitio web de WordPress utiliza un tema para el diseño del sitio web. Estos temas constan de archivos de plantilla escritos en PHP, HTML, CSS y JavaScript.
Por lo general, debe tener un buen conocimiento de todos estos lenguajes de diseño web o contratar a un desarrollador web para crear un tema personalizado de WordPress.
Si contrató a un desarrollador o una agencia, el costo de un tema personalizado de WordPress puede alcanzar miles de dólares.
Dado que muchos propietarios de pequeñas empresas no pueden permitirse los altos costos de un tema personalizado de WordPress, muchos de ellos simplemente se conforman con temas prediseñados. Aquellos que no quisieron conformarse utilizaron un creador de páginas de WordPress o un marco temático para crear un tema personalizado.
Si bien los marcos temáticos de WordPress han facilitado la creación de un tema de WordPress, son una solución para los desarrolladores, no para el propietario promedio de un sitio web.
Por otro lado, los complementos del creador de páginas de WordPress hicieron que fuera extremadamente fácil crear diseños de páginas personalizados utilizando una interfaz de arrastrar y soltar, pero se limitaban a diseños de una sola página. No puedes crear temas personalizados con ellos.
Aquí es donde SemillaProd ingresar.
Es el mejor complemento de creación de temas de WordPress que le permite crear fácilmente un tema de WordPress personalizado sin escribir ningún código.
SeedProd es un creador de páginas de WordPress de arrastrar y soltar para empresas, blogueros y propietarios de sitios web. Ahora también incluye un nuevo diseñador de temas personalizado que le permite simplemente señalar y hacer clic para editar cualquier elemento.
También puedes agregar elementos de diseño de uso común a tu tema arrastrándolos.
Lo mejor del generador de temas de SeedProd es que es independiente del tema. Esto significa que no depende de su tema de WordPress existente en cuanto a estilo o funcionalidad, lo que le brinda total libertad y control sobre el diseño de su sitio web.
Si está buscando una alternativa, también puede crear fácilmente un tema personalizado de WordPress con el Generador de temas de crecimiento conectar.
Dicho esto, echemos un vistazo a cómo crear su propio tema personalizado de WordPress sin escribir ningún código usando SeedProd.
Creando un tema personalizado con SeedProd Theme Builder
Configurar el creador de temas de SeedProd es bastante simple, ya que funciona con cualquier sitio web de WordPress que utilice cualquier tema.
Primero necesitas instalar y activar el archivo. SemillaProd conectar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Nota: Necesitará al menos el plan Pro o Elite para desbloquear el creador de temas.
Después de la activación, vaya a SeedProd » Configuración página para ingresar la clave de licencia del complemento. Puede encontrar esta información en su cuenta en el sitio web de SeedProd.
Después de ingresar su clave de licencia, ahora está listo para crear su tema personalizado de WordPress utilizando el creador de temas de SeedProd.
Crear tu propio tema personalizado de WordPress con SeedProd es bastante sencillo.
Primero debes ir al SeedProd » Creador de temas página. Aquí verá la lista de plantillas para su 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 el tutorial.
Para empezar, tienes dos opciones.
- Utilice uno de los temas de SeedProd ya preparados como punto de partida
- Crea manualmente plantillas de temas desde cero
Echemos un vistazo a cómo funcionan estas opciones.
1. Comience con un tema ya preparado (recomendado)
Recomendamos comenzar con un tema existente. Esto permite a SeedProd generar automáticamente todos los archivos de plantilla. Estos son temas integrales diseñados profesionalmente, que le brindan una ventaja a la hora de modificar las plantillas según sus necesidades.
Simplemente haga clic en el botón Temas y elija uno de los temas disponibles. Existen diferentes temas para diferentes tipos de sitios web, para que puedas elegir el que mejor se adapte a tus necesidades.
No se preocupe demasiado por el diseño y la disposición en este momento. Todos estos temas son completamente editables, por lo que puedes cambiar cada aspecto de ellos dentro del creador de temas.
Una vez que elija un tema, SeedProd generará todas las plantillas de temas.
Esta es la versión borrador de su tema personalizado de WordPress.
Más adelante en este tutorial, le mostraremos cómo editar estos archivos de temas para diseñar su propio tema y luego publicarlo para aplicarlo a su sitio web.
2. Cree manualmente plantillas de temas desde cero
Alternativamente, puede iniciar el tema desde cero haciendo clic en el botón Agregar nueva plantilla de tema. Deberá darle un nombre a su plantilla y luego elegir uno de los tipos de plantilla para comenzar.
Actualmente tienes la opción de elegir entre los siguientes tipos de plantilla:
También puede establecer condiciones para usar una plantilla. Por ejemplo, puede aplicarlo a todo su sitio o a una sección específica de su sitio web.
Una vez que guarde su plantilla, SeedProd la abrirá en el generador de temas donde podrá comenzar a editarla.
Editar un tema con SeedProd Theme Builder
Una vez generadas las plantillas de su tema, puede editarlas usando SeedProd Theme Builder.
Simplemente haga clic en el enlace Editar diseño debajo de un archivo de plantilla para editarlo.
Esto iniciará el archivo de plantilla en el creador de temas de SeedProd.
Verá una vista previa en vivo de la plantilla en la columna de la derecha con un panel de edición en la columna de la izquierda.
Para editar un elemento en su archivo de plantilla, simplemente puede señalar y hacer clic para editarlo.
Dependiendo del tipo de elemento, verá diferentes opciones de edición en la columna de la izquierda. Podrás cambiar fuentes, colores, fondo, espaciado y más.
Para agregar nuevos elementos, puede agregar bloques SeedProd desde la columna de la izquierda. Viene con varios tipos de bloques que puedes agregar a tu modelo.
1. Bloques de etiquetas de plantilla
Los bloques de etiquetas de plantilla son bloques dinámicos que le permiten generar elementos de tema sobre la marcha desde su base de datos de WordPress.
Por ejemplo, puede usar el bloque Publicaciones para enumerar sus publicaciones recientes o el bloque Contenido de la publicación para mostrar el contenido de la publicación o página actualmente vista.
2. Bloques estándar
A continuación, tiene sus bloques estándar para agregar elementos de diseño web comunes a su plantilla de tema.
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, listas de precios, temporizadores de cuenta regresiva y más.
SeedProd viene con integración completa con WooCommerce.
Si tiene una tienda en línea, puede usar bloques de WooCommerce en su tema.
Puede crear plantillas WooCommerce totalmente personalizadas con una página de carrito personalizada y una experiencia de pago.
Uso de secciones para diseños de temas rápidos
Además de los bloques, también puedes agregar secciones completas a tu plantilla de tema.
Simplemente cambie a la pestaña Secciones en el panel Diseño.
Las secciones son grupos de bloques para diferentes áreas del diseño de su sitio web. Por ejemplo, encontrará secciones listas para usar para encabezado, pie de página, llamadas a la acción, funciones y más.
Simplemente haga clic en una sección para agregarla a su plantilla de tema y luego edítela según sus necesidades.
Uso del creador de sitios web de IA para generar contenido al instante
SeedProd también ofrece un potente Creador de sitios web con IA que creará automáticamente contenido escrito para su plantilla de tema. Puede generar instantáneamente titulares atractivos, descripciones, llamados a la acción, cuerpo de texto y más.
Simplemente haga clic en cualquier título o bloque de texto del generador de SeedProd para abrir el panel de configuración en el lado izquierdo. Luego, haga clic en el botón Generar texto AI.
A continuación, escriba un mensaje en el campo de texto, que es básicamente una descripción de lo que desea que el asistente de IA escriba por usted. Alternativamente, puede elegir un mensaje sugerido de la lista.
A continuación, haga clic en el botón Generar texto.
En segundos, SeedProd creará contenido automáticamente para usted. Desde allí puedes optimizar el texto, cambiar el tono e incluso traducir el texto a más de 50 idiomas.
Cuando esté satisfecho con el contenido, haga clic en el botón Insertar para agregarlo a su plantilla de tema.
También puede utilizar la integración DALL-E de AI Website Builder para generar automáticamente imágenes originales para su tema.
Simplemente arrastre un bloque de imagen a su página y haga clic en él para abrir el panel de configuración. Luego, haga clic en el botón Agregar con AI.
A continuación, escriba una descripción de la imagen que desea crear y haga clic en el botón Generar imagen.
Una vez generada la imagen, SeedProd la mostrará. Para agregar la imagen a su plantilla de tema, haga clic en el botón Insertar.
También podrás editar la imagen con inteligencia artificial, así como generar variaciones de la imagen, para que coincida exactamente con la visión que tenías en mente.
Guardar y publicar el modelo.
Una vez que esté satisfecho con el diseño, simplemente puede hacer clic en el botón Guardar y seleccionar Publicar para guardar la plantilla.
Repita el proceso para editar otros archivos de plantilla con sus necesidades de contenido y diseño.
Cambia el diseño de todo el sitio a tu tema.
Al editar plantillas de temas, querrás asegurarte de que tu diseño sea coherente en todo tu sitio web.
Por ejemplo, probablemente quieras utilizar el mismo estilo tipográfico, tamaños de fuente, colores y otros estilos visuales en cada página.
En los temas tradicionales de WordPress, había que hacerlo manualmente editando archivos CSS complejos. Este proceso requirió el uso de la herramienta Inspeccionar del navegador, encontrar clases de CSS, aprender código y más.
SeedProd también hace que esto sea muy fácil.
En lugar de escribir código CSS, simplemente puede editar la plantilla CSS global.
La plantilla CSS global le permite obtener una vista previa de los elementos comunes del sitio web y luego simplemente señalarlos y hacer clic en ellos para cambiar sus propiedades.
Aplicar y publicar su tema personalizado de WordPress
Una vez que esté satisfecho con su tema personalizado de WordPress, el último paso es activarlo en su sitio web de WordPress.
SeedProd te permite aplicar tu tema personalizado de WordPress con un simple paso.
solo ve a SeedProd » Creador de temas página y configure el interruptor junto a la opción Habilitar tema SeedProd en Sí.
SeedProd ahora reemplazará su 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.
Crear otros diseños para su tema personalizado de WordPress
Ahora que ha creado su tema personalizado de WordPress, tiene la posibilidad de ampliar su funcionalidad y crear más diseños y disposiciones basados en su tema.
SeedProd lo hace extremadamente simple.
Aún puedes editar tu tema personalizado de WordPress y crear múltiples plantillas para diferentes secciones de tu sitio web.
Por ejemplo, es posible que desees agregar una nueva plantilla de encabezado a tu tema que solo se mostrará en categorías específicas.
Del mismo modo, es posible que desees crear una plantilla para páginas o publicaciones específicas.
También puedes agregarlo a tu tema.
¿Qué tal crear páginas de destino personalizadas?
SeedProd también lo tiene cubierto.
Puedes simplemente ir a SeedProd » Páginas de destino y haga clic en el botón Agregar nueva página de destino para crear una.
Para obtener más detalles, consulte nuestro tutorial sobre cómo crear una página de destino con WordPress.
Con el creador de temas de arrastrar y soltar fácil de usar para principiantes de SeedProd, puede crear fácilmente cualquier tipo de diseño personalizado que necesite.
Esperamos que este artículo te haya ayudado a aprender cómo crear un tema personalizado de WordPress sin aprender a codificar. Es posible que también desee consultar nuestra guía sobre cómo acelerar su sitio web de WordPress para obtener un mejor SEO y una mejor experiencia de usuario, o nuestra selección de las mejores soluciones de análisis de WordPress.
