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