El Diseñador de Sitios Web de SeedProd te permite diseñar y construir un tema completo de WordPress sin tocar una sola línea de código. Usando una interfaz de arrastrar y soltar, puedes crear cada parte de tu sitio — encabezados, pies de página, plantillas de página, plantillas de entradas, páginas de archivo y más — todo desde dentro de WordPress.
¿Qué es un tema de WordPress?
Un tema de WordPress controla la apariencia general de tu sitio web: su diseño, tipografía, colores y cómo se muestran los diferentes tipos de página. Los temas tradicionales consisten en archivos PHP, CSS y JavaScript que definen partes de la plantilla como el encabezado, el pie de página, la barra lateral, el diseño de entrada única y el diseño de archivo.
Con el Diseñador de Sitios Web de SeedProd, puedes construir y gestionar todas estas partes de la plantilla visualmente usando arrastrar y soltar, sin necesidad de editar archivos del tema.
Primeros Pasos: Temas Prediseñados
La forma más rápida de empezar es con uno de los temas prediseñados de SeedProd. Estos diseños listos para usar están disponibles para una variedad de industrias y ocasiones, y se añaden nuevos temas regularmente.
El Tema de Inicio
El Tema de Inicio es un tema limpio y minimalista que incluye todas las partes esenciales de la plantilla: una plantilla de página de inicio, encabezado, pie de página, barra lateral, plantilla de entrada única, plantilla de página única y plantilla de archivo. La plantilla de archivo se utiliza por defecto para la página del blog, los resultados de búsqueda y todas las demás páginas de archivo del sitio.
Una vez que cargues el Tema de Inicio, puedes empezar a personalizar tu sitio inmediatamente dentro del diseñador de SeedProd.
Creación de Plantillas de Tema
Puedes crear plantillas de tema individuales desde cero para cualquier parte de tu sitio. La función de Etiquetas de Plantilla de SeedProd te permite extraer datos dinámicos de las entradas — como el título de la entrada, la imagen destacada, el contenido de la entrada y la navegación — directamente en tus plantillas.
Paso 1: Añadir una Nueva Plantilla
Ve a SeedProd > Diseñador de Sitios Web en tu administrador de WordPress y haz clic en el botón Añadir Nueva Plantilla en la parte superior de la página.
Paso 2: Elegir el Tipo de Plantilla y Establecer Condiciones
En la ventana modal Nueva Plantilla, selecciona el tipo de plantilla que deseas crear y configura sus condiciones de plantilla para controlar dónde aparece en tu sitio.
Paso 3: Diseñar en el Constructor
Haz clic en Crear Plantilla para abrir el constructor de páginas de SeedProd y empezar a diseñar. Puedes usar secciones preconstruidas como punto de partida para el diseño de tu plantilla personalizada.
Tipos de Plantilla Disponibles
Encabezado
Selecciona el tipo Encabezado en la ventana modal Nueva Plantilla de Tema para crear una plantilla de encabezado. Establece las condiciones y la prioridad de la plantilla para controlar cuándo y dónde aparece el encabezado, luego haz clic en Guardar para empezar a diseñar en el constructor.
Pie de página
Selecciona el tipo Pie de página para crear una plantilla de pie de página. Establece tus condiciones y prioridad, luego haz clic en Guardar para empezar a diseñar tu pie de página en el constructor.
Plantilla de Entrada Única
Selecciona el tipo Entrada Única para crear una plantilla dinámica para entradas de blog individuales. Establece las condiciones de la plantilla y haz clic en Guardar para empezar a diseñar.
Plantilla de Página Única
Selecciona el tipo Página Única para crear una plantilla dinámica para páginas individuales. Establece las condiciones de la plantilla y haz clic en Guardar para empezar a diseñar.
Plantilla de Archivo
Una plantilla de archivo muestra una lista de entradas para una taxonomía o término determinado — típicamente usada para la página del blog, categorías, etiquetas y archivos de tipos de entrada personalizados. Selecciona el tipo Archivo, configura las condiciones de la plantilla y haz clic en Guardar para empezar a diseñar.
Plantilla de Página de Resultados de Búsqueda
Una plantilla de resultados de búsqueda sigue el mismo proceso que la creación de una plantilla de archivo. Selecciona el tipo Resultados de Búsqueda y establece las condiciones de la plantilla en Incluir | Resultados de Búsqueda. Haz clic en Guardar para empezar a diseñar tu página de resultados de búsqueda.
Creación de Plantillas de WooCommerce
Las páginas de WooCommerce utilizan secciones y funciones especiales para características de comercio electrónico como precios de productos, cantidades y botones de añadir al carrito. SeedProd admite plantillas personalizadas para la página de Tienda, páginas de archivo de productos, página de Carrito y página de Pago utilizando bloques dedicados de WooCommerce.
Plantilla de Archivo de Producto
Selecciona el tipo Archivo de Producto en la ventana modal Nueva Plantilla de Tema. Establece las condiciones de la plantilla y haz clic en Guardar para diseñar tu diseño de archivo de producto.
Página de Tienda
La página de Tienda de WooCommerce es un archivo de producto especial que muestra todos los productos de tu tienda. Para crear una plantilla de página de Tienda, crea una nueva plantilla de Página Personalizada y establece las condiciones en Incluir | Páginas | shop (usando el slug de la página asignada como tu página de tienda de WooCommerce). Haz clic en Guardar para empezar a diseñar.
Página de Carrito
Crea una nueva plantilla de Página Personalizada y establece las condiciones en Incluir | Páginas | carrito (usando el slug de tu página de Carrito de WooCommerce). Haz clic en Guardar para empezar a diseñar.
Página de Finalización de Compra
Crea una nueva plantilla de Página Personalizada y establece las condiciones en Incluir | Páginas | checkout (usando el slug de tu página de Finalización de Compra de WooCommerce). Haz clic en Guardar para empezar a diseñar.
Condiciones de la Plantilla
Las condiciones de la plantilla controlan cuándo y dónde aparece cada plantilla de tema en tu sitio. Cada condición puede incluir o excluir una plantilla basándose en el tipo de publicación, el tipo de archivo, publicaciones o páginas individuales, o términos de taxonomía como categorías y etiquetas. También puedes dirigir publicaciones y páginas secundarias basándote en su nivel de jerarquía.
Prioridad de la Plantilla
Cuando dos o más plantillas tienen condiciones superpuestas, el campo Prioridad determina qué plantilla tiene precedencia. Un número de prioridad más bajo significa que la plantilla se carga primero; un número de prioridad más alto la anula. El valor de prioridad predeterminado es 10.
Por ejemplo, si tienes una plantilla de encabezado general para todas las páginas y una plantilla de encabezado separada para la página de inicio, establece el encabezado de la página de inicio con una prioridad más alta (por ejemplo, 20) para que anule la plantilla de páginas generales.
Establecer Condiciones para una Nueva Plantilla
Las condiciones de la plantilla se pueden establecer directamente en el modal Nueva Plantilla de Tema al crear una plantilla. Usa la sección Condiciones para definir reglas de inclusión o exclusión basadas en el tipo de publicación, el tipo de archivo o publicaciones, páginas y términos de taxonomía específicos. Puedes dirigir contenido específico usando un slug o ID.
Editar Condiciones para una Plantilla Existente
Para actualizar las condiciones de una plantilla ya creada, sigue estos pasos:
- Ve a SeedProd > Website Builder y pasa el cursor sobre el título de la plantilla que deseas actualizar. Haz clic en el enlace Editar condiciones.
- En el modal Editar condiciones, actualiza las condiciones según sea necesario. Haz clic en Guardar cuando hayas terminado.
Las condiciones actualizadas se aplican a tu sitio inmediatamente.
Comprobar Condiciones Actuales
Las condiciones activas para cualquier plantilla se muestran en la columna Condiciones en la página de administración de SeedProd > Website Builder.
¡Estás listo para empezar a construir tu tema de WordPress con SeedProd! Ya sea que comiences con un tema prefabricado o crees plantillas desde cero, el Website Builder te da control total sobre cada parte del diseño de tu sitio. Para conectar tu plataforma de marketing por correo electrónico, consulta la documentación de Integración de Correo Electrónico.