Post on 15-Apr-2017
LOS PAGE BUILDERSEN WORDPRESS
Cómo crear contenidos a medida y flexibles utilizando la plataforma WordPress.
MANUELVICEDO.COM 1
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.
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?
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?
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.
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.
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.
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.
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
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?
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.
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
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.
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.
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
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.
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.
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.
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.
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
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.
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
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.
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.
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.
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?
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.
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.
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?
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.
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.
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.
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.
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.
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.
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.
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.
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
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
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