{"id":65,"date":"2014-11-04T13:24:27","date_gmt":"2014-11-04T12:24:27","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/gestoresdecontenidos\/?p=65"},"modified":"2014-11-04T17:42:40","modified_gmt":"2014-11-04T16:42:40","slug":"chuleta-resumen-para-la-creacion-de-temas-en-wordpress","status":"publish","type":"post","link":"http:\/\/multimedia.uoc.edu\/blogs\/gestoresdecontenidos\/2014\/11\/04\/chuleta-resumen-para-la-creacion-de-temas-en-wordpress\/","title":{"rendered":"\u00abChuleta\u00bb (resumen) para la creaci\u00f3n de temas en WordPress"},"content":{"rendered":"<p><strong>Resumen de instrucciones b\u00e1sicas para crear temas en WordPress<\/strong><\/p>\n<p>Todos los archivos est\u00e1n en la carpeta de nuestro tema, el principal de ellos es style.css<\/p>\n<p><strong>style.css<\/strong><\/p>\n<p>Obligatorio. Es la definici\u00f3n del tema<\/p>\n<pre>\/* Theme Name: Mini\r\nTheme URI: http:\/\/lapaginademitema.com\r\nDescription: Explicaci\u00f3n sobre mi tema\r\nVersion: 1\r\nAuthor: Tu nombre \r\nAuthor URI: http:\/\/mipaginaweb.com\r\nTags: doscolumnas, azul, arial\r\n *\/<\/pre>\n<p><strong>El loop de wordpress<\/strong><\/p>\n<p>Para mostrar el contenido en cualquier plantilla (index.php, single.php, archive.php, etc)<\/p>\n<pre>&lt;?php if(have_posts()):?&gt;\r\n &lt;?php while(have_posts()): the_post();?&gt;\r\n &lt;!-- campos de contenido y marcas de html--&gt;\r\n &lt;?php the_title()?&gt;\r\n &lt;?php endwhile;?&gt;\r\n &lt;?php else: ?&gt;\r\n No hay contenido en esta p\u00e1gina\r\n &lt;?php endif;?&gt;<\/pre>\n<p><strong>Campos de contenido que podemos utilizar dentro del loop<\/strong><\/p>\n<pre>&lt;?php the_title() ?&gt; El t\u00edtulo\r\n&lt;?php the_date()?&gt; Fecha de publicaci\u00f3n\r\n&lt;?php the_excerpt() ?&gt; El resumen del texto de una entrada\r\n&lt;?php the_content() ?&gt; El texto entero de una entrada o p\u00e1gina\r\n&lt;?php the_post_thumbnail() ?&gt; Imagen destacada, opcionalmente par\u00e1metros \"thumbnail\",\"medium\",\"large\"\r\n&lt;?php the_permalink() ?&gt; El enlace de la p\u00e1gina \u00fanica del contenido\r\n&lt;?php the_author() ?&gt; El autor del post\r\n&lt;?php the_category() ?&gt; Las categorias, linakbles del post\r\n&lt;?php the_tags() ?&gt; Las etiquetas linkables del post<\/pre>\n<p>existen muchos m\u00e1s , consultar el codex de WordPress <a href=\"http:\/\/codex.wordpress.org\/es:Template_Tags\">http:\/\/codex.wordpress.org\/es:Template_Tags<\/a><\/p>\n<p><strong>Archivos principales de WP por orden de importancia<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p><strong>style.css<\/strong> Definici\u00f3n del tema y hoja de estilos<\/p>\n<p><strong>index.php<\/strong> Plantilla por defecto para todo el contenido<\/p>\n<p><strong>single.php<\/strong> Plantilla de una entrada<\/p>\n<p><strong>page.php<\/strong> Plantilla de una p\u00e1gina<\/p>\n<p><strong>archive.php<\/strong> Plantilla de un archivo (listado de categorias, tags, b\u00fasqueda, etc)<\/p>\n<p><strong>header.php<\/strong> Cabecera<\/p>\n<p><strong>sidebar.php<\/strong> Sidebar<\/p>\n<p><strong>footer.php<\/strong> Footer<\/p>\n<p><strong>functions.php<\/strong> Configuraci\u00f3n del tema<\/p>\n<p><strong>Otros tags<\/strong><\/p>\n<pre>&lt;?php bloginfo('name'); ?&gt; T\u00edtulo del blog\r\n&lt;?php bloginfo('description'); ?&gt; Subt\u00edtulo del tema\r\n&lt;?php bloginfo(\u2018template_url\u2019); ?&gt; Ruta al tema actual\r\n&lt;?php previous_post_link(); ?&gt; Link al post anterior\r\n&lt;?php next_post_link(); ?&gt; Link al siguiente post<\/pre>\n<p><strong>Men\u00fa<\/strong><\/p>\n<pre>&lt;?php wp_nav_menu(); ?&gt; Inserta el men\u00fa principal<\/pre>\n<p><strong>Definiciones de functions.php<\/strong><\/p>\n<p>A\u00f1adir la posibilidad de cambiar el fondo en el escritorio de WP<\/p>\n<pre>add_theme_support( 'custom-background' );<\/pre>\n<p>A\u00f1adir la posibilidad de tener im\u00e1genes destacadas<\/p>\n<pre>add_theme_support( 'post-thumbnails' );\r\n \r\nDefinir una zona activa<\/pre>\n<pre>register_sidebar( array(\r\n 'name' =&gt; \u2018test\u2019,\r\n 'id' =&gt; \u2018test\u2019,\r\n ) );<\/pre>\n<p>La tenemos que introducir en alguna plantilla con<\/p>\n<pre>&lt;?php\r\ndynamic_sidebar(\u2018test\u2019);\r\n?&gt;<\/pre>\n<p><strong>Header.php<\/strong><\/p>\n<p>Un header t\u00edpico de ejemplo<\/p>\n<pre>&lt;!DOCTYPE html&gt;\r\n&lt;html &lt;?php language_attributes(); ?&gt;&gt;\r\n &lt;head&gt;\r\n &lt;meta charset=\"&lt;?php bloginfo( 'charset' ); ?&gt;\" \/&gt;\r\n &lt;title&gt;&lt;?php wp_title(); ?&gt;&lt;\/title&gt;\r\n &lt;link rel=\"stylesheet\" href=\"&lt;?php echo get_stylesheet_uri(); ?&gt;\" type=\"text\/css\" media=\"screen\" \/&gt;\r\n &lt;!-- aqui podriamos a\u00f1adir otros css --&gt;\r\n &lt;!-- o librerias de javascript (jquery) etc --&gt;\r\n \r\n &lt;!-- aqui WordPress o los plugins introducen cosas que necesite, por ejemplo estilos o javascript --&gt;\r\n &lt;?php wp_head(); ?&gt;\r\n &lt;!-- aqui WordPress ha dejado de insertar cosas raras --&gt;\r\n \r\n &lt;\/head&gt;\r\n&lt;body &lt;?php body_class(); ?&gt;&gt; \r\n&lt;h1&gt;&lt;a href=\"&lt;?php echo home_url(); ?&gt;\/\"&gt;&lt;?php bloginfo('name'); ?&gt;&lt;\/a&gt;&lt;\/h1&gt;\r\n&lt;div class=\"description\"&gt;&lt;?php bloginfo('description'); ?&gt;&lt;\/div&gt;\r\n&lt;?php wp_nav_menu(); ?&gt;<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Existen otros resumenes en internet:<\/p>\n<p><a href=\"http:\/\/wptutsplus.s3.amazonaws.com\/resources\/Wordpress-Cheat-Sheet.pdf\">http:\/\/wptutsplus.s3.amazonaws.com\/resources\/Wordpress-Cheat-Sheet.pdf<\/a><\/p>\n<p><a href=\"http:\/\/wpcandy.s3.amazonaws.com\/resources\/WordPress-Help-Sheet.pdf\">http:\/\/wpcandy.s3.amazonaws.com\/resources\/WordPress-Help-Sheet.pdf<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Resumen de instrucciones b\u00e1sicas para crear temas en WordPress Todos los archivos est\u00e1n en la carpeta de nuestro tema, el principal de ellos es style.css style.css Obligatorio. Es la definici\u00f3n del tema \/* Theme Name: Mini Theme URI: http:\/\/lapaginademitema.com Description: Explicaci\u00f3n sobre mi tema Version: 1 Author: Tu nombre Author URI: http:\/\/mipaginaweb.com Tags: doscolumnas, azul, &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/gestoresdecontenidos\/2014\/11\/04\/chuleta-resumen-para-la-creacion-de-temas-en-wordpress\/\" class=\"more-link\">Seguir leyendo<span class=\"screen-reader-text\"> \u00ab\u00abChuleta\u00bb (resumen) para la creaci\u00f3n de temas en WordPress\u00bb<\/span><\/a><\/p>\n","protected":false},"author":74,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-65","post","type-post","status-publish","format-standard","hentry","category-wordpress","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/gestoresdecontenidos\/wp-json\/wp\/v2\/posts\/65","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/gestoresdecontenidos\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/gestoresdecontenidos\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/gestoresdecontenidos\/wp-json\/wp\/v2\/users\/74"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/gestoresdecontenidos\/wp-json\/wp\/v2\/comments?post=65"}],"version-history":[{"count":19,"href":"http:\/\/multimedia.uoc.edu\/blogs\/gestoresdecontenidos\/wp-json\/wp\/v2\/posts\/65\/revisions"}],"predecessor-version":[{"id":70,"href":"http:\/\/multimedia.uoc.edu\/blogs\/gestoresdecontenidos\/wp-json\/wp\/v2\/posts\/65\/revisions\/70"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/gestoresdecontenidos\/wp-json\/wp\/v2\/media?parent=65"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/gestoresdecontenidos\/wp-json\/wp\/v2\/categories?post=65"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/gestoresdecontenidos\/wp-json\/wp\/v2\/tags?post=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}