SlideShare a Scribd company logo
1 of 20
WordPress Pamplona
III MEETUP - 23 de noviembre de 2017
Temas & temas hijos en
WordPress
Centro Juvenil de Burlada - Gazteleku
Patrocinadores
próximas cuotas Meetup.com
Burlada: Local 3ª Meetup
primeras cuotas Meetup.com
Descuentos
hosting web, pago
bebida, picoteo,
bloc notas,
bolígrafos...
¡ Ya tenemos web ! ;-)
https://wppamplona.org
Gracias al hosting patrocinado por
el dominio cedido por
y realizada por
Temas, plantillas, themes,...
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)
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
…
Opciones disponibles
Nivel personalización & conocimientos
WordPress.org
= gratis
Premium
= flexibles
Frameworks
= rendimiento
A medida
= exclusivo
1
2
3
4Presupuesto
( tiempo y/o € )
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
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)
¿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
¿Cómo crear un “Child Theme”?
Desde el panel WordPress usando plugins1
Manualmente: requiere acceso archivos (FTP o panel hosting)2
¿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)
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 ;-)
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 ;-)
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 ;-)
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 ;-)
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
¿ Temas recomendados?
¿y el logo? ;-)
¿ próxima Meetup?
¡ Hasta la próxima !
Es hora de hacer networking ;-)

More Related Content

What's hot

Pasos para crear una pagina wed en linea
Pasos para crear una pagina wed en lineaPasos para crear una pagina wed en linea
Pasos para crear una pagina wed en lineaGinaguerrero19
 
De Wordpress.com a Wordpress.org
De Wordpress.com a Wordpress.orgDe Wordpress.com a Wordpress.org
De Wordpress.com a Wordpress.orgralcocer
 
Desarrollo de Themes de WordPress desde cero. @DarioBF en @WPBilbao
Desarrollo de Themes de WordPress desde cero. @DarioBF en @WPBilbaoDesarrollo de Themes de WordPress desde cero. @DarioBF en @WPBilbao
Desarrollo de Themes de WordPress desde cero. @DarioBF en @WPBilbaoDarío BF
 
Guía paso a paso para crear una página web
Guía paso a paso para crear una página webGuía paso a paso para crear una página web
Guía paso a paso para crear una página webLUZ ARIZPE
 
Pasos para crear paginas web
Pasos para crear paginas webPasos para crear paginas web
Pasos para crear paginas webromeprofe
 
Pasos para crear un sitio web
Pasos para crear un sitio webPasos para crear un sitio web
Pasos para crear un sitio webtomyycerr
 
Curso Blog Marketing con Wordpress 01 requisitos blog
Curso Blog Marketing con Wordpress 01 requisitos blogCurso Blog Marketing con Wordpress 01 requisitos blog
Curso Blog Marketing con Wordpress 01 requisitos blogDavid Vaquero
 
WordPress Child Themes
WordPress Child ThemesWordPress Child Themes
WordPress Child ThemesAmit Kvint
 
Introduccion Sitio Web Para 4º Medio
Introduccion Sitio Web Para 4º MedioIntroduccion Sitio Web Para 4º Medio
Introduccion Sitio Web Para 4º Medior2diseno
 
WordCamp Alicante 2017 - De HTML a WordPress
WordCamp Alicante 2017 - De HTML a WordPressWordCamp Alicante 2017 - De HTML a WordPress
WordCamp Alicante 2017 - De HTML a WordPressDarío BF
 
Wordpress como framework - DarioBF en WordCamp Barcelona
Wordpress como framework - DarioBF en WordCamp BarcelonaWordpress como framework - DarioBF en WordCamp Barcelona
Wordpress como framework - DarioBF en WordCamp BarcelonaDarío BF
 
Crear una pagina web con bloc de notas
Crear una pagina web con bloc de notasCrear una pagina web con bloc de notas
Crear una pagina web con bloc de notasSandra Meza
 
Herramientas de lanzamiento. Nuestra web
Herramientas de lanzamiento. Nuestra webHerramientas de lanzamiento. Nuestra web
Herramientas de lanzamiento. Nuestra webLorena Fernández
 
Ataque masivo a WordPress con ILLOWP
Ataque masivo a WordPress con ILLOWPAtaque masivo a WordPress con ILLOWP
Ataque masivo a WordPress con ILLOWPQuantiKa14
 

What's hot (20)

Pasos para crear una pagina wed en linea
Pasos para crear una pagina wed en lineaPasos para crear una pagina wed en linea
Pasos para crear una pagina wed en linea
 
De Wordpress.com a Wordpress.org
De Wordpress.com a Wordpress.orgDe Wordpress.com a Wordpress.org
De Wordpress.com a Wordpress.org
 
Desarrollo de Themes de WordPress desde cero. @DarioBF en @WPBilbao
Desarrollo de Themes de WordPress desde cero. @DarioBF en @WPBilbaoDesarrollo de Themes de WordPress desde cero. @DarioBF en @WPBilbao
Desarrollo de Themes de WordPress desde cero. @DarioBF en @WPBilbao
 
Guía paso a paso para crear una página web
Guía paso a paso para crear una página webGuía paso a paso para crear una página web
Guía paso a paso para crear una página web
 
Pasos para crear paginas web
Pasos para crear paginas webPasos para crear paginas web
Pasos para crear paginas web
 
Wordcamp Perú 2009 - Themes
Wordcamp Perú 2009 - ThemesWordcamp Perú 2009 - Themes
Wordcamp Perú 2009 - Themes
 
Pasos para crear un sitio web
Pasos para crear un sitio webPasos para crear un sitio web
Pasos para crear un sitio web
 
Curso Blog Marketing con Wordpress 01 requisitos blog
Curso Blog Marketing con Wordpress 01 requisitos blogCurso Blog Marketing con Wordpress 01 requisitos blog
Curso Blog Marketing con Wordpress 01 requisitos blog
 
WordPress Child Themes
WordPress Child ThemesWordPress Child Themes
WordPress Child Themes
 
Pres1
Pres1Pres1
Pres1
 
Introduccion Sitio Web Para 4º Medio
Introduccion Sitio Web Para 4º MedioIntroduccion Sitio Web Para 4º Medio
Introduccion Sitio Web Para 4º Medio
 
Informatica presentacion
Informatica presentacionInformatica presentacion
Informatica presentacion
 
Informe 1
Informe 1Informe 1
Informe 1
 
WordCamp Alicante 2017 - De HTML a WordPress
WordCamp Alicante 2017 - De HTML a WordPressWordCamp Alicante 2017 - De HTML a WordPress
WordCamp Alicante 2017 - De HTML a WordPress
 
Wordpress como framework - DarioBF en WordCamp Barcelona
Wordpress como framework - DarioBF en WordCamp BarcelonaWordpress como framework - DarioBF en WordCamp Barcelona
Wordpress como framework - DarioBF en WordCamp Barcelona
 
Crear una pagina web con bloc de notas
Crear una pagina web con bloc de notasCrear una pagina web con bloc de notas
Crear una pagina web con bloc de notas
 
Wordpress tutorial
Wordpress tutorialWordpress tutorial
Wordpress tutorial
 
Herramientas de lanzamiento. Nuestra web
Herramientas de lanzamiento. Nuestra webHerramientas de lanzamiento. Nuestra web
Herramientas de lanzamiento. Nuestra web
 
P no 2
P no 2P no 2
P no 2
 
Ataque masivo a WordPress con ILLOWP
Ataque masivo a WordPress con ILLOWPAtaque masivo a WordPress con ILLOWP
Ataque masivo a WordPress con ILLOWP
 

Similar to 003 - Temas & temas hijos en WordPress

Wordpress: El Framework desconocido
Wordpress: El Framework desconocidoWordpress: El Framework desconocido
Wordpress: El Framework desconocidoSamuel Rocha
 
ABC theming en Drupal7
ABC theming en Drupal7ABC theming en Drupal7
ABC theming en Drupal7Jorge Ram
 
Ut3 5 presentacionesslideshare
Ut3 5 presentacionesslideshareUt3 5 presentacionesslideshare
Ut3 5 presentacionesslideshareciudadana12
 
Curso de Magento 1.9: Unidad Didáctica 08 Estructura de un Tema
Curso de Magento 1.9: Unidad Didáctica 08 Estructura de un TemaCurso de Magento 1.9: Unidad Didáctica 08 Estructura de un Tema
Curso de Magento 1.9: Unidad Didáctica 08 Estructura de un TemaDavid Vaquero
 
Sesion moodle - "más allá de lo básico"...
Sesion moodle - "más allá de lo básico"...Sesion moodle - "más allá de lo básico"...
Sesion moodle - "más allá de lo básico"...Valeria Pleszowski
 
Sesionmoodle 101223143117-phpapp02
Sesionmoodle 101223143117-phpapp02Sesionmoodle 101223143117-phpapp02
Sesionmoodle 101223143117-phpapp02Kimiemi VJ
 
1 Diseño Web introducción a Drupal
1 Diseño Web   introducción a Drupal1 Diseño Web   introducción a Drupal
1 Diseño Web introducción a DrupalJLSitec
 
Curso Wordpress desde Cero, parte 2
Curso Wordpress desde Cero, parte 2Curso Wordpress desde Cero, parte 2
Curso Wordpress desde Cero, parte 2Sergio Nouvel Castro
 
Taller de Drupal - Sesión 4
Taller de Drupal - Sesión 4Taller de Drupal - Sesión 4
Taller de Drupal - Sesión 4SEAT, S.A.
 
Modifica y crea temas de WordPress - Meetup WP Ourense
Modifica y crea temas de WordPress - Meetup WP OurenseModifica y crea temas de WordPress - Meetup WP Ourense
Modifica y crea temas de WordPress - Meetup WP OurenseJuan Hernando García
 
La potencia sin control no sirve de nada, claves para aprovechar el uso de Wo...
La potencia sin control no sirve de nada, claves para aprovechar el uso de Wo...La potencia sin control no sirve de nada, claves para aprovechar el uso de Wo...
La potencia sin control no sirve de nada, claves para aprovechar el uso de Wo...Asociación Webmasters Cantabria
 
Crea temas para Wordpress sin saber programar
Crea temas para Wordpress sin saber programarCrea temas para Wordpress sin saber programar
Crea temas para Wordpress sin saber programarDani Reguera Bakhache
 
Buddypress: Social Networking, in a Box
Buddypress: Social Networking, in a BoxBuddypress: Social Networking, in a Box
Buddypress: Social Networking, in a BoxIñaki Arenaza
 
Ut3 5 presentacionesslideshare
Ut3 5 presentacionesslideshareUt3 5 presentacionesslideshare
Ut3 5 presentacionesslideshareblogmotiv
 
Ut3 5 presentacionesslideshare
Ut3 5 presentacionesslideshareUt3 5 presentacionesslideshare
Ut3 5 presentacionesslideshareAuxy Pardo
 
Ut3 5 presentacionesslideshare
Ut3 5 presentacionesslideshareUt3 5 presentacionesslideshare
Ut3 5 presentacionesslideshareblogmotiv
 
Ut3 5 presentacionesslideshare
Ut3 5 presentacionesslideshareUt3 5 presentacionesslideshare
Ut3 5 presentacionesslidesharevictorfersa
 

Similar to 003 - Temas & temas hijos en WordPress (20)

Tunea tu wordpress
Tunea tu wordpressTunea tu wordpress
Tunea tu wordpress
 
Wordpress: El Framework desconocido
Wordpress: El Framework desconocidoWordpress: El Framework desconocido
Wordpress: El Framework desconocido
 
Cambiando de tema
Cambiando de temaCambiando de tema
Cambiando de tema
 
ABC theming en Drupal7
ABC theming en Drupal7ABC theming en Drupal7
ABC theming en Drupal7
 
Ut3 5 presentacionesslideshare
Ut3 5 presentacionesslideshareUt3 5 presentacionesslideshare
Ut3 5 presentacionesslideshare
 
Curso de Magento 1.9: Unidad Didáctica 08 Estructura de un Tema
Curso de Magento 1.9: Unidad Didáctica 08 Estructura de un TemaCurso de Magento 1.9: Unidad Didáctica 08 Estructura de un Tema
Curso de Magento 1.9: Unidad Didáctica 08 Estructura de un Tema
 
Sesionmoodle 101223143117-phpapp02
Sesionmoodle 101223143117-phpapp02Sesionmoodle 101223143117-phpapp02
Sesionmoodle 101223143117-phpapp02
 
Sesion moodle - "más allá de lo básico"...
Sesion moodle - "más allá de lo básico"...Sesion moodle - "más allá de lo básico"...
Sesion moodle - "más allá de lo básico"...
 
Sesionmoodle 101223143117-phpapp02
Sesionmoodle 101223143117-phpapp02Sesionmoodle 101223143117-phpapp02
Sesionmoodle 101223143117-phpapp02
 
1 Diseño Web introducción a Drupal
1 Diseño Web   introducción a Drupal1 Diseño Web   introducción a Drupal
1 Diseño Web introducción a Drupal
 
Curso Wordpress desde Cero, parte 2
Curso Wordpress desde Cero, parte 2Curso Wordpress desde Cero, parte 2
Curso Wordpress desde Cero, parte 2
 
Taller de Drupal - Sesión 4
Taller de Drupal - Sesión 4Taller de Drupal - Sesión 4
Taller de Drupal - Sesión 4
 
Modifica y crea temas de WordPress - Meetup WP Ourense
Modifica y crea temas de WordPress - Meetup WP OurenseModifica y crea temas de WordPress - Meetup WP Ourense
Modifica y crea temas de WordPress - Meetup WP Ourense
 
La potencia sin control no sirve de nada, claves para aprovechar el uso de Wo...
La potencia sin control no sirve de nada, claves para aprovechar el uso de Wo...La potencia sin control no sirve de nada, claves para aprovechar el uso de Wo...
La potencia sin control no sirve de nada, claves para aprovechar el uso de Wo...
 
Crea temas para Wordpress sin saber programar
Crea temas para Wordpress sin saber programarCrea temas para Wordpress sin saber programar
Crea temas para Wordpress sin saber programar
 
Buddypress: Social Networking, in a Box
Buddypress: Social Networking, in a BoxBuddypress: Social Networking, in a Box
Buddypress: Social Networking, in a Box
 
Ut3 5 presentacionesslideshare
Ut3 5 presentacionesslideshareUt3 5 presentacionesslideshare
Ut3 5 presentacionesslideshare
 
Ut3 5 presentacionesslideshare
Ut3 5 presentacionesslideshareUt3 5 presentacionesslideshare
Ut3 5 presentacionesslideshare
 
Ut3 5 presentacionesslideshare
Ut3 5 presentacionesslideshareUt3 5 presentacionesslideshare
Ut3 5 presentacionesslideshare
 
Ut3 5 presentacionesslideshare
Ut3 5 presentacionesslideshareUt3 5 presentacionesslideshare
Ut3 5 presentacionesslideshare
 

Recently uploaded

Jesucristo, Salvador del Mundo. Su misión y valor en la Historia
Jesucristo, Salvador del Mundo. Su misión y valor en la HistoriaJesucristo, Salvador del Mundo. Su misión y valor en la Historia
Jesucristo, Salvador del Mundo. Su misión y valor en la HistoriaDiffusor Fidei
 
2020 RAZO HERNANDEZ LOPEZ ENVEJECIMIENTOS Y CONSTRUCC GENERO.pdf
2020 RAZO HERNANDEZ LOPEZ ENVEJECIMIENTOS Y CONSTRUCC GENERO.pdf2020 RAZO HERNANDEZ LOPEZ ENVEJECIMIENTOS Y CONSTRUCC GENERO.pdf
2020 RAZO HERNANDEZ LOPEZ ENVEJECIMIENTOS Y CONSTRUCC GENERO.pdfANGÉLICA MARÍA RAZO GONZÁLEZ
 
La leyenda negra historia del odio-a-espana Emerson Eduardo Rodrigues
La leyenda negra historia del odio-a-espana Emerson Eduardo RodriguesLa leyenda negra historia del odio-a-espana Emerson Eduardo Rodrigues
La leyenda negra historia del odio-a-espana Emerson Eduardo RodriguesEMERSON EDUARDO RODRIGUES
 
Trastornos Depresivos en Bolivia: Investigación Actual y Futuras Direcciones
Trastornos Depresivos en Bolivia: Investigación Actual y Futuras DireccionesTrastornos Depresivos en Bolivia: Investigación Actual y Futuras Direcciones
Trastornos Depresivos en Bolivia: Investigación Actual y Futuras DireccionesGuillermo Rivera
 
2021 RAZO COMO HACER OBSERVABLES LOS CONCEPTOS DE LAS CIENCIAS SOCIALES.pdf
2021 RAZO COMO HACER OBSERVABLES LOS CONCEPTOS DE LAS CIENCIAS SOCIALES.pdf2021 RAZO COMO HACER OBSERVABLES LOS CONCEPTOS DE LAS CIENCIAS SOCIALES.pdf
2021 RAZO COMO HACER OBSERVABLES LOS CONCEPTOS DE LAS CIENCIAS SOCIALES.pdfANGÉLICA MARÍA RAZO GONZÁLEZ
 
Batalla de las Queseras del Medio 02 de Abril de 1819
Batalla de las Queseras del Medio 02 de Abril de 1819Batalla de las Queseras del Medio 02 de Abril de 1819
Batalla de las Queseras del Medio 02 de Abril de 1819antoniocaraguiche
 

Recently uploaded (7)

Jesucristo, Salvador del Mundo. Su misión y valor en la Historia
Jesucristo, Salvador del Mundo. Su misión y valor en la HistoriaJesucristo, Salvador del Mundo. Su misión y valor en la Historia
Jesucristo, Salvador del Mundo. Su misión y valor en la Historia
 
2020 RAZO HERNANDEZ LOPEZ ENVEJECIMIENTOS Y CONSTRUCC GENERO.pdf
2020 RAZO HERNANDEZ LOPEZ ENVEJECIMIENTOS Y CONSTRUCC GENERO.pdf2020 RAZO HERNANDEZ LOPEZ ENVEJECIMIENTOS Y CONSTRUCC GENERO.pdf
2020 RAZO HERNANDEZ LOPEZ ENVEJECIMIENTOS Y CONSTRUCC GENERO.pdf
 
La leyenda negra historia del odio-a-espana Emerson Eduardo Rodrigues
La leyenda negra historia del odio-a-espana Emerson Eduardo RodriguesLa leyenda negra historia del odio-a-espana Emerson Eduardo Rodrigues
La leyenda negra historia del odio-a-espana Emerson Eduardo Rodrigues
 
Trastornos Depresivos en Bolivia: Investigación Actual y Futuras Direcciones
Trastornos Depresivos en Bolivia: Investigación Actual y Futuras DireccionesTrastornos Depresivos en Bolivia: Investigación Actual y Futuras Direcciones
Trastornos Depresivos en Bolivia: Investigación Actual y Futuras Direcciones
 
2016 LIBRO SOBRE EL SENTIDO DE VIDA EN LA VEJEZ.pdf
2016 LIBRO SOBRE EL SENTIDO DE VIDA EN LA VEJEZ.pdf2016 LIBRO SOBRE EL SENTIDO DE VIDA EN LA VEJEZ.pdf
2016 LIBRO SOBRE EL SENTIDO DE VIDA EN LA VEJEZ.pdf
 
2021 RAZO COMO HACER OBSERVABLES LOS CONCEPTOS DE LAS CIENCIAS SOCIALES.pdf
2021 RAZO COMO HACER OBSERVABLES LOS CONCEPTOS DE LAS CIENCIAS SOCIALES.pdf2021 RAZO COMO HACER OBSERVABLES LOS CONCEPTOS DE LAS CIENCIAS SOCIALES.pdf
2021 RAZO COMO HACER OBSERVABLES LOS CONCEPTOS DE LAS CIENCIAS SOCIALES.pdf
 
Batalla de las Queseras del Medio 02 de Abril de 1819
Batalla de las Queseras del Medio 02 de Abril de 1819Batalla de las Queseras del Medio 02 de Abril de 1819
Batalla de las Queseras del Medio 02 de Abril de 1819
 

003 - Temas & temas hijos en WordPress

  • 1. WordPress Pamplona III MEETUP - 23 de noviembre de 2017
  • 2. Temas & temas hijos en WordPress Centro Juvenil de Burlada - Gazteleku
  • 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. ¡ Ya tenemos web ! ;-) https://wppamplona.org Gracias al hosting patrocinado por el dominio cedido por y realizada por
  • 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. 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. Opciones disponibles Nivel personalización & conocimientos WordPress.org = gratis Premium = flexibles Frameworks = rendimiento A medida = exclusivo 1 2 3 4Presupuesto ( tiempo y/o € )
  • 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. 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. ¿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. ¿Cómo crear un “Child Theme”? Desde el panel WordPress usando plugins1 Manualmente: requiere acceso archivos (FTP o panel hosting)2
  • 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. 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. 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. 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. 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. 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
  • 20. ¿ próxima Meetup? ¡ Hasta la próxima ! Es hora de hacer networking ;-)