VueJS + WordPress · Yoast SEO Advanced Custom Fields Code Snippets 02 03 04 Plugins usados para...

16
VueJS + WordPress Un CMS más dinámico Juan Miguel Carmona Aguilar

Transcript of VueJS + WordPress · Yoast SEO Advanced Custom Fields Code Snippets 02 03 04 Plugins usados para...

Page 1: VueJS + WordPress · Yoast SEO Advanced Custom Fields Code Snippets 02 03 04 Plugins usados para los cambios en la API Rest 01 Gutenberg

VueJS + WordPress

Un CMS más dinámico

Juan Miguel Carmona Aguilar

Page 2: VueJS + WordPress · Yoast SEO Advanced Custom Fields Code Snippets 02 03 04 Plugins usados para los cambios en la API Rest 01 Gutenberg

Es un framework js progresivo que permite construir interfaces de usuarios en proyectos de pequeño o largo alcance. Está diseñado para poder adaptarse de forma incremental, lo que permite integrarse con otras bibliotecas o fetature de forma sencilla, en función de las necesidades que vayan surgiendo

¿Qué es VueJS?

Page 3: VueJS + WordPress · Yoast SEO Advanced Custom Fields Code Snippets 02 03 04 Plugins usados para los cambios en la API Rest 01 Gutenberg

Características destacadas de VueJS

Plantillas

Reactividad

Componentes

Transiciones

Page 4: VueJS + WordPress · Yoast SEO Advanced Custom Fields Code Snippets 02 03 04 Plugins usados para los cambios en la API Rest 01 Gutenberg

¿Por qué VueJS y no otro framework?

Simplicidad

Usabilidad

Rendimiento

Page 5: VueJS + WordPress · Yoast SEO Advanced Custom Fields Code Snippets 02 03 04 Plugins usados para los cambios en la API Rest 01 Gutenberg

¿Por qué VueJS y Wordpress?

Page 6: VueJS + WordPress · Yoast SEO Advanced Custom Fields Code Snippets 02 03 04 Plugins usados para los cambios en la API Rest 01 Gutenberg

Yoast SEO

Advanced Custom Fields

Code Snippets

02

03

04

Plugins usados para los cambios en la API Rest01

Gutenberg

Page 7: VueJS + WordPress · Yoast SEO Advanced Custom Fields Code Snippets 02 03 04 Plugins usados para los cambios en la API Rest 01 Gutenberg

Creación de campos personalizados

Page 8: VueJS + WordPress · Yoast SEO Advanced Custom Fields Code Snippets 02 03 04 Plugins usados para los cambios en la API Rest 01 Gutenberg

Listado de postsPost único

Preview

Meta parametros

Generamos nuevas rutas

Page 9: VueJS + WordPress · Yoast SEO Advanced Custom Fields Code Snippets 02 03 04 Plugins usados para los cambios en la API Rest 01 Gutenberg

Listado de todos los post disponibles

Page 10: VueJS + WordPress · Yoast SEO Advanced Custom Fields Code Snippets 02 03 04 Plugins usados para los cambios en la API Rest 01 Gutenberg

Obtener un post único mediante el slug

Page 11: VueJS + WordPress · Yoast SEO Advanced Custom Fields Code Snippets 02 03 04 Plugins usados para los cambios en la API Rest 01 Gutenberg

Meta parámetros de un post

Page 12: VueJS + WordPress · Yoast SEO Advanced Custom Fields Code Snippets 02 03 04 Plugins usados para los cambios en la API Rest 01 Gutenberg

Obtener meta parámetros del post mediante su slug

Page 13: VueJS + WordPress · Yoast SEO Advanced Custom Fields Code Snippets 02 03 04 Plugins usados para los cambios en la API Rest 01 Gutenberg

Mostrar la preview de un post

Page 14: VueJS + WordPress · Yoast SEO Advanced Custom Fields Code Snippets 02 03 04 Plugins usados para los cambios en la API Rest 01 Gutenberg

Mostrar la preview de un post

Page 15: VueJS + WordPress · Yoast SEO Advanced Custom Fields Code Snippets 02 03 04 Plugins usados para los cambios en la API Rest 01 Gutenberg

Conclusión

Page 16: VueJS + WordPress · Yoast SEO Advanced Custom Fields Code Snippets 02 03 04 Plugins usados para los cambios en la API Rest 01 Gutenberg

CREDITS: This presentation template was created by Slidesgo, including icons by Flaticon, and infographics & images by Freepik

GraciasMomento de preguntas

[email protected]