Theme Builder mega tutorial del mejor creador de plantillas para WordPress

    0 Comentarios

  • Portada
  • /
  • Blog
  • /
  • Theme Builder mega tutorial del mejor creador de plantillas para WordPress

En este mega tutorial voy a contarte de qué se trata el complemento Thrive Theme Builder, cómo adquirirlo, cómo instalarlo y cómo crear tu sitio en menos de 15 minutos con esta increíble herramienta.

Estamos viviendo tiempos complicados económicamente hablando y que no puedas contratar un diseñador web no tiene que ser un impedimento para tener tu proyecto web soñado.

Para eso se creó
Thrive Theme Builder. Así tú [email protected] podrás crear todas las plantillas o temas para WordPress como nunca antes y como siempre quisiste, olvídate de las plantillas estandarizadas porque tendrás el control total a la hora de editar todas las secciones de la misma. ¡Pues al lío!


¿Qué es Thrive Theme Builder?

Seguramente habrás pasado por la situación de tener que elegir una plantilla para WordPress y sabes también la tortura que puede llegar a ser ¿Porque digo esto? Pues, el inconveniente más frecuente es que cuando encontramos un tema que nos gusta no tenemos mucha margen para personalizar; por ejemplo, el encabezado, el pie de página o la barra lateral.

También seguro que has experimentado que tienes varias plantillas en vista porque de una te gusta el sidebar, pero de otra te gusta el pie de página y de otra la barra lateral. ¡La felicidad nunca es completa! No obstante, con Theme Builder todos estos inconvenientes se acabarán.

Olvídate del estrés que lleva elegir una plantilla para tu WordPress. Con Theme Builder podrás crear tantos temas como quieras sin tener que repetir diseño y sin tener que pagar más por cada una de ellas. ¡Fantástico! ¿No?

Thrive Theme Builder no es un plugin, sino que es un tema o plantilla base prediseñada donde tendrás el control total sobre las personalizaciones, esto quiere decir que puedes editar el encabezado (header), sidebar (barra lateral), pie de página (footer), sección top, seccion bottom y sección content con miles de combinaciones posibles. En la siguiente imagen puedes ver con claridad todas las secciones editables.

theme builder mega tutorial

Esto abre un abanico de infinitas posibilidades para crear diferentes diseños para tu sección blog, páginas, categorías y post. Como ejemplo puedes ver mi sitio web, que está realizado 100% con Theme Builder y Thrive Architect.

¡Tu voto es muy importante!
¿Me regalas un 1 segundo?

¿Quieres volar alto? Entonces Theme Builder es lo que estás buscando. Tendrás tu sitio de WordPress personalizado centrado en la conversión en 15 minutos o menos.

Tweetealo a tus amigos

¿Cuál es su precio?

Para ser el feliz poseedor de esta increíble herramienta tienes dos opciones, comprarlo de forma individual o adquirir una membresía y en este último caso te saldría 0€, pero si quieres saber más sobre los beneficios de ser miembro visita el siguiente artículo donde te cuento todo al detalle.

theme builder mega tutorial
  • Opción 1: Paquete de 5 licencias $127 esto quiere decir que puedes instalar Theme Builder en 5 sitios de tu propiedad.
  • Opción 2: Paquete de 1 licencia $97 esto quiere decir que puedes instalar Theme Builder solamente en 1 sitio de tu propiedad.
  • Opción 3: Paquete de 25 licencias $19 por mes (se paga el año completo) esto significa que puedes instalar todos los productos de Thrive Themes, incluido Theme Builder en 25 sitios de tu propiedad. Más detalles aquí.

IMPORTANTE: Estos precios pueden variar considerablemente según la cotización de la divisa en cada país y la aplicación del IVA si correspondiera, por lo tanto puedes hacer la conversión a tu moneda local desde este enlace: Conversor de monedas.

NOTA: También el precio de Thrive MemberShip puede variar desde el momento que se creó este artículo. Puedes ver el precio actualizado en el siguiente enlace: Precio actual de Thrive MemberShip

Instalación de Theme Builder

La instalación es muy simple, primero que nada, tienes que tener una copia del plugin, puedes comprarlo en la web oficial de Thrivethemes. Una vez acreditado el pago te enviarán unos correos con los enlaces de acceso a la web para su posterior descarga como muestran las capturas.

thrive architect tutorial en español

Esta es una imagen de ejemplo del correo que recibirás cuando hagas la compra. Contiene los datos de acceso para que ingreses al área de clientes para que puedas descargar el plugin que te permitirá instalar y activar todos los productos comprados.

thrive architect tutorial en español
  1. 1
    Escribe tu correo electrónico.
  2. 2
    Escribe la contraseña.
  3. 3
    Clic en el botón Login (Iniciar sesión).

Ahora ya estás en la puerta del área de clientes de Thrivethemes, solo debes ingresar tu correo y contraseña que es la misma que utilizaste cuando hiciste la compra.

Una vez iniciada la sesión lo primero que verás será tu  zona de miembro como lo muestra claramente la siguiente imagen, desde este sitio tendrás acceso al foro de soporte a la base de conocimientos y todos los contenidos solo para clientes.

thrive comments tutorial en español
  1. 1
    Clic en el enlace Download and install the Thrive Product manager plugin (Descargar el plugin del Administrador de Productos Thrive) debes guardar el archivo en tu ordenador para su posterior instalación.
  2. 2
    Una vez instalado el plugin thrive-product-manager.zip debes activarlo.
  3. 3
    Eso es todo, ahora podrás instalar todos los productos y activarlos desde tu misma web, pero antes debes dirigirte al nuevo menú creado que se llama Product manager para iniciar sesión y validar los plugins que hayas comprado en Thrivethemes.

Como te habrás dado cuenta, se simplificó mucho el método de instalación y activación de los productos de Thrive Themes, pero si te quedaron dudas tienes un vídeo paso a paso del procedimiento que te acabo de explicar en tu zona de cliente como se muestra en la imagen superior.

En las siguientes imágenes puedes ver cómo instalar el plugin thrive-product-manager.zip   (Administrador de Productos Thrive) en tu WordPress con unos simples pasos. ¡Manos a la obra!

thrive comments tutorial en español
  1. 1
    Debes hacer clic en el menú Plugins.
  2. 2
    Luego debes hacer clic en el botón Subir plugin.

Ahora el siguiente paso será instalar el plugin thrive-product-manager.zip en tu WordPress. Se instala como cualquier otro plugin; haces clic en el menú Plugins, luego en la parte superior encontrarás un botón que dice  Subir plugin, haces clic en el mismo como muestra la imagen de arriba. Una vez instalado debes  activarlo. ¡Eso es todo!

thrive comments tutorial en español

Ahora puedes ver el nuevo menú creado >> Product Manager (Administrador de productos) si haces clic en él podrás apreciar la siguiente imagen.

thrive comments tutorial en español

Traducción: Conéctate a thrivethemes.com para acceder a tu producto.
Haz clic en el botón de abajo Log into my account para ir a Thrive Themes y simplemente inicia sesión en tu cuenta para instalar tu producto. Asegúrate de usar el mismo nombre de usuario y contraseña que utilizaste al registrarte en thrivethemes.com

Ya lo tienes, solo debes ingresar tu  correo y contraseña que es la misma que utilizaste cuando compraste el plugin y podrás descargar e instalar todos los productos que hayas comprado.

thrive comments tutorial en español

Ahora bien, si tienes la membresía completa como yo, tendrás todos los plugins disponibles para instalarlos uno por uno solamente haciendo clic en cada uno de ellos. ¡Enhorabuena! Ya hemos terminado.

Activando Theme Builder

theme builder mega tutorial

Una vez instalado el Product manager (Administrador de productos) estará disponible el tema o plantilla Theme Builder, deberás desplazarte un poco más abajo hasta Shapeshift y marcar la casilla que dice Install product (Instalar producto) luego hacer clic en el botón Install selected products (Instalar productos seleccionados).

theme builder mega tutorial

Lo siguiente que que verás será el proceso de instalación de Theme Builder + Shapeshift.

theme builder mega tutorial

Como puedes apreciar en la imagen superior un mensaje emergente está indicando que Theme Builder se instaló de forma satisfactoria, solo queda hacer clic en el botón Goto Theme Builder Dashboard (Ir al escritorio de Theme Builder).

Construye tu web en 15 minutos con Theme Builder ¡El mejor creador de plantillas para WordPress!

Tweetealo a tus amigos

Utilizar el asistente para crear tu web

theme builder mega tutorial

Aquí es donde empieza la diversión porque utilizando el asistente de creación de sitios de Theme Builder, tendrás un sitio web completo con logo, página de inicio, encabezado, pie de página, barra lateral y además podrás elegir el aspecto que tendrá tu lista de artículos en la sección blog.

Una vez que termines el asistente puedes hacer modificaciones más finas editando directamente la plantilla, pero eso lo veremos más adelante en la segunda entrega de este mismo tutorial.

Para que la magia se produzca debes hacer clic en el botón Get Started! (Empezar).

Subir tu logo

theme builder mega tutorial
  1. 1
    Ahora debes subir desde tu ordenador el logo de tu web, teniendo en cuenta la recomendación del tamaño recomendado que es 250 pixel de ancho por 40 pixel de alto. 
  2. 2
    Una vez cargado el logo debes hacer clic en el botón Choose and Continue (elegir y continuar).

Elegir el color de tu marca personal

theme builder mega tutorial
  1. 1
    Aquí puedes elegir el color base de tu marca personal que luego se aplicará en todo tu sitio con sus variaciones de tonalidades.
  2. 2
    Una vez seleccionado el color debes aplicarlo haciendo clic en el botón APPLY (aplicar).
  3. 3
    Clic en Choose and Continue (elegir y continuar) para pasar al siguiente paso.

Theme Builder el revolucionario creador de temas para WordPress ¡Mega tutorial!

Tweetealo a tus amigos

Elegir el encabezado

theme builder mega tutorial
theme builder mega tutorial
  1. 1
    Esta es una parte importante porque debes elegir el encabezado o header que tendrá tu web, pudiendo elegir desde el catálogo impresionantes estilos listos para usar.
  2. 2
    Clic en Choose and Continue (elegir y continuar) para pasar al siguiente paso.

Elegir el pie de página

theme builder mega tutorial
theme builder mega tutorial
  1. 1
    Toca el turno de elegir el pie de página o footer que tendrá tu web, pudiendo elegir desde el catálogo impresionantes estilos listos para usar.
  2. 2
    Clic en Choose and Continue (elegir y continuar) para pasar al siguiente paso.

Elegir la página principal

La portada o homepage es una de las páginas más importantes de tu sitio web, es el escaparate de tu negocio por esa razón tiene que ser funcional y de aspecto agradable. La diseñadores de Thrive Themes han trabajado duro y el resultado es un amplio catálogo de homepage listas para usar y como no podría ser de otro modo todas orientadas a la conversión.

En este paso del asistente que es el número 5 hay 3 opciones posibles para configurar tu portada y las vemos a continuación.

theme builder mega tutorial
theme builder mega tutorial
  1. 1
    Primera opción puedes elegir una página lista para usar desde el catálogo.  
  2. 2
    Segunda opción si lo prefieres puedes mostrar una página que ya tengas hecha.
  3. 3
    Tercera opción aquí puedes mostrar tu sección blog como homepage.

Elegir diseño de publicación de los artículos

Llegamos al punto 6 del asistente de Theme Builder y debes elegir el estilo que tendrán tus artículos del blog, como en los pasos anteriores, también dispone de una galería impresionante de diseños listos para usar.

theme builder mega tutorial
theme builder mega tutorial
  1. 1
    Aquí debes hacer clic para abrir la biblioteca de plantillas listas para utilizar y elegir una. 
  2. 2
    Clic en Choose and Continue (elegir y continuar) para pasar al siguiente paso.

Elegir lista de publicaciones del blog

En el punto 7 tienes que elegir la forma de mostrar tus últimos artículos o post en tu sección blog, échale un vistazo a la mía para que te des una idea: Ir al Blog

theme builder mega tutorial
theme builder mega tutorial
  1. 1
    Aquí debes hacer clic para abrir la biblioteca de plantillas listas para utilizar y elegir una, tienes varias opciones como: ancho completo, angosto, con barra lateral, sin barra, lista de post en grilla, en lista y mucho más, deberás ir probando hasta que encuentres la de tu agrado y no olvides que más adelante podrás editar todas las partes a tu gusto. 
  2. 2
    Clic en Choose and Continue (elegir y continuar) para pasar al siguiente paso.

"Olvídate de tener que pasar por la tortura de elegir una plantilla para tu WordPress. Con Theme Builder podrás crear tantos temas como quieras sin tener que repetir diseño y sin tener que pagar más por cada una de ellas."

Tweetealo a tus amigos

Elegir estilo de página

theme builder mega tutorial
theme builder mega tutorial
  1. 1
    Ya casi terminamos, ahora deberás elegir diseño que tendrán tus páginas normales como la página de contacto, acerca de y cualquier otra página que sea estática. También dispones de un amplio catálogo de plantillas listas para usar.
  2. 2
    Clic en Choose and Continue (elegir y continuar) para pasar al siguiente paso.

Elegir el menú

¡Enhorabuena! Llegamos al último paso donde deberás elegir el menú del encabezado y el menú del pie de página. Si todavía no tienes creado ninguno puedes continuar sin elegir menú y podrás hacerlo más adelante.

Si no te acuerdas como crear un menú en WordPress échale un vistazo a este tutorial donde te explico paso a paso como hacerlo.

theme builder mega tutorial
  1. 1
    Si haces clic aquí, se desplegará una lista con todos los menúes que tengas creados en WordPress, elige el correspondiente a tu encabezado o header.
  2. 2
    Aquí es igual que el paso anterior pero debes elegir el menú correspondiente a tu pie de página o footer.
  3. 3
    Una vez seleccionados los menúes debes activarlos en tu sitio haciendo clic en el botón Activate Menus on my Site (activar menúes en mi sitio).
  4. 4
    Por el contrario, si no quieres activar ningún menú debes hacer clic en el botón Continue without Choosing a Menu (continuar sin elegir menú)

Vista previa de tu sitio

theme builder mega tutorial
  1. 1
    ¡Felicidades! El asistente de Theme Builder está completo y si haces clic en el botón Preview My Site (vista previa de mi sitio) podrás ver el resultado final.
  2. 2
    Si no estás convencido de la nueva apariencia de tu web siempre puedes volver a empezar desde cero, solo tiene que hacer clic en el botón Restart the Wizard (reiniciar el asistente) y empezarás nuevamente desde el paso 1. 

Resumen: Tu sitio web completo en 15 minutos

El siguiente vídeo en su reproducción normal dura un poco más de 10 minutos y lo he reducido a 1 minuto con 53 segundos. La idea es mostrarte que en 10 o 15 minutos, utilizando el asistente de Theme Builder, puedes construir un sitio web completo. Eso sí, personalizarlo al completo puede llevarte un poco más. ¡¿A qué es increíble?!

Esta es la primera parte de este mega tutorial, en las siguientes entregas iremos hilando aún más fino para editar las diferentes secciones que contiene Shapeshift Theme, la plantilla multipropósito de Theme Builder. ¡Diviertete creando!

¡Tu voto es muy importante!
¿Me regalas un 1 segundo?

¿Te ha sido útil este artículo? Te espero en los comentarios...

¿Te gustaría ayudar a otras personas? Entonces lo tienes fácil, compártelo en la redes sociales.

¿Quieres sentir la satisfacción de crear tu [email protected] la web de tus sueños?

Quiero compartir contigo mis mejores herramientas y facilitarte el camino para que puedas dedicarte solo a crear contenidos para tu blog. ¡Descarga gratis el curso de Thrive Architect! y empieza a crear como los profesionales.

Consulta los
Estas son mis
+ tutoriales en la
Matricúlate en los 

¿Quién soy? 

He dedicado toda mi vida a la informática y soy un apasionado de las nuevas tecnologías además quiero compartir contigo todo lo que aprendí con WordPress.org - Thrive Architect y GeneratePress.

Esto también te puede interesar...

¿Tu sitio web es lento? No te preocupes, con W3 Total Cache tu web cargará super rápido

Performag Theme Premium Parte 3: tutorial en español de la mejor plantilla para WordPress

Velocidad + estética es igual a GeneratePress el theme para WordPress que cautivó a todos: mega tutorial (Parte 2)

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}

¿Necesitas un hosting de calidad?

Webempresa

Soy afiliado de Webempresa una empresa de hosting española que utilizo en mis proyectos y en los de mis clientes. Estoy muy contento con ellos y es por eso que os la recomiendo, pero antes que tomes una decisión te contaré porqué deberías elegir a Webempresa como tu hosting de cabecera. Aprovecha el cupón del 20 % de descuento. Échale un vistazo a este Mega Tutorial de Webempresa donde te cuento todo lo que tienes que saber de un hosting de calidad...

>