sácale partido al personalizador de wordpress · 2019-06-03 · sácale partido al personalizador...
TRANSCRIPT
![Page 1: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/1.jpg)
Sácale partido al personalizador de WordPress
Nahuai Badiola
Y PÓNSELO FÁCIL A TU CLIENTE
![Page 2: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/2.jpg)
Nuestro «dev-er»Dejar al cliente una web:
‣ Con una buena arquitectura de la información.
‣ Un diseño atractivo y usable (objetivo).
‣ Velocidad de carga optimizada.
‣ Que pueda auto-gestionar de forma sencilla.
@nahuaibadiola
![Page 3: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/3.jpg)
Pónselo fácil a tu cliente
@nahuaibadiola
![Page 4: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/4.jpg)
Pónselo fácil a tu cliente
@nahuaibadiola
que para eso te paga
![Page 5: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/5.jpg)
Detalles con tu cliente‣ Limita los items de WP-admin.
@nahuaibadiola
![Page 6: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/6.jpg)
Detalles con tu cliente‣ Limita los items de WP-admin.
‣ Añade una documentación con un acceso rápido.
@nahuaibadiola
![Page 7: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/7.jpg)
Detalles con tu cliente‣ Limita los items de WP-admin.
‣ Añade una documentación con un acceso rápido.
‣ Añade widgets personalizados.
@nahuaibadiola
![Page 8: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/8.jpg)
Detalles con tu cliente‣ Limita los items de WP-admin.
‣ Añade una documentación con un acceso rápido.
‣ Añade widgets personalizados.
‣ Añade la paleta de colores en el editor de bloques.
@nahuaibadiola
![Page 9: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/9.jpg)
Detalles con tu cliente‣ Limita los items de WP-admin.
‣ Añade una documentación con un acceso rápido.
‣ Añade widgets personalizados.
‣ Añade la paleta de colores en el editor de bloques.
‣ Dale ❤ al personalizador de WordPress.
@nahuaibadiola
![Page 10: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/10.jpg)
¿Por qué el personalizador de WordPress?
@nahuaibadiola
![Page 11: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/11.jpg)
¿Por qué el personalizador de WordPress?
☛ VER LOS CAMBIOS A TIEMPO REAL
☛ AGRUPAR AJUSTES DE DISEÑO BÁSICOS
@nahuaibadiola
![Page 12: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/12.jpg)
El personalizador de WordPress‣ Identidad del sitio
‣ Menús
‣ Widgets
‣ Ajustes de portada
‣ CSS adicional
@nahuaibadiola
![Page 13: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/13.jpg)
El personalizador de WordPress‣ Identidad del sitio
‣ Menús
‣ Widgets
‣ Ajustes de portada
‣ Ajustes del tema (Genesis)
‣ CSS adicional
@nahuaibadiola
![Page 14: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/14.jpg)
Piensa: ¿qué va a utilizar o cambiar tu cliente en la web?
@nahuaibadiola
Mejor aún, pregúntale.
![Page 15: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/15.jpg)
Modificando el personalizador
@nahuaibadiola
‣ El hook -> customize_register
‣ Los objetos:
‣ Paneles
‣ Secciones
‣ Ajustes
‣ Controles
Sección
Ajuste
Control
![Page 16: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/16.jpg)
Eliminando elementos al personalizador
@nahuaibadiola
/* Quitar la sección de añadir CSS del personalizador */ function remove_css_customizer( $wp_customize ) { $wp_customize->remove_control( 'custom_css' ); } add_action( 'customize_register', 'remove_css_customizer', 30);
![Page 17: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/17.jpg)
Eliminando elementos al personalizador
/* Quitar un control del personalizador */ $wp_customize->remove_control( 'custom_css' );
/* Quitar una sección del personalizador */ $wp_customize->remove_section( 'background_image' );
/* Quitar un panel del personalizador */ $wp_customize->remove_panel( 'nav_menus');
@nahuaibadiola
![Page 18: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/18.jpg)
Añadiendo elementos al personalizador// Añadir el selector de color destacado $wp_customize->add_section( 'minimum-color', array( 'title' => __( 'Color', 'minimum' ), 'priority' => 65, ) );
$wp_customize->add_setting( 'minimum_accent_color', array( 'default' => '#0ebfe9', 'sanitize_callback' => 'sanitize_hex_color', ) );
$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'minimum_accent_color', array( 'description' => __( 'Elige el color destacado del tema.', 'minimum' ), 'label' => __( 'Color destacado', 'minimum' ), 'section' => 'minimum-color', 'settings' => 'minimum_accent_color', ) ) );
@nahuaibadiola
![Page 19: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/19.jpg)
Añadiendo elementos al personalizador$wp_customize->add_section( 'minimum-color', array(
$wp_customize->add_setting( 'minimum_accent_color', array(
$wp_customize->add_control( new WP_Customize_Color_Control( $wp_customize, 'minimum_accent_color', array(
@nahuaibadiola
![Page 20: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/20.jpg)
Añadiendo elementos al personalizador// Vinculamos el color destacado elegido en el personalizador con los estilos que se mostrarán en la web add_action('wp_head', 'minimum_set_color'); function minimum_set_color() { $accent_color = get_theme_mod('minimum_accent_color', '#0ebfe9'); ?> <style type="text/css"> a:hover { color: <?php echo $accent_color; ?>; border-bottom: 1px dotted <?php echo $accent_color; ?>; }
.entry-title a:hover, .nav-primary .sub-menu a:hover, .site-footer .nav-secondary .sub-menu a:hover { color: <?php echo $accent_color; ?>; } } </style> <?php }
@nahuaibadiola
![Page 21: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/21.jpg)
Añadiendo elementos al personalizador $accent_color = get_theme_mod('minimum_accent_color', '#0ebfe9'); ?> <style type="text/css">
} </style>
@nahuaibadiola
![Page 22: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/22.jpg)
Propuestas
‣ Ajustes de portada
‣ CSS adicional
‣ Imagen de fondo
‣ Algunas opciones de Genesis / WooCommerce
@nahuaibadiola
‣ Modificar color principal
‣ Modificar el footer
‣ Modificar fuentes
‣ Modificar cabecera (hero)
‣ Redes sociales
✘ Quitar ✔ Añadir
![Page 23: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/23.jpg)
Ejemplos
@nahuaibadiola
![Page 24: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/24.jpg)
Conclusiones‣ Quita todo el ruido que puedas.
‣ Añade opciones que necesite tu cliente.
‣ Si vendes temas, dale cariño al personalizador de WordPress.
‣ El personalizador tiene mucho futuro.
@nahuaibadiola
![Page 25: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/25.jpg)
Sobre mí
@nahuaibadiola
nbadiola.com
codigogenesis.com
Desarrollador WordPress especializado en Genesis Framework
![Page 26: Sácale partido al personalizador de WordPress · 2019-06-03 · Sácale partido al personalizador de WordPress Nahuai Badiola Y PÓNSELO FÁCIL A TU CLIENTE. ... Añadiendo elementos](https://reader034.vdocumento.com/reader034/viewer/2022042323/5f0daf2f7e708231d43b92a5/html5/thumbnails/26.jpg)
MILA ESKER!!
@nahuaibadiola