{"id":89097,"date":"2022-07-14T21:33:46","date_gmt":"2022-07-14T19:33:46","guid":{"rendered":"https:\/\/rmarketingdigital.com\/wordpress\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\/"},"modified":"2021-03-03T15:40:44","modified_gmt":"2021-03-03T18:40:44","slug":"introduccion-a-la-anatomia-de-un-tema-de-wordpress","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/en\/wordpress\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\/","title":{"rendered":"Introduction to the anatomy of a WordPress theme"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Contenidos<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\/#Un-poco-de-preparacion-de-HTML\" >Un poco de preparaci\u00f3n de HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\/#Archivo-de-plantilla-Indexphp\" >Archivo de plantilla Index.php<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\/#Archivo-de-plantilla-Headerphp\" >Archivo de plantilla Header.php<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\/#Archivo-de-plantilla-Sidebarphp\" >Archivo de plantilla Sidebar.php<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\/#Archivo-de-plantilla-Footerphp\" >Archivo de plantilla Footer.php<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\/#Resumen\" >Resumen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\/#Conclusion\" >Conclusi\u00f3n<\/a><\/li><\/ul><\/nav><\/div>\n<div class=\"container-med\">\n<div id=\"post-series\">\n<ol>\n<li><span><span class=\"count\">1.<\/span> Tutorial de WordPress: C\u00f3mo crear un tema de WordPress a partir de HTML (Parte 1)<\/span><\/li>\n<li><span><span class=\"count\">2.<\/span> Tutorial de WordPress: C\u00f3mo crear un tema de WordPress a partir de HTML (Parte 2)<\/span><\/li>\n<li><span class=\"current\"><span class=\"count\">3.<\/span> Actualmente leyendo:<em> Introducci\u00f3n a la anatom\u00eda de un tema de WordPress<\/em><\/span><\/li>\n<\/ol>\n<\/div>\n<div class=\"entry atype\">\n<p>Hace un tiempo, le presentamos el concepto de crear un tema de WordPress a partir de HTML.  Dividimos la gu\u00eda en dos partes y hoy vamos a desarrollar los dos tutoriales, de este modo no dudes en considerar esta publicaci\u00f3n como la tercera publicaci\u00f3n de la serie de publicaciones.  Mi objetivo es desmontar el tema de WordPress para darte una idea clara de c\u00f3mo funciona (el tema).<\/p>\n<p>Esta publicaci\u00f3n asume que tienes conocimientos pr\u00e1cticos de HTML y CSS.  Seguir\u00e9 adelante y declarar\u00e9 que tener habilidades en HTML y CSS es un requisito previo para dise\u00f1ar temas de WordPress.  Una cosa m\u00e1s, esta publicaci\u00f3n se mantendr\u00e1 libre de palabras grandes y conceptos dif\u00edciles; ser\u00e1 f\u00e1cil de entender, de este modo prep\u00e1rate para divertirte y aprender.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Un-poco-de-preparacion-de-HTML\"><\/span>Un poco de preparaci\u00f3n de HTML<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Cada p\u00e1gina web HTML se divide en diferentes partes usando la etiqueta <\/p>\n<div>.  A modo de ejemplo, puede dividir el cuerpo (<cuerpo>) de su sitio web en varias secciones, como navegaci\u00f3n, encabezado, contenido principal, barra lateral y pie de p\u00e1gina, entre otras.<\/p>\n<p>Una vez que tenga su p\u00e1gina web en secciones, puede ordenar (u organizar) las secciones como desee usando CSS.  Esta operaci\u00f3n se conoce como estilo e implica agregar otros items de estilo como color, tama\u00f1o, bordes, efectos especiales, etc. Tal es el poder de CSS, que, por cierto, es la abreviatura de Cascading Style Sheets.  Cuando junta sus archivos HTMl y CSS y agrega un par de im\u00e1genes, termina con un sitio web completo.<\/p>\n<p>Las cosas no son muy diferentes con los temas de WordPress.  Como vimos en la parte 1 de C\u00f3mo crear un tema de WordPress a partir de HTML, los temas de WordPress se dividen en diferentes archivos.  Si no puede detectar alguna similitud en este punto, perm\u00edtame explicarlo.<\/p>\n<p>Las p\u00e1ginas web HTML est\u00e1ticas se dividen en divisiones (lo que llamamos secciones previamente) usando etiquetas <\/p>\n<div> (o tablas si realmente eres de la vieja escuela).  A parte de esto, los temas de WordPress se dividen en diferentes archivos php, que luego se vuelven a unir usando etiquetas de plantilla.<\/p>\n<p>De esta manera, en lugar de tener todos los items del cuerpo (encabezado, contenido principal, barra lateral, pie de p\u00e1gina, etc.) viviendo en un solo archivo (como es el caso del HTML est\u00e1tico), cada uno de los items del cuerpo (en los temas de WordPress) vive en archivos separados.<\/p>\n<p>De esta manera, el encabezado vivir\u00e1 en header.php, la barra lateral encontrar\u00e1 el inicio en sidebar.php, el contenido principal vivir\u00e1 en index.php o single.php (si es una publicaci\u00f3n) o page.php (si es una p\u00e1gina ).  La secci\u00f3n de pie de p\u00e1gina vivir\u00e1 en footer.php y as\u00ed sucesivamente.<\/p>\n<p>Estas siguiendo?  Vea la siguiente ilustraci\u00f3n:<\/p>\n<p><img alt='html-wordpressstructure-6670702' loading=\"lazy\" class=\"fullimg\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/html-wordpressstructure-6670702.png' alt=\"html-wordpress = estructura\" width=\"750\" height=\"500\"><\/p>\n<p>De nuestra ilustraci\u00f3n anterior, <? Php get_header ();  ?>, <? php get_sidebar ();  ?> y <? php get_header ();  ?> se denominan etiquetas de plantilla.  Su trabajo es buscar header.php, sidebar.php y footer.php en ese orden desde su directorio de temas, y mostrar el contenido en su index.php, completando as\u00ed la p\u00e1gina web.<\/p>\n<p>No dejes que el <strong>.php<\/strong> te asuste, el contenido dentro de los archivos php es solo c\u00f3digo HTML con el que est\u00e1s familiarizado.  A modo de ejemplo, su header.php puede contener una navegaci\u00f3n t\u00edpica por listas HTML.  De la misma forma, puede poner c\u00f3digo HTML t\u00edpico en footer.php, sidebar.php e index.php.<\/p>\n<p>Al mismo tiempo puede colocar el <strong>loop.php<\/strong> funciona en su index.php (o en cualquier lugar que desee) para mostrar las publicaciones de su blog, pero deber\u00eda disminuir la velocidad y volver a la anatom\u00eda de los temas de WordPress.  He mencionado un par de cosas sobre el ciclo en la parte 2 de c\u00f3mo crear un tema de WordPress a partir de HTML.  y hablaremos de \u00e9l (el bucle) y otras funciones en el futuro.<\/p>\n<p>Hacia adelante\u2026<\/p>\n<p>Un tema b\u00e1sico de WordPress se compone de al menos cuatro archivos de plantilla, a saber:<\/p>\n<ol>\n<li>index.php<\/li>\n<li>header.php<\/li>\n<li>sidebar.php<\/li>\n<li>footer.php<\/li>\n<\/ol>\n<p>Veamos qu\u00e9 incluye cada uno de estos <em><strong>m\u00e1gico<\/strong> <\/em>archivos:<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Archivo-de-plantilla-Indexphp\"><\/span>Archivo de plantilla Index.php<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Este es el archivo principal sin el cual no tiene un tema de WordPress que funcione.  Es el primer archivo (o predeterminado) que se carga cuando visita un sitio web de WordPress.  Consid\u00e9relo el equivalente de index.html.<\/p>\n<p>Un index.php t\u00edpico en los temas de WordPress se ver\u00e1 as\u00ed:<\/p>\n<pre class=\"prism-pre line-numbers language-php\"><code class=\"language-php\">&lt;?php get_header(); ?&gt;\r\n\r\n&lt;?php get_sidebar(); ?&gt;\r\n\r\n&lt;?php get_footer(); ?&gt;<\/code><\/pre>\n<p>Puede agregar el bucle entre <? Php get_header ();  \/> y <? php get_sidebar ();  ?> para mostrar publicaciones de blog en la p\u00e1gina de inicio (index.php) como se muestra a continuaci\u00f3n:<\/p>\n<pre class=\"prism-pre line-numbers language-php\"><code class=\"language-php\">&lt;?php get_header(); ?&gt;\r\n&lt;div class=\"content\"&gt;\r\n&lt;?php if ( have_posts() ) : ?&gt;\r\n&lt;?php while ( have_posts() ) : the_post(); ?&gt;\r\n\t&lt;div id=\"post-&lt;?php the_ID(); ?&gt;\" &lt;?php post_class(); ?&gt;&gt;\r\n\t&lt;div class=\"post-header\"&gt;\r\n\t&lt;div class=\"date\"&gt;&lt;?php the_time( 'M j y' ); ?&gt;&lt;\/div&gt;\r\n\t&lt;h2&gt;&lt;a href=\"&lt;?php the_permalink(); ?&gt;\" rel=\"bookmark\" title=\"Permanent Link to &lt;?php the_title_attribute(); ?&gt;\"&gt;&lt;?php the_title(); ?&gt;&lt;\/a&gt;&lt;\/h2&gt;\r\n\t&lt;div class=\"author\"&gt;&lt;?php the_author(); ?&gt;&lt;\/div&gt;\r\n\t&lt;\/div&gt;&lt;!--end post header--&gt;\r\n\t&lt;div class=\"entry clear\"&gt;\r\n\t&lt;?php if ( function_exists( 'add_theme_support' ) ) the_post_thumbnail(); ?&gt;\r\n\t&lt;?php the_content(); ?&gt;\r\n\t&lt;?php edit_post_link(); ?&gt;\r\n\t&lt;?php wp_link_pages(); ?&gt;\r\n\t&lt;\/div&gt;&lt;!--end entry--&gt;\r\n\t&lt;div class=\"post-footer\"&gt;\r\n\t&lt;div class=\"comments\"&gt;&lt;?php comments_popup_link( 'Leave a Comment', '1 Comment', '% Comments' ); ?&gt;&lt;\/div&gt;\r\n\t&lt;\/div&gt;&lt;!--end post footer--&gt;\r\n\t&lt;\/div&gt;&lt;!--end post--&gt;\r\n&lt;?php endwhile; \/* rewind or continue if all posts have been fetched *\/ ?&gt;\r\n\t&lt;div class=\"navigation index\"&gt;\r\n\t&lt;div class=\"alignleft\"&gt;&lt;?php next_posts_link( 'Older Entries' ); ?&gt;&lt;\/div&gt;\r\n\t&lt;div class=\"alignright\"&gt;&lt;?php previous_posts_link( 'Newer Entries' ); ?&gt;&lt;\/div&gt;\r\n\t&lt;\/div&gt;&lt;!--end navigation--&gt;\r\n&lt;?php else : ?&gt;\r\n&lt;?php endif; ?&gt;\r\n&lt;\/div&gt;\r\n&lt;?php get_sidebar(); ?&gt;\r\n&lt;?php get_footer(); ?&gt;<\/code><\/pre>\n<h2><span class=\"ez-toc-section\" id=\"Archivo-de-plantilla-Headerphp\"><\/span>Archivo de plantilla Header.php<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Estos archivos de plantilla contienen su c\u00f3digo de encabezado, navegaci\u00f3n y c\u00f3digo de encabezado HTML.  B\u00e1sicamente, header.php almacena todo lo que desea mostrar en la parte superior de su sitio web.  Ya sabes, cosas como el t\u00edtulo de tu sitio web y cosas as\u00ed.<\/p>\n<p>Al mismo tiempo enlaza a su hoja de estilo CSS en el header.php.  Aqu\u00ed hay un ejemplo b\u00e1sico de header.php:<\/p>\n<pre class=\"prism-pre line-numbers language-php\"><code class=\"language-php\">&lt;html&gt;\r\n&lt;head&gt;\r\n\t&lt;meta charset=\"&lt;?php bloginfo( 'charset' ); ?&gt;\"&gt;\r\n\t&lt;meta name=\"viewport\" content=\"width=device-width\"&gt;\r\n\t&lt;title&gt;&lt;?php wp_title( '|', true, 'right' ); ?&gt;&lt;\/title&gt;\r\n\t&lt;link rel=\"profile\" href=\"http:\/\/gmpg.org\/xfn\/11\"&gt;\r\n\t&lt;link rel=\"pingback\" href=\"&lt;?php bloginfo( 'pingback_url' ); ?&gt;\"&gt;\r\n\t&lt;link rel=\"stylesheet\" href=\"&lt;?php bloginfo('stylesheet_url'); ?&gt;\" type=\"text\/css\" \/&gt;\r\n\t&lt;!--[if lt IE 9]&gt;\r\n\t&lt;script src=\"&lt;?php echo get_template_directory_uri(); ?&gt;\/js\/html5.js\"&gt;&lt;\/script&gt;\r\n\t&lt;![endif]--&gt;\r\n\t&lt;?php wp_head(); ?&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n&lt;div class=\"header\"&gt;\r\n&lt;p&gt;This is header section. Put your logo and other details here.&lt;\/p&gt;\r\n&lt;\/div&gt;<\/code><\/pre>\n<h2><span class=\"ez-toc-section\" id=\"Archivo-de-plantilla-Sidebarphp\"><\/span>Archivo de plantilla Sidebar.php<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Sidebar.php contiene todo lo que necesita para aparecer en sus barras laterales.  La barra lateral contiene men\u00fas adicionales, widgets, categor\u00edas, \u00edconos de redes sociales, contenido personalizado, c\u00f3digo HTML como anuncios, etc.<\/p>\n<p>Sidebar.php puede contener marcado HTML puro o llamadas a funciones php seg\u00fan sus necesidades.  Como tal, un sidebar.php b\u00e1sico podr\u00eda verse as\u00ed:<\/p>\n<pre class=\"prism-pre line-numbers language-php\"><code class=\"language-php\">&lt;div class=\"sidebar\"&gt;\r\n\r\nPut your custom content or HTML code here.\r\n\r\n&lt;\/div&gt;<\/code><\/pre>\n<h2><span class=\"ez-toc-section\" id=\"Archivo-de-plantilla-Footerphp\"><\/span>Archivo de plantilla Footer.php<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u00bfQu\u00e9 crees que entra en footer.php?  Puede poner su informaci\u00f3n de derechos de autor aqu\u00ed, men\u00fas adicionales, enlaces, \u00edconos de redes sociales, \u00a1lo que quiera!  \u00bfLe gustar\u00eda ver c\u00f3mo se ve un footer.php b\u00e1sico?  Aqu\u00ed:<\/p>\n<pre class=\"prism-pre line-numbers language-php\"><code class=\"language-php\">&lt;footer class=\"footer\"&gt;\r\n\r\nPut your footer content here including php function calls (to fetch different template files e.g. search.php) if need be.\r\n\r\n&lt;\/footer&gt;\r\n\r\n&lt;\/body&gt;\r\n\r\n&lt;\/html&gt;<\/code><\/pre>\n<p>\u00bfObserva las etiquetas de cierre <\/body> y <\/html> en footer.php?  \u00bfPuedes adivinar por qu\u00e9 deben incluirse en footer.php?  De manera id\u00e9ntico, \u00bfpuede adivinar por qu\u00e9 las etiquetas de apertura <html> y <body> est\u00e1n incluidas en header.php?  H\u00e1ganos saber sus conjeturas en la secci\u00f3n de comentarios al final de esta publicaci\u00f3n \ud83d\ude09<\/p>\n<p>Los cuatro archivos de plantilla que acabamos de cubrir previamente constituyen un tema de WordPress muy b\u00e1sico.  Hay muchos otros archivos de plantilla;  hay un archivo de plantilla para cada elemento que ve en un tema de WordPress, ya sean comentarios, resultados de b\u00fasqueda y p\u00e1ginas de error 404, solo por mencionar algunos.<\/p>\n<p>Para saber totalmente la anatom\u00eda de un tema de WordPress, debe familiarizarse con diferentes archivos de plantilla.  Puedes navegar por todos <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" title=\"Template Files at WordPress\" href=\"https:\/\/codex.wordpress.org\/Templates\">mosaicos de plantillas utilizables en WordPress<\/a>.<\/p>\n<p>Luego tenemos etiquetas de plantilla, que WordPress usa para buscar archivos de plantilla del directorio de temas.  Puedes aprender m\u00e1s sobre <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" title=\"Template Tags - WordPress Codex\" href=\"https:\/\/codex.wordpress.org\/Template_Tags\">etiquetas de plantilla y el papel que desempe\u00f1an en WordPress<\/a>.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Resumen\"><\/span>Resumen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Un tema de WordPress consta de los siguientes items anat\u00f3micos:<\/p>\n<ul>\n<li>Archivos de plantilla como index.php, header.php, search.php, category.php, etc.<\/li>\n<li>Etiquetas de plantilla como <? Php get_header ();  ?>, <? php get_sidebar ();  ?> etc<\/li>\n<li>CSS<\/li>\n<li>Im\u00e1genes y otros archivos multimedia<\/li>\n<li>Archivos JavaScript<\/li>\n<\/ul>\n<p>Y aqu\u00ed hay una ilustraci\u00f3n que resume la anatom\u00eda de un tema de WordPress:<\/p>\n<p><img alt='basic_wordpress_theme_anatomy_wpexplorer1-9009281' loading=\"lazy\" class=\"fullimg\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/basic_wordpress_theme_anatomy_wpexplorer1-9009281.jpg' alt=\"\" width=\"750\" height=\"888\"><\/p>\n<p>\u00bfQuieres seguir aprendiendo?  Consulte el detallado <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/codex.wordpress.org\/Theme_Development#Anatomy_of_a_Theme\">gu\u00eda de anatom\u00eda del tema en el Codex de WordPress<\/a>.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusi\u00f3n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Todos los temas de WordPress que ves en la web utilizan la misma estructura anat\u00f3mica (incluso nuestro popular <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" title=\"Total WordPress Theme\" href=\"https:\/\/total.wpexplorer.com\/\">Tema total de WordPress<\/a>), que puede personalizar para satisfacer sus necesidades.  Una vez que entienda los conceptos b\u00e1sicos del desarrollo de temas de WordPress, no hay l\u00edmite para lo que puede hacer con los temas de WordPress.<\/p>\n<\/div>\n<p><script type=\"application\/ld+json\">{\"@context\":\"http:\/\/schema.org\",\"@type\":\"BlogPosting\",\"mainEntityOfPage\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.wpexplorer.com\/wordpress-tips-anatomy-wordpress-theme\/\"},\"headline\":\"An Intro to the Anatomy of a WordPress Theme\",\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\/\/www.wpexplorer.com\/wp-content\/uploads\/anatomy-of-a-wordpress-theme-featured-image-wpexplorer.png\",\"width\":750,\"height\":443},\"datePublished\":\"2014-04-30T12:48:37-06:00\",\"dateModified\":\"2019-06-04T23:15:53-06:00\",\"author\":{\"type\":\"Person\",\"name\":\"Freddy\"},\"publisher\":{\"@type\":\"Organization\",\"name\":\"R Marketing Digital\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\/\/www.wpexplorer.com\/wp-content\/themes\/wpexplorer\/images\/wpexplorer-organization-logo.png\",\"width\":400,\"height\":60}},\"description\":\"Every WordPress theme is built with a similar basic structure of HTML and CSS, and in this post Freddy shows you what makes up a typical WordPress Theme.\"}<\/script><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>1. WordPress Tutorial: How to Create a WordPress Theme from HTML (Part 1) 2. WordPress Tutorial: How to Create a WordPress Theme from HTML\u2026<\/p>","protected":false},"author":1,"featured_media":89098,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1351],"tags":[],"class_list":["post-89097","post","type-post","status-publish","format-standard","has-post-thumbnail","category-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Introducci\u00f3n a la anatom\u00eda de un tema de WordPress - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"1. Tutorial de WordPress: C\u00f3mo crear un tema de WordPress a partir de HTML (Parte 1) 2. Tutorial de WordPress: C\u00f3mo crear un tema de WordPress a partir de\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducci\u00f3n a la anatom\u00eda de un tema de WordPress\" \/>\n<meta property=\"og:description\" content=\"1. Tutorial de WordPress: C\u00f3mo crear un tema de WordPress a partir de HTML (Parte 1) 2. Tutorial de WordPress: C\u00f3mo crear un tema de WordPress a partir de\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/en\/wordpress\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-14T19:33:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/anatomy-of-a-wordpress-theme-featured-image-wpexplorer-2459050.png\" \/>\n\t<meta property=\"og:image:width\" content=\"750\" \/>\n\t<meta property=\"og:image:height\" content=\"443\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"Introducci\u00f3n a la anatom\u00eda de un tema de WordPress\",\"datePublished\":\"2022-07-14T19:33:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\\\/\"},\"wordCount\":1329,\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/anatomy-of-a-wordpress-theme-featured-image-wpexplorer-2459050.png\",\"articleSection\":[\"Wordpress\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\\\/\",\"name\":\"Introducci\u00f3n a la anatom\u00eda de un tema de WordPress - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/anatomy-of-a-wordpress-theme-featured-image-wpexplorer-2459050.png\",\"datePublished\":\"2022-07-14T19:33:46+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"1. Tutorial de WordPress: C\u00f3mo crear un tema de WordPress a partir de HTML (Parte 1) 2. Tutorial de WordPress: C\u00f3mo crear un tema de WordPress a partir de\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/wordpress\\\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/anatomy-of-a-wordpress-theme-featured-image-wpexplorer-2459050.png\",\"contentUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/anatomy-of-a-wordpress-theme-featured-image-wpexplorer-2459050.png\",\"width\":750,\"height\":443,\"caption\":\"anatomy-of-a-wordpress-theme-featured-image-wpexplorer-2459050-4404012-png\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Introduction to the anatomy of a WordPress theme - R Marketing Digital","description":"1. WordPress tutorial: How to create a WordPress theme from HTML (Part 1) 2. WordPress tutorial: How to create a WordPress theme from","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:\/\/rmarketingdigital.com\/en\/wordpress\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"Introducci\u00f3n a la anatom\u00eda de un tema de WordPress","og_description":"1. Tutorial de WordPress: C\u00f3mo crear un tema de WordPress a partir de HTML (Parte 1) 2. Tutorial de WordPress: C\u00f3mo crear un tema de WordPress a partir de","og_url":"https:\/\/rmarketingdigital.com\/en\/wordpress\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\/","og_site_name":"R Marketing Digital","article_published_time":"2022-07-14T19:33:46+00:00","og_image":[{"width":750,"height":443,"url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/anatomy-of-a-wordpress-theme-featured-image-wpexplorer-2459050.png","type":"image\/png"}],"author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/wordpress\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/wordpress\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"Introducci\u00f3n a la anatom\u00eda de un tema de WordPress","datePublished":"2022-07-14T19:33:46+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/wordpress\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\/"},"wordCount":1329,"image":{"@id":"https:\/\/rmarketingdigital.com\/wordpress\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/anatomy-of-a-wordpress-theme-featured-image-wpexplorer-2459050.png","articleSection":["Wordpress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/wordpress\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\/","url":"https:\/\/rmarketingdigital.com\/wordpress\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\/","name":"Introduction to the anatomy of a WordPress theme - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rmarketingdigital.com\/wordpress\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/rmarketingdigital.com\/wordpress\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/anatomy-of-a-wordpress-theme-featured-image-wpexplorer-2459050.png","datePublished":"2022-07-14T19:33:46+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"1. WordPress tutorial: How to create a WordPress theme from HTML (Part 1) 2. WordPress tutorial: How to create a WordPress theme from","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/wordpress\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rmarketingdigital.com\/wordpress\/introduccion-a-la-anatomia-de-un-tema-de-wordpress\/#primaryimage","url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/anatomy-of-a-wordpress-theme-featured-image-wpexplorer-2459050.png","contentUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/anatomy-of-a-wordpress-theme-featured-image-wpexplorer-2459050.png","width":750,"height":443,"caption":"anatomy-of-a-wordpress-theme-featured-image-wpexplorer-2459050-4404012-png"},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"R Digital Marketing","description":"SEO Agency | Advertising social networks | Community Management","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"R Digital Marketing","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts\/89097","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/comments?post=89097"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/posts\/89097\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/media\/89098"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/media?parent=89097"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/categories?post=89097"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/en\/wp-json\/wp\/v2\/tags?post=89097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}