 Hola, yo soy Amit. Lo que voy a hacer es una introducción bastante básica de lo que es child theme o tema hijo en español. Eso va a ser breve porque ya he visto también el anterior y se está repitiendo un poco. Las cosas que van a repetir lo voy a cortar. Espero no sufrir demasiado con el español y ver si mejor mezcla un poco de inglés también. Soy diseñador web, trabajo como frontend desde el 96. He trabajado como net script, no sé, javascript. Los dos últimos años casi exclusivamente con WordPress. Sinceramente para mí es como una herramienta muy útil creo que para mucha gente aquí porque yo, por ejemplo, no soy programador PHP, aunque yo se leer PHP, puedo entender PHP, pero no soy programador PHP. Puedo programar javascript, HTML. Bueno, HTML es la verdadera que no es programación por excellence. Si estas cosas y con el WordPress puede hacer cosas que antes era imposible hacer solo. Absolutamente imposible. Es como una revolución en realidad, pero ya se ha pasado. Eso se llama como crear tema hijo en WordPress. Primero por qué tema hijo? Para mí era la mejor forma sencillamente descargas el WordPress.org o como la versión actual de WordPress. Empiezas a meter temas y jugar un poquito con los plugins. Esto llega un momento que eso no es suficiente. Quieres hacer más cosas. Y la mejor manera para mí para aprender de cómo funciona WordPress era el tema hijo. Entonces por ahí creo que es mejor entrada al mundo del WordPress. Después la ventaja más grande quizás que tienes es que las actualizaciones se puede actualizar como tú actualizas el tema padre o cuando se actualiza el tema padre tienes el tema hijo actualizado. Eso también trabajando con framework si eso es muy importante o con temas que se actualizan mucho. No puedes romper nada que al nivel beginner digamos es muy importante. Y ya más avanzado ahora por ejemplo creando temas propios puedes crear para el cliente versiones del mismo tema con temas hijos gracias a un tema y temas hijos. Hay alguien aquí que no sabe que es tema hijo porque no he empezado por ahí. Desventajas. Para mí la primera desventaja es que la creatividad es muy limitada. Si hablamos de diseño. Porque aunque puedes cambiar todo conceptualmente estás trabajando con una base. Estás trabajando empezando por algo. Y esto es como al nivel digamos mental o conceptual. Estás como en una lucha. A veces como haciendo tema hijo y por ahí pasas después hacer temas propios. Estás siempre luchando contra algo contra el CSS por ejemplo original. Siempre ahí intentando. Esto es una desventaja muy grande. Pero es casi la única en realidad para mí. Bueno como funciona esto. Si no lo sabéis y si alguien no sabe. Tú tienes el tema hijo. El tema hijo perdona que lo creas. Ahora lo vamos a hacer aquí también. Y todo lo que está en el CSS del tema padre que lo hemos elegido antes. Se incorpora con import. En CSS ponemos una línea de import. Importamos todo el CSS antiguo o del padre. Y después todos los cambios que hacemos. Como el CSS Cask and Install Sheet. Todos los nuevos líneas de código de CSS cambian el padre. Y si no existe una línea usamos lo del padre. Y además podemos hacer también no solo cambios de estilo. El mismo funciona con functions.pchp. Y con más. Con plantillas que creamos. Lo que sea. Ok. La herramientas Photoshop of Fireworks. Hay una discusión muy grande. ¿Cuál es lo mejor? Para Disney web. Como para frontend para escribir el código. Tienes que tener un editor de código. Para el HTML, CSS JavaScript, PHP. El Codex. Como ha dicho Rocío, antes está siempre abierto al lado de... con una ventana al lado. Y tiene que tener unos conocimientos generales. MySQL, Apache, PHP, MyAdmin y más caramelos. Puesto aquí. Eso sobre todo trabajando solo. Cuando trabajas solo tienes que hacer muchas cosas solo. Tienes que la instalación, el incremento. Tienes que entender por lo menos que es. Y la versión fresca del Word es la última. Mejor. Ok. El primer paso dispuesto, el siguiente paso es elegir o escoger un tema. Un theme. Las opciones son... Bueno, hay como miles, no sé, docenas de miles de temas que podés descargar. Yo siempre trabajo cuando hago tema hijo del mismo directorio del WordWords.org. Alguien dijo ayer aquí como poner en Google tema gratis. No sé, hay que tener cuidado con estas cosas porque no todos estos temas funcionan bien, no actualizan bien, se rompen. Después lo das al cliente. El cliente no sabe. Como habéis dicho antes, da al actualizar y te llama que no funciona el tema. Entonces, o trabajar con premium, o yo personalmente, bueno, ofrimo, que eso ya se va a hablar dispuesto también, o yo personalmente prefiero trabajar los, dirámos default, por defecto del WordPress que 2010, 2011 y creo que en octubre sale el 2012, si no me equivoco. No? Creo que sí. Ok, empezando. Eso como los plugins, tenemos la carpeta de themes, dentro de la carpeta de themes para tener un tema hijo, un tema hijo, child theme. El único que hace falta es crear una carpeta dentro de themes y después dentro de esta carpeta tener un style.js. Es el único que nos hace falta para crear el tema hijo, vacío y todo, pero para crearlo, igual como los plugins que explicó vosotros antes. Entonces, tenemos aquí los themes y los temas hijos o los temas que tengamos instalados dentro. Después, otra cosa que es muy importante, digamos, para empezar, es entender el file hierarchy, la jerarquía de los archivos de, no sé si se va a poder ver bien. Bueno, esto es Tynel Codex, template hierarchy.png Tynel Codex. Eso como para saber cuál es el, qué camino hace el URL, digamos, el pedido del usuario para cada página que va a recibir, no? Como al principio se va a buscar el index, después se va al principio el home, después el index, todos los caminos cruzados que hacen y son muchos. Eso es importante porque después creando template files o plantillas también es importante aprender esto, conocer esto. Ok, después, el siguiente paso, todavía sin tocar el código, digamos, es hacer los cambios, lo que se ha hablado antes también, instalar plugins, no sé, cambios generales del escritorio. Y ahora sí, llegamos al style.css, dentro del style.css tenemos que poner estas líneas. Bueno, no tenemos que ponerla de arriba, la de import, pero la de abajo sí. El más importante aquí es el template. El template dice al Word pues de dónde traigo lo demás, lo que falta en este tema, hijo, a dónde vamos. Aquí es el 2011, que voy a presentar aquí. Y el import, este que está arriba, es para importar el style.css del padre, que en este caso, como he dicho, es el 2011. Ok, entonces están importadas todos los estilos que están ahí. En esta presentación no voy a usar sass, ni voy a usar importar otros estilos, es como solo para presentar como una introducción. Pero todo esto se puede hacer con import también, el import URL. Yo trabajo con Google Chrome como navegador, principal cuando desarrollo, y uso los developer tools de Google, como el Firebug de Firefox, más cómodo para mí. Ok, tenemos un ejemplo aquí. Voy a abrir el... He creado, por cierto, lo voy a enseñar. He creado un tema hijo para la presentación. Sí, que lo quiero poner en Google. Bueno, tenemos por un lado el 2011 theme, que todo el mundo conoceis. El tema por qué uso 2011 o 2010. Por un lado, estamos muy seguros que el código está lo más perfecto posible. Y después tiene mucha funcionalidad. Estos temas tienen mucha funcionalidad, son muy completas. Ok, y por otro lado tenemos el child camp, que es para esta presentación. Podéis ver que es como... Bueno, al nivel del diseño se puede cambiar todo, aunque aquí no ha cambiado todo, pero se puede cambiar todo. Y después también hay funcionalidad, que ahora vamos a repasar, que se han cambiado también. Como menús nuevos, registrando de menús, plantillas de páginas, etcétera. No sé si voy a repasar un poquito el CSS. Ok, tenemos el import URL de arriba. Tengo aquí los comentarios, y después puedo ponerlo en el blog o pasarlo. Si queréis, aquí hay el font face en typo. No sé si lo conocéis. Todo el uso de usar iconos como fuente y no en imágenes, que es para conseguir, por ejemplo, aquí en los comentarios. Este icono de lápiz, o es un icono, es una fuente. Y esto viene de intypo, se llama intypo. Podéis bajar los font face de todos estos iconos, es gratis. Y otro font face, que es para la fuente principal. Ok, esto es primero la tipografía. Es bastante sencillo. El fondo horizontal de la página, de page. Ah, bueno, es una cosa que no he enseñado. Para usar el... Para ver el... O inspeccionar el elemento, se llama en español, ¿no? Respectelement. Y así empezamos. No voy mirando qué quiero cambiar con la lupa, que está aquí abajo. Y con el código abierto. Y este es el branding famoso, si alguien ha hecho... Seguro que lo habéis hecho más de una vez. Después el menú, los links, cada cosa lo podemos ver. Y después cambiarla en nuestro código CSS del tema hijo nuevo que hemos creado. Entonces sí voy cambiando cosas. Vamos cambiando cosas. Font size. Este es para cambiar la posición del menú. Access, que es el menú nav de este tema. Otra cosa también importante que hago mucho es abriendo el tema padre y leyendo el CSS conociéndolo bien, aprendiendo cómo se ha escrito. Tenemos aquí otras botones de navegación. Eso llamando a CSS, a hijos que son... Bueno, hijos de L.I., si lo conocéis, el widget. Es que quería enseñar aquí algo que hemos hablado... que se ha hablado ayer. Sí, el after. Este es para mostrar el icono este, el after. Lo que he enseñado antes, el lápiz este que se enseña y el content del after, que siempre tiene que poner content porque si no funciona, o vacío, o en este caso como es una fuente en typo el símbolo que quieres poner, que en este caso es el endelí. Ok, ese es lo que crea el lápiz este otra vez. Ok, bien, entonces tenemos el CSS y a todo más o menos bien funcionando o al nuestro estilo, como queremos. Otra cosa muy importante es teniendo... cuando tenemos ya el tema más o menos preparado a hacer una screenshot, de falta... screenshot.png, para ponerlo dentro... eso se pone dentro de la raíz del tema para que después en el escritorio podemos elegir o no tenemos un tema vacío. Ok, es el icono este, el screenshot que nos sale como de miniatura de los temas. Ok, aquí el siguiente paso para mí, por lo menos es entrar en functions.php. Yo normalmente no uso plugins a la mujer o sonero normalmente trabajo en functions.php. Es verdad que después no lo puedes dar a nadie ni lo puedes... bueno, es que no lo puedes rehusar, es más difícil encontrarlo, pero no sé. Él ha ido una vez que es más mejor. O sea, resto, voy a abrir el functions.php. Y aquí también ya como la anterior... como la charla anterior hablado de los functions no quiero repetir, ese es el functions.php de este tema, es también bastante sencillo. Aquí lo que quiero destacar es la taxonomía que no se ha hablado aquí todavía en el WorldHump. Y creo, si no me equivoco, es algo bastante... creo que es dentro del... a partir de 2,9 creo que empezó la taxonomía. Es otra... bueno, siempre hubo ese discurso si WordPress es blog para blog o si es CMS. Primero, al nivel del usuario, yo no veo ninguna diferencia. Blog es web, es lo mismo, al nivel del usuario. Y después, ahora con el nuevo WordPress, bueno, la nueva solución es, hay muchas más herramientas que son CMS, digamos, clásicos. Por ejemplo, como la taxonomía. En una palabra la taxonomía es para registrar taxonomía. Tenemos una función del WordPress ya. Y puedo, por ejemplo, decir que en vez de usar categorías voy a usar asistentes. Y se va a llamar asistentes WorldHump. Ok, después, si tiene jerarquía o no tiene jerarquía. Ponentes, ok, para hacer, por ejemplo, una, bueno, digamos, una página como IMDB o una página que registra a todos los usuarios y asistentes del WorldHump. Ok, después tenemos el Add Action. Se habló antes también, no sé. Eso es para quitar las cabeceras. Las cabeceras que vienen por defecto. Con el 2011. Son las imágenes que se cambian en el encabezado. Estas son, que aquí no se habló. Entonces sí lo voy a decir. Esto es para registrar un nuevo menú. El 2011 viene con un menú. Aquí puedo registrar, bueno, puedo registrar cuánto menús que quiero. Y después lo engancho con los ganchos estos que se habló entonces en el tema. Y aquí es para quitar menús. Eso es para añadir para quitar widgets y para añadir zonas widgets. Ahora vamos a ver. Para otro que está ahí. Para añadir tamanios de imágenes. Tenemos los tres tamanios de imágenes que vienen por defecto. Cuando entramos al escritorio en el media, podemos cambiar los tamanios de imágenes. Eso es para añadir otros tamanios de imágenes. Para tener cinco tamaños de imágenes. Lo que sí, lo que pasa es que después, cuando añadís imágenes a tu nuestra instalación, tenemos ahora ya cinco tamaños diferentes para cada imagen que incorporamos. Y si tenemos imágenes antiguos, hay que usar un plugin, un plugin que ahora no me acuerdo cómo se llama, que coge todas estas imágenes anteriores y lo cambia, bueno, le añade los nuevos tamanios que tenemos. Eso se habló antes. Dañadir Twitter, por ejemplo. Pero creo que ya en la versión nueva no hace falta. Igual que esto, que en la versión nueva ya no hace falta. Esos son las imágenes. Function para mover el admin que sí está escrito dentro de la página. Como ha dicho antes, Rafa no está muy bien. Mejor que se escribe dentro del style. Esto es el Functions, así como en unas palabras. Ok, entonces ya tenemos el Functions hecho. Hemos registrado nuevos menús, hemos añadido son los widgets, otras medidas para las imágenes, si queremos, claro. Ok, el próximo es hablar un poco de archivos de plantilla. Los archivos de plantilla no como el CSS que tenemos, no tenemos que incorporar o copiar el CSS original a nuestra carpeta. Aquí si quiero cambiar el header.php o el footer.php o lo que sea, lo tengo que copiar, meter en mi carpeta del tema hijo y ahí hago los cambios. Y WordPress va a ignorar totalmente el archivo original del padre. Lo bonito es que podéis hacer lo que queráis, si rompemos algo, si rompemos algo, copio de nuevo el header.php y ya está, no pasa nada. Ok, se puede hacer cambios estáticos, no lo voy a pasar porque creo que aquí la mayoría de la gente sabe muy bien cómo hacerlo. Pero no siempre quiero hacer cambios que son dinámicos. Yo quiero meter, por ejemplo, una imagen. No creo, por lo menos, no creo para cada cosa una función. Esta imagen, por ejemplo, entro al sitebar.php y pongo image source, lo que sea. Alt, por supuesto. Por cierto, alt no es solo cosa de SEO. Alt es un error. No poner alt en una imagen, para mirar el código es un error, salio un error. Es un error porque la parte del SEO es también para la gente con discapacidad. Es un error de escribir, de adjetamela, es un error de adjetamela. Ok, ejemplos de template files, lo más comunes que cambiamos, o que cambio header.php, index, page, sitebar, single, que es para la entrada. Esa toda salena codex, por supuesto. Voy a pasar el header, por ejemplo. Veis que ya tengo el header dentro de mi carpeta del tema. Está ahí, está ahí. El header, normal, corriente, con su esto. Y aquí, por ejemplo, ponemos un header sitebar. Pongo un nuevo div, pongo el dynamic sitebar. Y así, después lo miramos en el escritorio. Lo pongo, lo puedo manipular en el escritorio. El footer también, no voy a repasar todo, porque no me queda mucho tiempo. Ok, eso es muy importante. Yo puedo, como aníadir, cualquier archivo.php que añado a mi tema. Lo puedo aníadir. Y después puedo hacer los cambios necesarios para hacer cambios, no todos los, bueno, para tener varios plantillas. Por ejemplo, aquí el contacto. Veis que eso es todo en negro. Y el contacto, eso es muy sencillo, pero bueno, es una puerta para hacer mucho más cosas. He cambiado el, he cambiado como el CSS de este, he añadido un div, que está solo en whitey, whitey.php. Cuando hago el llamamento a esta página, que en el escritorio pongo que usa la plantilla whitey, usa el whitey que tenía que ser gray en realidad, pero como doble y griega, no va bien. Y eso es lo que tengo que poner, para que me funcione en este caso el whitey.php, es el template name que está arriba, dentro, entre el php, el whitey, y después get header para atraer la información normal de header. Eso es, en realidad está copiado, y pegado del page.php. Y abajo, si veis, tenemos el un div, he cambiado en este caso, no he añadido un div, si he cambiado el id del div content, y lo he llamado content white. Y después en el CSS tengo un content white, que hace este cambio. Más cosas, para aprender, para poder como crear temas hijos muy completos, es aprender bien, o saber bien, como he dicho antes, no soy programador php, pero sí conozco muy bien los template tags php, del WordPress. Creado taxonomía, hemos servido un poco, y cambios para la barra de admin, que está también, bueno, lo han pasado antes, no lo voy a... Eso es la página de template tag, como funciona. El siguiente paso, ya estáis cansados de tema hijo, y queréis hacer vuestro tema, o bueno, o hacer un tema hijo más completo, es aprendiendo muy bien el loop, el bucle de WordPress, que es en realidad la base de todo esto. Get header, get eso, cuando hay post, cuando hay entrada a esto, cuando hay entrada de esta taxonomía hacia el otro, como he dicho, empezando de cero, creando propio tema, que son herramientas muy potentes, cuando ya tenéis el tema hijo controlado, el framework añade mucha potencia, mucho más posibilidades. Ya está, muchas gracias.