TemashijosdeWordPress(ChildThemes)

Quiénsoy

AngelesPor+llo-@zanguangay@churbaypor+lloU+lizoWordPressdesde2006ContribucionesentraduccionesalespañolyforosWordPressMeetups:Murcia,MarbellaCofundadoradeChurba&Por+lloen2001

¿QuéesuntemadeWordPress?

¿QuéesuntemadeWordPress?Unconjuntodeficherosqueproducenunainterfazgráfica,undiseñoabsolutamenteindependientedelcontenido.

-index.php

-style.css

Estructurabásicadeuntema

Cabecera

Pie

AsideContenidoprincipal

-footer.php

-header.php

-index.php

-sidebar.php

-style.css

Estructurabásicadeuntema

header.php

footer.php

sidebar.phpContenidovariable

-header.php-footer.php-sidebar.php-front-page.php-home.php-single.php-page.php-category.php-comments.php-search.php-404.php-func9ons.php

Estructurabásicadeuntema

header.php

footer.php

sidebar.phpContenidovariable

TemasgratuitosenrepositoriodeWordPress:hNp://wordpress.org/themes/

TemascomercialesbajoGPL

-Marketplaces(ThemeForest,etc.)

-Empresasespecializadas(EleganNhemes,etc.)

Ymuchosmásen:hNp://wordpress.org/themes/commercial/

EncontrartemasdeWordPress

RepositoriodeWordPress

ModificartemasdeWordPressPorFTP

ModificartemasdeWordPressConeleditordeWordPress

ModificartemasdeWordPressConelpersonalizadordetemas

ModificartemasdeWordPressConuntemahijo(ChildTheme)

ModificartemasdeWordPressconuntemahijo

hNps://codex.wordpress.org/Child_Themes

Untemahijoesuntemaqueheredalafuncionalidadyeles+lodeotrotema,llamadotemaprincipalotemapadre.

Untemahijoeslaformamásrecomendabledemodificaruntemaexistente.

QuéesuntemahijohNps://codex.wordpress.org/Child_Themes

1.  Paraevitarpérdidasenlasactualizaciones(seguridad)

2.  Paraacelerarel+empodedesarrollo(produc+vidad)

3.  ParaaprenderadesarrollartemasdeWordPress

4.  Paraañadirplan+llas

5.  Paraañadiromodificarfuncionesdetemasoplugins(hooksyfiltros)

¿Porquéuntemahijo?hNps://codex.wordpress.org/Child_Themes

Untemahijoconstadealmenosundirectorioydosarchivos:style.cssfunc+ons.php

CreandountemahijohNps://codex.wordpress.org/Child_Themes

wp-content/themes/mi-tema-hijo

CreandountemahijoCreamosundirectorioparaeltemahijo

wp-content/themes/mi-tema-hijo

CreandountemahijoNombramoseltemahijo

wp-content/theme/mi-tema-hijo/style.css

Crearstyle.cssCreamosunahojadees+losenelmismodirectorio

hNps://codex.wordpress.org/Child_Themes

Crearstyle.css

hNps://codex.wordpress.org/Child_Themes

Crearstyle.css

hNps://codex.wordpress.org/Child_Themes

Sobreescribirstyle.css

hNps://codex.wordpress.org/Child_Themes

Usarinspectorweb

Sobreescribirstyle.css

Nousar@import

UsarlasfuncionesdeWPEncolamosloses+los

wp-content/themes/mi-tema-hijo/func+ons.php

Crearfunctions.phpCreamosunarchivofunc+ons.php

Crearfunctions.phpCreamosunarchivofunc+ons.php

hNps://codex.wordpress.org/Child_Themes

hNps://codex.wordpress.org/Child_Themes

Screenshot

wp-content/themes/mi-tema-hijo/screenshot.png

ScreenshotCreamosunaimagenscreenshot

ScreenshotCreamosunarchivofunc+ons.php

Trucosfunctions.phpModificandofunc+ons.php

hNps://digwp.com/2016/01/include-styles-child-theme/

Trucosfunctions.phpModificarfunc+ons.php

hNps://digwp.com/2016/01/include-styles-child-theme/

CreandountemahijoModificandofunc+ons.php

“Adiferenciadestyle.css,elfunc+ons.phpdeuntemahijonosobrescribealtemapadre.Enlugardeeso,secargaenadiciónafunc9ons.phpdeltemapadre.(Especificamente,secargajustoantesdeltemapadre.)”

hNps://codex.wordpress.org/es:Temas_hijos#Uso_de_func+ons.php

Añadirfuncionalidades

Personalizarpáginadeacceso

AgregarfuentesdeGoogle

Personalizarqueries

hNp://wp-snippets.com/

CrearCustomPostTypes

1.GenerarcódigohNp://themergency.com/generators/wordpress-custom-post-types/

2.Pegarloenelfunc+ons.phpdenuestrotemahijohNp://codex.wordpress.org/custom_post_types

3.OusarunplugincomoAdvancedCustomFields

Agregaromodificarplantillas

hNps://developer.wordpress.org/themes/template-files-sec+on/page-template-files/

wpb

arcelona

Agregaromodificarplantillas

hNps://developer.wordpress.org/themes/template-files-sec+on/page-template-files/

wpb

arcelona

Jerarquíadeplantillas

Lostemascarganunficherosegúnlape+ción:index,single,category,page…

Entemashijosprevalecelacarpetadeltemahijo,esdondeprimerosemira.

hNps://developer.wordpress.org/themes/basics/template-hierarchy/

JerarquíadeplantillasenWP

Sobreescribirplantillas

index.php

header.php

footer.php

page.php

single.php

category.php

404.php

taxonomy.php

¡Muchasgracias!¿preguntas?

¡vamosapracticar!