Upload
others
View
0
Download
0
Embed Size (px)
Citation preview
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!