{"id":1842,"date":"2024-08-03T08:43:10","date_gmt":"2024-08-03T06:43:10","guid":{"rendered":"https:\/\/blog.sutilweb.eu\/?page_id=1842"},"modified":"2024-08-03T08:43:11","modified_gmt":"2024-08-03T06:43:11","slug":"10-creacion-de-un-theme-funcion-bloginfo","status":"publish","type":"page","link":"https:\/\/sutilweb.eu\/index.php\/cmss-frameworks\/wordpress-2\/wordpress-avanzado\/10-creacion-de-un-theme-funcion-bloginfo\/","title":{"rendered":"10. Creaci\u00f3n de un Theme. Funci\u00f3n bloginfo"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">En esta secci\u00f3n vamos a ver como es la estructura b\u00e1sica de un tema.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cuando queramos crear un tema, lo \u00fanico que tenemos que hacer es en el <em>wp-content\/themes<\/em> crear una carpeta. Ahora en la secci\u00f3n de temas de nuestro <strong>WP<\/strong> aparecer\u00e1 como un tema da\u00f1ado porque le falta la hoja de estilos que es la que vamos a crear.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p class=\"wp-block-paragraph\">Lo primero que hacemos dentro de la carpeta que hemos creado es crear un archivo denominado&nbsp;<em>index.php<\/em>&nbsp;y una hoja de estilo que se llame&nbsp;<em>style.css<\/em>. En el momento que hacemos eso ya en la secci\u00f3n de temas ya reconoce nuestro tema ya que tiene lo m\u00ednimo necesario para poder funcionar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Imagen de la plantilla<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Tenemos que subir una imagen en formato <em>.png<\/em> que se denomine&nbsp;<strong><em>screenshot.png<\/em><\/strong>. cuyo tama\u00f1o suele ser de 880\u00d7660, esta es la medida est\u00e1ndar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Completar la lista de detalles del Theme<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Tenemos que utilizar una serie de comentarios especiales que nos sirven para justamente poder mostrar dicha informaci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejm<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">\/*\nTheme Name: Ejm Perros\nTheme Uri: https:\/\/sutilweb.com\nAuthor: Francisco Paredes\nAuthor URI: https:\/\/franciscoparedesparralejo.com\nDescription: Este es mi primer tema como dise\u00f1ador de temas de WP\nVersion: 0.0.1\nTags: perros, canes, sabuesos, dogs, html5, wordpress, responsive, design\n*\/<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Para saber de temas de versiones podemos visitar la p\u00e1gina&nbsp;<a href=\"https:\/\/wemverg.org\/\">https:\/\/wemverg.org&nbsp;<\/a>donde nos explican todo. Normalmente se ponen 3 n\u00fameros:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>0.0.1 (Cambio mayor, cambio menor, correcciones de bugs).<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Muy importante en <strong>Tags<\/strong> poner los <strong>Tags<\/strong> que queramos si subimos nuestro tema para compartir, con que <strong>Tags<\/strong> quieren que se nos encuentre nuestro tema. Activamos el tema y no sale nada, a partir de aqu\u00ed empezamos a trabajar con el tema. Esta hoja de estilos no est\u00e1 vinculada con mi archivo <em>index.php,<\/em> por lo que lo siguiente es hacer algunas cosas con dicho archivo. Es importante irse a la documentaci\u00f3n oficial de WP, que es&nbsp;<a href=\"https:\/\/codex.wordpress.org\/\">https:\/\/codex.wordpress.org<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">C\u00f3digo php del index.php<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Veamos el c\u00f3digo<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!DOCTYPE html&gt;\n&lt;html lang=\"es\"&gt;\n&lt;head&gt;\n&nbsp; &nbsp; &lt;meta charset=\"&lt;?php bloginfo('charset'); ?&gt;\"&gt;\n&nbsp; &nbsp; &lt;meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"&gt;\n&nbsp; &nbsp; &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n&nbsp; &nbsp; &lt;title&gt;&lt;?php bloginfo('description'); ?&gt;&lt;\/title&gt;\n&nbsp; &nbsp; &lt;meta name=\"description\" content=\"&lt;?php bloginfo('description'); ?&gt;\"&gt;\n&nbsp; &nbsp; &lt;link rel=\"stylesheet\" href=\"&lt;?php bloginfo('stylesheet_url'); ?&gt;\"&gt;\n&lt;\/head&gt;\n\n&lt;body&gt;\n&nbsp; &nbsp; &lt;h1&gt;Hola WordPress&lt;\/h1&gt;\n&nbsp; &nbsp; &lt;h2&gt;&lt;code&gt;bloginfo()&lt;\/code&gt;&lt;\/h2&gt;\n\n&nbsp; &nbsp; &lt;p&gt;Nombre: &lt;mark&gt;&lt;?php bloginfo('name'); ?&gt;&lt;\/mark&gt;&lt;\/p&gt;\n&nbsp; &nbsp; &lt;p&gt;Descripci\u00f3n: &lt;mark&gt;&lt;?php bloginfo('description'); ?&gt;&lt;\/mark&gt;&lt;\/p&gt;\n&nbsp; &nbsp; &lt;p&gt;URL HOME: &lt;mark&gt;&lt;?php bloginfo('home'); ?&gt;&lt;\/mark&gt;&lt;\/p&gt;\n&nbsp; &nbsp; &lt;p&gt;URL Hoja Estilos: &lt;mark&gt;&lt;?php bloginfo('stylesheet_url'); ?&gt;&lt;\/mark&gt;&lt;\/p&gt;\n&nbsp; &nbsp; &lt;p&gt;URL del Theme: &lt;mark&gt;&lt;?php bloginfo('template_url'); ?&gt;&lt;\/mark&gt;&lt;\/p&gt;\n&nbsp; &nbsp; &lt;p&gt;Idioma: &lt;mark&gt;&lt;?php bloginfo('language'); ?&gt;&lt;\/mark&gt;&lt;\/p&gt;\n&nbsp; &nbsp; &lt;p&gt;Juego de caracteres: &lt;mark&gt;&lt;?php bloginfo('charset'); ?&gt;&lt;\/mark&gt;&lt;\/p&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>En esta secci\u00f3n vamos a ver como es la estructura b\u00e1sica de un tema. Cuando queramos crear un tema, lo \u00fanico que&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1809,"menu_order":9,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-1842","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Sutil Web","author_link":"https:\/\/sutilweb.eu\/index.php\/author\/sutilweb\/"},"uagb_comment_info":0,"uagb_excerpt":"En esta secci\u00f3n vamos a ver como es la estructura b\u00e1sica de un tema. Cuando queramos crear un tema, lo \u00fanico que...","_links":{"self":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/1842","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/comments?post=1842"}],"version-history":[{"count":2,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/1842\/revisions"}],"predecessor-version":[{"id":1844,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/1842\/revisions\/1844"}],"up":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/1809"}],"wp:attachment":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/media?parent=1842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}