Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos
-
Upload
manuel-vicedo -
Category
Software
-
view
222 -
download
0
Transcript of Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos
![Page 1: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/1.jpg)
LOS PAGE BUILDERSEN WORDPRESS
Cómo crear contenidos a medida y flexibles utilizando la plataforma WordPress.
MANUELVICEDO.COM 1
![Page 2: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/2.jpg)
MANUELVICEDO.COM 2
L O S P A G E B U I L D E R S E N W O R D P R E S S
Sobre mí
Manuel Vicedowww.cpothemes.com
Soy especialista en desarrollar proyectos web con la plataforma WordPress. También dirijo mi propia tienda de temas y plugins WordPress: CPOThemes.
![Page 3: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/3.jpg)
MANUELVICEDO.COM 3
L O S P A G E B U I L D E R S E N W O R D P R E S S
¿POR QUÉ CONTENIDOS?
![Page 4: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/4.jpg)
MANUELVICEDO.COM 4
L O S P A G E B U I L D E R S E N W O R D P R E S S
¿Por qué contenidos?
¿Por qué visitas tus blogs favoritos cada día?
![Page 5: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/5.jpg)
MANUELVICEDO.COM 5
L O S P A G E B U I L D E R S E N W O R D P R E S S
¿Por qué contenidos?
Los contenidos son la parte más importante de un sitio web.
Son la razón por la que la gente visita tu página.
Sin contenidos, no importa el diseño que utilicemos; nuestra página web no tiene valor para los visitantes.
![Page 6: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/6.jpg)
MANUELVICEDO.COM 6
L O S P A G E B U I L D E R S E N W O R D P R E S S
¿Por qué contenidos?
Con WordPress se puede crear cualquier tipo de página web.
Sin embargo, el editor visual que tiene puede llegar a ser muy limitado.Diseñar contenidos que no sean sólo texto no es tarea fácil.
![Page 7: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/7.jpg)
MANUELVICEDO.COM 7
L O S P A G E B U I L D E R S E N W O R D P R E S S
¿Por qué contenidos?
Existen varias formas de crear contenidos más avanzados.
Una de ellas es el uso de temas WordPress especializados, que te permiten crear páginas con diferentes diseños.
![Page 8: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/8.jpg)
L O S P A G E B U I L D E R S E N W O R D P R E S S
¿Por qué contenidos?
8MANUELVICEDO.COM
La forma de crear contenidos en WordPress depende del tema y plugins que utilices.
![Page 9: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/9.jpg)
MANUELVICEDO.COM 9
L O S P A G E B U I L D E R S E N W O R D P R E S S
GESTIÓN DE CONTENIDOS WORDPRESS
![Page 10: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/10.jpg)
MANUELVICEDO.COM 10
L O S P A G E B U I L D E R S E N W O R D P R E S S
Gestión de contenidos en WordPress
¿Cómo podemos pasar de un diseño básico como Twenty Fifteen, a algo como Intuition?
![Page 11: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/11.jpg)
TEMAS BÁSICOS
L O S P A G E B U I L D E R S E N W O R D P R E S S
Tipos de temas WordPress
PREDISEÑADOS PAGE BUILDERS
11MANUELVICEDO.COM
Existen tres grandes formas con las que se pueden crear contenidos de diseño sin tener que recurrir a la programación: los temas
básicos, los temas prediseñados, y los page builders.
![Page 12: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/12.jpg)
MANUELVICEDO.COM 12
L O S P A G E B U I L D E R S E N W O R D P R E S S
LOS TEMAS BÁSICOS
![Page 13: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/13.jpg)
MANUELVICEDO.COM 13
L O S P A G E B U I L D E R S E N W O R D P R E S S
Los Temas Básicos
Los temas más sencillos que WordPress ofrece.
Un tema básico es aquél que se limita a lo que WordPress mejor sabe hacer: crear un blog fácil y rápido. Muestran una lista de entradas y no dan muchas más opciones al usuario.
![Page 14: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/14.jpg)
MANUELVICEDO.COM 14
L O S P A G E B U I L D E R S E N W O R D P R E S S
Los Temas Básicos
Los temas básicos son bastante sencillos pero efectivos para crear blogs.
![Page 15: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/15.jpg)
MANUELVICEDO.COM 15
L O S P A G E B U I L D E R S E N W O R D P R E S S
LOS TEMAS PREDISEÑADOS
![Page 16: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/16.jpg)
MANUELVICEDO.COM 16
L O S P A G E B U I L D E R S E N W O R D P R E S S
Los Temas Prediseñados
Existen temas WordPress que traen un diseño ya integrado.
Son la forma más sencilla de diseñar en WordPress, ya que te permiten crear contenidos y dejar que sea el tema quien se haga cargo del diseño y estructura.
![Page 17: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/17.jpg)
MANUELVICEDO.COM 17
L O S P A G E B U I L D E R S E N W O R D P R E S S
Los Temas Prediseñados
Los temas prediseñados pueden funcionar con custom post types o widgets, por ejemplo.
Gracias a estos, crear una página de inicio detallada es muy fácil, ya que el tema se ocupa de ubicar cada element en el diseño.
![Page 18: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/18.jpg)
MANUELVICEDO.COM 18
L O S P A G E B U I L D E R S E N W O R D P R E S S
Los Temas Prediseñados
La ventaja de un tema prediseñado es que realiza todo el diseño por ti.
La mayoría de los elementos que ves en la página de inicio consisten en posts individuales, que la plantilla luego utiliza para darle forma al aspecto de tu sitio.
![Page 19: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/19.jpg)
MANUELVICEDO.COM 19
L O S P A G E B U I L D E R S E N W O R D P R E S S
Los Temas Prediseñados
La mayoría de los elementos en un tema prediseñado te dan libertad de elección, y puedes hacer uso de muchos.
![Page 20: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/20.jpg)
MANUELVICEDO.COM 20
L O S P A G E B U I L D E R S E N W O R D P R E S S
Los Temas Prediseñados
Por ejemplo, una diapositiva de la página de inicio en realidad no es más que un post, con su título, contenido e imagen destacada.
IMAGEN COMPLEMENTARIA
TÍTULO
CONTENIDO
ENLACE
+ COLOR DE TEXTO
+ DISPOSICIÓN
![Page 21: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/21.jpg)
MANUELVICEDO.COM 21
L O S P A G E B U I L D E R S E N W O R D P R E S S
Los Temas Prediseñados
Los temas prediseñados se pueden gestionar de muchas formas diferentes, pero a todos les une un elemento común:
Gestionan la estructura de tu sitio por ti.
![Page 22: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/22.jpg)
MANUELVICEDO.COM 22
L O S P A G E B U I L D E R S E N W O R D P R E S S
LOS PAGE BUILDERS
![Page 23: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/23.jpg)
MANUELVICEDO.COM 23
L O S P A G E B U I L D E R S E N W O R D P R E S S
Los Page Builders
Los page builders son una forma mucho más avanzada de diseñar contenidos.
Mientras que un tema prediseñado se basa en la facilidad de uso, un page builder te da toda la flexibilidad posible.
![Page 24: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/24.jpg)
MANUELVICEDO.COM 24
L O S P A G E B U I L D E R S E N W O R D P R E S S
Los Page Builders
¿Qué es un page builder?
Se trata de una interfaz que te permite ensamblar piezas de contenido con un gesto de arrastrar y soltar.
![Page 25: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/25.jpg)
MANUELVICEDO.COM 25
L O S P A G E B U I L D E R S E N W O R D P R E S S
Los Page Builders
La gran ventaja de los page builder es que permiten realizar cualquier cosa.
Están pensados para usuarios más avanzados, o diseñadores que desean maquetar sin recurrir a la programación.
![Page 26: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/26.jpg)
MANUELVICEDO.COM 26
L O S P A G E B U I L D E R S E N W O R D P R E S S
¿CÓMO FUNCIONA UN PAGE BUILDER?
![Page 27: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/27.jpg)
MANUELVICEDO.COM 27
L O S P A G E B U I L D E R S E N W O R D P R E S S
¿Cómo funciona un page builder?
Los page builders son plugins que se integran con tu sitio web, y te dan una interfaz con la que diseñar tu sitio pieza por pieza.
En lugar de mostrar el contenido de una página, en su lugar se mostrará la estructura creada con el page builder.
![Page 28: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/28.jpg)
MANUELVICEDO.COM 28
L O S P A G E B U I L D E R S E N W O R D P R E S S
¿Cómo funciona un page builder?
Aunque están hechos para ser compatibles con cualquier tema WordPress, normalmente necesitan una plantilla que les permita ocupar toda la pantalla.
![Page 29: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/29.jpg)
MANUELVICEDO.COM 29
L O S P A G E B U I L D E R S E N W O R D P R E S S
¿QUÉ ME APORTA UN PAGE BUILDER?
![Page 30: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/30.jpg)
MANUELVICEDO.COM 30
L O S P A G E B U I L D E R S E N W O R D P R E S S
¿Qué me aporta un page buider?
Los page builders son la opción más potente a la hora de diseñar un sitio web en WordPress.
Al ofrecerte los bloques más atómicos del diseño web, te permiten crear cualquier tipo de página.
![Page 31: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/31.jpg)
MANUELVICEDO.COM 31
L O S P A G E B U I L D E R S E N W O R D P R E S S
Despliegue ágil de contenidos
VelocidadLos page builders te permiten crear páginas web en tiempo récord. Muchos de ellos están poseen opciones para reutilizar el mismo diseño en muchos sitios.
![Page 32: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/32.jpg)
MANUELVICEDO.COM 32
L O S P A G E B U I L D E R S E N W O R D P R E S S
Reutilización de contenidos
Uso de plantillas globales
Un page builder te da la posibilidad de guardar un grupo de elementos para reutilizarlos más adelante.
Esto te permite ahorrar mucho tiempo y estructurar tus procesos de diseño.
![Page 33: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/33.jpg)
MANUELVICEDO.COM 33
L O S P A G E B U I L D E R S E N W O R D P R E S S
Compatibilidad con temas WordPress
Los temas WordPress te aportan la capa de presentación y estilizado, mientras que un builder permite generar contenidos.
Esto evita el lock-in, al no tener que seguir usando un tema por su estructura.
![Page 34: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/34.jpg)
MANUELVICEDO.COM 34
L O S P A G E B U I L D E R S E N W O R D P R E S S
Flexibilidad extrema
Precisión granularPor naturaleza, un page builder está hecho para poder crear una página al detalle. Gracias a esto se pueden hacer cambios menores sin recurrir a la programación.
![Page 35: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/35.jpg)
MANUELVICEDO.COM 35
L O S P A G E B U I L D E R S E N W O R D P R E S S
Contenidos Administrables
Gestión sin programar
Con WordPress, lo ideal es crear una página que pueda ser gestionada en su totalidad sin tener que personalizar el diseño a mano.
Es decir, evitar recurrir a la programación de plugins y temas a medida para poder obtener los resultados deseados.
![Page 36: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/36.jpg)
MANUELVICEDO.COM 36
L O S P A G E B U I L D E R S E N W O R D P R E S S
Extensibilidad
Personaliza la herramienta
Muchos builders proveen una API con la cual añadir nuevos elementos o modificar su comportamiento.
Así, es posible extender la funcionalidad base que tienen e integrarla con otros servicios web.
![Page 37: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/37.jpg)
MANUELVICEDO.COM 37
L O S P A G E B U I L D E R S E N W O R D P R E S S
Optimización de Conversiones
Mejoras incrementalesHagas lo que hagas, la primera version de una página web nunca será la major. En el caso de las tiendas online, es importante medirlo todo para poder hacer mejoras continuas.
![Page 38: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/38.jpg)
MANUELVICEDO.COM 38
L O S P A G E B U I L D E R S E N W O R D P R E S S
FORGE, UN PAGE BUILDER FRONT-END
![Page 39: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/39.jpg)
MANUELVICEDO.COM 39
L O S P A G E B U I L D E R S E N W O R D P R E S S
Forge, un page builder front-end
Forge es un page builder que funciona en la parte pública de tu sitio web.
Descárgalo gratis en:cpothemes.com/plugin/forge
![Page 40: Los page builders en WordPress: qué son, y como usarlos para diseñar contenidos](https://reader035.fdocumento.com/reader035/viewer/2022070602/587ba9c71a28ab81758b6a29/html5/thumbnails/40.jpg)
40
L O S P A G E B U I L D E R S E N W O R D P R E S S
Buena suerte
MUCHAS GRACIAS
Descarga Forge gratis en:cpothemes.com/plugin/forge