Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

003 - Temas & temas hijos en WordPress

765 views

Published on

¿No tienes claro que tema elegir en tu próxima instalación de WordPress? Pásate por la 3ª Meetup de WordPress Pamplona para contar con la visión y opiniones de tod@s.

Trataremos los principales aspectos a tener en cuenta para una buena elección de un tema, plantilla, theme,... o como lo quieras llamar ;-)

... en función de nuestro presupuesto y conocimientos.

Entre tod@s tendremos una visión más amplia de las ventajas y desventajas que puede suponer cada elección de las muchas que tenemos a nuestro alcance.

También charlaremos sobre los temas hijos o "child themes" como una buena práctica que nos brinda WordPress para modificar y personalizar un tema sin miedo a perder los cambios cuando toque actualizar el tema o "theme padre".

Y para terminar gracias al patrocinio de CDmon podremos hacer networking tomando algo en un bar cercano. ;-)

  • Be the first to comment

  • Be the first to like this

003 - Temas & temas hijos en WordPress

  1. 1. WordPress Pamplona III MEETUP - 23 de noviembre de 2017
  2. 2. Temas & temas hijos en WordPress Centro Juvenil de Burlada - Gazteleku
  3. 3. Patrocinadores próximas cuotas Meetup.com Burlada: Local 3ª Meetup primeras cuotas Meetup.com Descuentos hosting web, pago bebida, picoteo, bloc notas, bolígrafos...
  4. 4. ¡ Ya tenemos web ! ;-) https://wppamplona.org Gracias al hosting patrocinado por el dominio cedido por y realizada por
  5. 5. Temas, plantillas, themes,...
  6. 6. Posible... Definición Tema, plantilla, theme,... Conjunto de archivos PHP, CSS, JS, JPG,... que dentro de una instalación de WordPress determinan el aspecto de la web Este conjunto de archivos que se puede elegir y cambiar se conoce como Tema, Plantilla, Theme,... y en teoría… “sólo”se encarga del diseño de la web definiendo cómo mostrar el contenido almacenado en la base de datos pd: dejando las funcionalidades a los plugins (2ª Meetup)
  7. 7. Aspecto interior Tema, plantilla, theme,... style.css functions.php index.php header.php sidebar.php comments.php footer.php home.php single.php page.php author.php archive.php category.php tag.php taxonomy.php 404.php …
  8. 8. Opciones disponibles Nivel personalización & conocimientos WordPress.org = gratis Premium = flexibles Frameworks = rendimiento A medida = exclusivo 1 2 3 4Presupuesto ( tiempo y/o € )
  9. 9. Opciones disponibles + “Child Theme” Presupuesto ( tiempo y/o € ) Nivel personalización & conocimientos WordPress.org = gratis Premium = flexibles Frameworks = rendimiento A medida = exclusivo 1 2 3 4 “Child Theme” “Child Theme” = “Child Theme” Posible uso “Child Theme” Frameworks o Temas base
  10. 10. Posible… Definición “Child Theme” Tema dependiente y derivación de otro tema que sirve para personalizar el aspecto de una web modificando y complementando la configuración base de un “tema padre” el cual requiere estar también instalado Este conjunto de archivos que se puede elegir y cambiar es una posibilidad que otorga WordPress para personalizar los temas permitiendo que estos se puedan actualizar sin que se pierdan las personalizaciones y se conocen como Tema hijo, Child Theme,... pd: igualmente dejando las funcionalidades a los plugins (2ª Meetup)
  11. 11. ¿Cuándo usar un “Child Theme”? ¡ Úsalo cuando no estés conforme al 100% con las posibilidades de tu tema ! OK para personalizar tu tema y mantenerlo ante nuevas actualizaciones NO necesario si sólo se necesita modificar un poco de CSS -> WordPress 4.71 2 Si los cambios son independientes del tema y/o quieres añadir funcionalidades… ...mejor crea tu propio plugin. ;-) 3
  12. 12. ¿Cómo crear un “Child Theme”? Desde el panel WordPress usando plugins1 Manualmente: requiere acceso archivos (FTP o panel hosting)2
  13. 13. ¿Cómo crear un “Child Theme” manualmente? 1º Crear carpeta en: wp-content/themes/nombrecarpetapadre-child (o nombre como quieras ;-) ) 2º Crear dentro fichero style.css -> idem cabecera ‘padre’ + Template: Nombre carpeta padre /* Theme Name: Nombre tema hijo Template: Nombrecarpetapadre Description: Tema hijo de ‘Nombre padre’ para hacer cambios sin riesgo */ 3º Crear dentro fichero functions.php -> función PHP si se quiere cargar estilos ‘padre’ <?php add_action( 'wp_enqueue_scripts' , 'child_theme_enqueue_styles' ); function child_theme_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() .'/style.css' ); //línea opcional wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() .'/style.css', array( 'parent-style' ), '1.0.0'); } 4º Activar en panel WordPress (opcionalmente: screenshot.png y añadir resto ficheros PHP)
  14. 14. WordPress.org = gratis Aspectos técnicos: ● Lock-in: ● WPO: ● Seguridad: ● Revisado bajo estándares de WordPress.org Nivel personalización & conocimientos WordPress.org = gratis 1 Presupuesto ( tiempo y/o € ) Ejemplos: ● Twenty Seventeen ● Storefront ● Hestia ● Total ● Sydney ● Consulting ● OceanWP ojo! valoraciones subjetivas en función de cada uno ;-)
  15. 15. Premium = flexible Nivel personalización & conocimientos Premium = flexibles2 Presupuesto ( tiempo y/o € ) Aspectos técnicos: ● Lock-in: ● WPO: ● Seguridad: Nota: depende mucho del creador del tema Ejemplos: ● Versión premium WP.org ● Elegant Themes: ○ Divi ● ThemeForest - Envato: ○ Avada ○ NewsPaper ○ Sahifa ○ Enfold ○ BeTheme ojo! valoraciones subjetivas en función de cada uno ;-)
  16. 16. Frameworks = rendimiento Nivel personalización & conocimientos Frameworks = rendimiento 3 Presupuesto ( tiempo y/o € ) Aspectos técnicos: ● Lock-in: ● WPO: ● Seguridad: Ejemplos: ● Genesis: ○ StudioPress ○ AsiThemes ojo! valoraciones subjetivas en función de cada uno ;-)
  17. 17. A medida = exclusivo Nivel personalización & conocimientos A medida = exclusivo 4Presupuesto ( tiempo y/o € ) Aspectos técnicos: ● Lock-in: ● WPO: ● Seguridad: Ejemplos: ● Underscores ● Sage ● A medida Agencia o Freelance ojo! valoraciones subjetivas en función de cada uno ;-)
  18. 18. Resumen Nivel personalización & conocimientos WordPress.org = gratis Premium = flexibles Frameworks = rendimiento A medida = exclusivo 1 2 3 4Presupuesto ( tiempo y/o € ) “Child Theme” “Child Theme” = “Child Theme” Posible uso “Child Theme” Frameworks o Temas base
  19. 19. ¿ Temas recomendados? ¿y el logo? ;-)
  20. 20. ¿ próxima Meetup? ¡ Hasta la próxima ! Es hora de hacer networking ;-)

×