{"id":286,"date":"2018-02-28T14:11:19","date_gmt":"2018-02-28T13:11:19","guid":{"rendered":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/?p=286"},"modified":"2018-03-09T21:25:58","modified_gmt":"2018-03-09T20:25:58","slug":"anatomia-de-los-temas-para-wordpress","status":"publish","type":"post","link":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/anatomia-de-los-temas-para-wordpress\/","title":{"rendered":"Anatom\u00eda de los temas para WordPress"},"content":{"rendered":"<h2>1. Qu\u00e9 son los temas para WordPress<\/h2>\n<p>Un tema para WordPress es un conjunto de ficheros (de c\u00f3digo <a href=\"https:\/\/es.wikipedia.org\/wiki\/PHP\" target=\"_blank\" rel=\"noopener\">PHP<\/a>, de c\u00f3digo <a href=\"https:\/\/es.wikipedia.org\/wiki\/Hoja_de_estilos_en_cascada\" target=\"_blank\" rel=\"noopener\">CSS<\/a>, de c\u00f3digo <a href=\"https:\/\/es.wikipedia.org\/wiki\/JavaScript\" target=\"_blank\" rel=\"noopener\">JavaScript<\/a>, im\u00e1genes y otros elementos multimedia, ficheros de traducci\u00f3n, etc.) que proporciona a un sitio web el aspecto y la funcionalidad previstos por sus dise\u00f1adores. Con cierta frecuencia se suele decir que los temas afectan solo al dise\u00f1o del sitio (y por eso se utilizan met\u00e1foras como la del vestuario o la capa de pintura para explicar su papel), pero lo cierto es que la mayor parte de los temas tambi\u00e9n presentan funcionalidades relacionadas con la selecci\u00f3n del contenido, la estructuraci\u00f3n de la informaci\u00f3n, la forma en que los usuarios pueden interactuar con la aplicaci\u00f3n, etc.<\/p>\n<h2>2. Anatom\u00eda de los temas para WordPress<\/h2>\n<p>Todos los temas para WordPress tienen una serie de\u00a0<a href=\"https:\/\/codex.wordpress.org\/Theme_Development\" target=\"_blank\" rel=\"noopener\">rasgos comunes<\/a>:<\/p>\n<ul>\n<li>Sus ficheros se organizan en un subdirectorio cuyo nombre suele coincidir con el nombre del tema; este subdirectorio forma parte del directorio de temas de la aplicaci\u00f3n (<strong>\/wp-content\/themes<\/strong>). Por ejemplo, un tema que se denomine \u00abPNTE\u00bb, normalmente residir\u00e1 en el subdirectorio\u00a0<strong>\/wp-content\/themes\/pnte<\/strong>).<\/li>\n<li>Disponen de un fichero de hoja de estilos (<strong>style.css<\/strong>), en el que se definen los metadatos del tema y se declaran los rasgos de estilo (tipograf\u00eda, colores, espaciado, elementos ic\u00f3nicos, etc.) propios de su dise\u00f1o.<\/li>\n<li>Incluyen diversos <a href=\"https:\/\/codex.wordpress.org\/Stepping_Into_Templates\" target=\"_blank\" rel=\"noopener\">ficheros de plantilla<\/a>, que controlan la forma en que las p\u00e1ginas del sitio web \u00ableen\u00bb la informaci\u00f3n almacenada en la base de datos y la muestran en el sitio. WordPress dispone de una compleja <a href=\"https:\/\/developer.wordpress.org\/themes\/basics\/template-hierarchy\/\" target=\"_blank\" rel=\"noopener\">jerarqu\u00eda de plantillas<\/a>, que determina c\u00f3mo se genera la informaci\u00f3n en todas las posibles condiciones.<\/li>\n<li>Cuentan con un fichero de funciones, denominado <strong>functions.php<\/strong>, en el que se definen las funciones esenciales del tema. Este rasgo es potestativo; es decir, pueden existir temas que no cuenten con ning\u00fan tipo de funci\u00f3n propia.<\/li>\n<li>Cuentan con un fichero de imagen (<strong>screenshot.png<\/strong>) que contiene una captura de pantalla del tema, y act\u00faa a modo de identificador visual. Este rasgo tambi\u00e9n es potestativo, aunque la inmensa mayor\u00eda de los temas (sobre todo si son de calidad) incluyen dicho fichero.<\/li>\n<\/ul>\n<p>La mayor parte de los elementos que acabamos de describir pueden verse en la figura 1. En ella se muestra la estructura de ficheros y directorios del tema-padre Genesis, instalado en este mismo sitio web.<\/p>\n<figure id=\"attachment_292\" aria-describedby=\"caption-attachment-292\" style=\"width: 962px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" class=\"wp-image-292 size-full\" title=\"Figura 1 - Ficheros del tema Genesis\" src=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-content\/uploads\/2018\/02\/ficheros-tema-genesis.jpg\" alt=\"Figura 1 - Ficheros del tema Genesis\" width=\"962\" height=\"597\" srcset=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-content\/uploads\/2018\/02\/ficheros-tema-genesis.jpg 962w, https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-content\/uploads\/2018\/02\/ficheros-tema-genesis-300x186.jpg 300w, https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-content\/uploads\/2018\/02\/ficheros-tema-genesis-768x477.jpg 768w\" sizes=\"(max-width: 962px) 100vw, 962px\" \/><figcaption id=\"caption-attachment-292\" class=\"wp-caption-text\">Figura 1 &#8211; Ficheros del tema Genesis<\/figcaption><\/figure>\n<h2>3. Estructura de los temas para WordPress<\/h2>\n<p>No vamos a profundizar en los aspectos m\u00e1s t\u00e9cnicos de la estructura interna de los temas, ya que ello exigir\u00eda conocimientos de cierto nivel acerca del lenguaje de programaci\u00f3n PHP (los interesados pueden consultar el <a href=\"https:\/\/developer.wordpress.org\/themes\/\" target=\"_blank\" rel=\"noopener\">Theme Handbook<\/a>, que contiene una exhaustiva documentaci\u00f3n), pero s\u00ed nos detendremos brevemente en explicar la estructura y funcionamiento t\u00edpicos de un tema para WordPress. Con tal prop\u00f3sito vamos a utilizar la estupenda\u00a0<a href=\"https:\/\/jorgecastro.mx\/anatomia-de-un-tema-de-wordpress\/\" target=\"_blank\" rel=\"noopener\">infograf\u00eda publicada por Jorge Castro<\/a>, a su vez basada en otra de <a href=\"https:\/\/yoast.com\/wordpress-theme-anatomy\/\" target=\"_blank\" rel=\"noopener\">Yoast<\/a> (esta \u00faltima, en ingl\u00e9s):<\/p>\n<figure style=\"width: 900px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/jorgecastro.mx\/anatomia-de-un-tema-de-wordpress\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" title=\"Figura 2 - Anatom\u00eda de un tema de WordPress\" src=\"https:\/\/i2.wp.com\/jorgecastro.mx\/wp-content\/uploads\/2015\/05\/anatomia-de-un-tema-de-wordpress.jpg?w=900&amp;ssl=1\" alt=\"Figura 2 - Anatom\u00eda de un tema de WordPress\" width=\"900\" height=\"5106\" \/><\/a><figcaption class=\"wp-caption-text\">Figura 2 &#8211; Anatom\u00eda de un tema de WordPress<\/figcaption><\/figure>\n<h2>4. Tema padre y temas hijos<\/h2>\n<p>Como veremos m\u00e1s adelante, WordPress ofrece enormes posibilidades para configurar y personalizar los temas. Sin embargo, cuando se quieren realizar cambios de cierta profundidad y alcance, como por ejemplo cambiar a fondo el aspecto visual de un tema o incorporar nuevas funcionalidades, conviene utilizar una t\u00e9cnica espec\u00edfica, que consiste en crear un tema basado en otro ya existente, e incluir en aquel solo los cambios necesarios para modificar este. El tema nuevo se denomina <a href=\"https:\/\/codex.wordpress.org\/Child_Themes\" target=\"_blank\" rel=\"noopener\">\u00abtema hijo\u00bb<\/a> (<em>child theme<\/em>), y el original \u00abtema padre\u00bb (<em>parent theme<\/em>). De esta manera, se aprovechan las virtudes del tema padre, que act\u00faa como una base probada y eficaz, y se genera un tema nuevo, generalmente peque\u00f1o y f\u00e1cil de mantener, que solo contiene las modificaciones necesarias.<\/p>\n<p>Aunque en este curso no nos ocuparemos de los procedimientos de elaboraci\u00f3n de temas hijo, animamos a los asistentes, y especialmente a quienes tienen conocimientos de programaci\u00f3n, a que experimenten y practiquen por sus propios medios; para ello\u00a0pueden montar un entorno de desarrollo local, con paquetes ya preparados como <a href=\"https:\/\/www.apachefriends.org\/es\/index.html\" target=\"_blank\" rel=\"noopener\">Xampp<\/a> o <a href=\"https:\/\/www.mamp.info\/en\/\" target=\"_blank\" rel=\"noopener\">Mamp<\/a>, y guiarse por art\u00edculos como\u00a0<a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/\" target=\"_blank\" rel=\"noopener\">Child Themes<\/a>, del manual oficial de elaboraci\u00f3n de temas de WordPress). Por otro lado, conviene que todos los alumnos y alumnas del curso tengan presente los conceptos de tema padre y temas hijos, as\u00ed como sus principios elementales, ya que todos los temas de la familia Genesis est\u00e1n construidos en torno a ellos: el tema Genesis es el \u00abpadre\u00bb y los dem\u00e1s temas de la familia son sus \u00abhijos\u00bb, todos diferentes (y algunos muy singulares), pero todos ellos tambi\u00e9n con un indiscutible aire de familia.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Caracter\u00edsticas fundamentales y elementos b\u00e1sicos de los temas para WordPress. Configuraci\u00f3n de los temas mediante el personalizador.<\/p>\n","protected":false},"author":1,"featured_media":291,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"content-sidebar"},"categories":[6],"tags":[89,92,93,94,87],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Anatom\u00eda de los temas para WordPress - Curso de WordPress 2018<\/title>\n<meta name=\"description\" content=\"Anatom\u00eda de los temas para WordPress. Caracter\u00edsticas fundamentales y elementos b\u00e1sicos de los temas para WordPress. Configuraci\u00f3n de los temas mediante el personalizador.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/anatomia-de-los-temas-para-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Anatom\u00eda de los temas para WordPress - Curso de WordPress 2018\" \/>\n<meta property=\"og:description\" content=\"Anatom\u00eda de los temas para WordPress. Caracter\u00edsticas fundamentales y elementos b\u00e1sicos de los temas para WordPress. Configuraci\u00f3n de los temas mediante el personalizador.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/anatomia-de-los-temas-para-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Curso de WordPress 2018\" \/>\n<meta property=\"article:published_time\" content=\"2018-02-28T13:11:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-03-09T20:25:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-content\/uploads\/2018\/02\/chaquetas.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1067\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Administrador\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Administrador\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/anatomia-de-los-temas-para-wordpress\/\",\"url\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/anatomia-de-los-temas-para-wordpress\/\",\"name\":\"Anatom\u00eda de los temas para WordPress - Curso de WordPress 2018\",\"isPartOf\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#website\"},\"datePublished\":\"2018-02-28T13:11:19+00:00\",\"dateModified\":\"2018-03-09T20:25:58+00:00\",\"author\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/66915292b50e141a7c1d01acb5eb0f84\"},\"description\":\"Anatom\u00eda de los temas para WordPress. Caracter\u00edsticas fundamentales y elementos b\u00e1sicos de los temas para WordPress. Configuraci\u00f3n de los temas mediante el personalizador.\",\"breadcrumb\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/anatomia-de-los-temas-para-wordpress\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/anatomia-de-los-temas-para-wordpress\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/anatomia-de-los-temas-para-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Anatom\u00eda de los temas para WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#website\",\"url\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/\",\"name\":\"Curso de WordPress 2018\",\"description\":\"Curso avanzado sobre WordPress en el CAP de Pamplona\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/66915292b50e141a7c1d01acb5eb0f84\",\"name\":\"Administrador\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g\",\"caption\":\"Administrador\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Anatom\u00eda de los temas para WordPress - Curso de WordPress 2018","description":"Anatom\u00eda de los temas para WordPress. Caracter\u00edsticas fundamentales y elementos b\u00e1sicos de los temas para WordPress. Configuraci\u00f3n de los temas mediante el personalizador.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/anatomia-de-los-temas-para-wordpress\/","og_locale":"es_ES","og_type":"article","og_title":"Anatom\u00eda de los temas para WordPress - Curso de WordPress 2018","og_description":"Anatom\u00eda de los temas para WordPress. Caracter\u00edsticas fundamentales y elementos b\u00e1sicos de los temas para WordPress. Configuraci\u00f3n de los temas mediante el personalizador.","og_url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/anatomia-de-los-temas-para-wordpress\/","og_site_name":"Curso de WordPress 2018","article_published_time":"2018-02-28T13:11:19+00:00","article_modified_time":"2018-03-09T20:25:58+00:00","og_image":[{"width":1600,"height":1067,"url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-content\/uploads\/2018\/02\/chaquetas.jpg","type":"image\/jpeg"}],"author":"Administrador","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Administrador","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/anatomia-de-los-temas-para-wordpress\/","url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/anatomia-de-los-temas-para-wordpress\/","name":"Anatom\u00eda de los temas para WordPress - Curso de WordPress 2018","isPartOf":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#website"},"datePublished":"2018-02-28T13:11:19+00:00","dateModified":"2018-03-09T20:25:58+00:00","author":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/66915292b50e141a7c1d01acb5eb0f84"},"description":"Anatom\u00eda de los temas para WordPress. Caracter\u00edsticas fundamentales y elementos b\u00e1sicos de los temas para WordPress. Configuraci\u00f3n de los temas mediante el personalizador.","breadcrumb":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/anatomia-de-los-temas-para-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/anatomia-de-los-temas-para-wordpress\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/anatomia-de-los-temas-para-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/"},{"@type":"ListItem","position":2,"name":"Anatom\u00eda de los temas para WordPress"}]},{"@type":"WebSite","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#website","url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/","name":"Curso de WordPress 2018","description":"Curso avanzado sobre WordPress en el CAP de Pamplona","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/66915292b50e141a7c1d01acb5eb0f84","name":"Administrador","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g","caption":"Administrador"}}]}},"_links":{"self":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/posts\/286"}],"collection":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/comments?post=286"}],"version-history":[{"count":0,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/posts\/286\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/media\/291"}],"wp:attachment":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/media?parent=286"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/categories?post=286"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/tags?post=286"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}