SlideShare una empresa de Scribd logo
1 de 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 ;-)

Más contenido relacionado

La actualidad más candente

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
Ginaguerrero19
 
Pasos para crear un sitio web
Pasos para crear un sitio webPasos para crear un sitio web
Pasos para crear un sitio web
tomyycerr
 
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
David Vaquero
 
WordPress Child Themes
WordPress Child ThemesWordPress Child Themes
WordPress Child Themes
Amit Kvint
 
Introduccion Sitio Web Para 4º Medio
Introduccion Sitio Web Para 4º MedioIntroduccion Sitio Web Para 4º Medio
Introduccion Sitio Web Para 4º Medio
r2diseno
 

La actualidad más candente (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 a 003 - Temas & temas hijos en WordPress

Ut3 5 presentacionesslideshare
Ut3 5 presentacionesslideshareUt3 5 presentacionesslideshare
Ut3 5 presentacionesslideshare
ciudadana12
 
Sesionmoodle 101223143117-phpapp02
Sesionmoodle 101223143117-phpapp02Sesionmoodle 101223143117-phpapp02
Sesionmoodle 101223143117-phpapp02
Kimiemi VJ
 
Curso Wordpress desde Cero, parte 2
Curso Wordpress desde Cero, parte 2Curso Wordpress desde Cero, parte 2
Curso Wordpress desde Cero, parte 2
Sergio Nouvel Castro
 
Taller de Drupal - Sesión 4
Taller de Drupal - Sesión 4Taller de Drupal - Sesión 4
Taller de Drupal - Sesión 4
SEAT, S.A.
 
Ut3 5 presentacionesslideshare
Ut3 5 presentacionesslideshareUt3 5 presentacionesslideshare
Ut3 5 presentacionesslideshare
blogmotiv
 
Ut3 5 presentacionesslideshare
Ut3 5 presentacionesslideshareUt3 5 presentacionesslideshare
Ut3 5 presentacionesslideshare
Auxy Pardo
 
Ut3 5 presentacionesslideshare
Ut3 5 presentacionesslideshareUt3 5 presentacionesslideshare
Ut3 5 presentacionesslideshare
blogmotiv
 
Ut3 5 presentacionesslideshare
Ut3 5 presentacionesslideshareUt3 5 presentacionesslideshare
Ut3 5 presentacionesslideshare
victorfersa
 

Similar a 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
 
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"...
 
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
 

Último

PRESENTACION EN SST, plan de trabajo del sistema de seguridad y salud en el t...
PRESENTACION EN SST, plan de trabajo del sistema de seguridad y salud en el t...PRESENTACION EN SST, plan de trabajo del sistema de seguridad y salud en el t...
PRESENTACION EN SST, plan de trabajo del sistema de seguridad y salud en el t...
angierangel29072017
 

Último (7)

Suiwen He - eCommerce Day Chile 2024
Suiwen He  -  eCommerce  Day  Chile 2024Suiwen He  -  eCommerce  Day  Chile 2024
Suiwen He - eCommerce Day Chile 2024
 
Willer Gehizon Sanchez Mora
Willer Gehizon Sanchez MoraWiller Gehizon Sanchez Mora
Willer Gehizon Sanchez Mora
 
Alexander Rubilar, Enzo Tapia - eCommerce Day Chile 2024
Alexander Rubilar, Enzo Tapia - eCommerce Day Chile 2024Alexander Rubilar, Enzo Tapia - eCommerce Day Chile 2024
Alexander Rubilar, Enzo Tapia - eCommerce Day Chile 2024
 
PRESENTACION EN SST, plan de trabajo del sistema de seguridad y salud en el t...
PRESENTACION EN SST, plan de trabajo del sistema de seguridad y salud en el t...PRESENTACION EN SST, plan de trabajo del sistema de seguridad y salud en el t...
PRESENTACION EN SST, plan de trabajo del sistema de seguridad y salud en el t...
 
Felipe González - eCommerce Day Chile 2024
Felipe González - eCommerce Day Chile 2024Felipe González - eCommerce Day Chile 2024
Felipe González - eCommerce Day Chile 2024
 
Modelos comunicacionales. Antonella Castrataro.pdf
Modelos comunicacionales. Antonella Castrataro.pdfModelos comunicacionales. Antonella Castrataro.pdf
Modelos comunicacionales. Antonella Castrataro.pdf
 
Expo Construir 2024 agenda-workshops (2).pdf
Expo Construir 2024 agenda-workshops (2).pdfExpo Construir 2024 agenda-workshops (2).pdf
Expo Construir 2024 agenda-workshops (2).pdf
 

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 ;-)