{"id":6542,"date":"2015-01-04T09:31:41","date_gmt":"2015-01-04T09:31:41","guid":{"rendered":"https:\/\/www.jose-aguilar.com\/blog\/?p=6542"},"modified":"2015-01-18T16:43:16","modified_gmt":"2015-01-18T16:43:16","slug":"crear-un-tema-wordpress-desde-cero-paginas","status":"publish","type":"post","link":"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-paginas\/","title":{"rendered":"Crear un tema WordPress desde cero \u2013 P\u00e1ginas"},"content":{"rendered":"

Las p\u00e1ginas de WordPress (page.php<\/strong>) se suele utilizar para mostrar informaci\u00f3n est\u00e1tica. Es decir, en una p\u00e1gina se podr\u00eda escribir contenido cuyo contexto no es dependiente del tiempo pero si que detalla informaci\u00f3n descriptiva sobre el sitio Web.<\/p>\n

Algunos ejemplos de p\u00e1ginas para crear en un sitio Web pueden incluir Derechos de autor, Informaci\u00f3n Legal, Permisos de Reimpresi\u00f3n, Informaci\u00f3n de Contacto, Acerca de M\u00ed, Acerca del Sitio, Declaraci\u00f3n de Accesibilidad, entre otras cosas.<\/p>\n

Posiblemente te interesa mostrar todas estas p\u00e1ginas de forma diferente. Para eso puede crear plantillas para p\u00e1ginas<\/a>.<\/p>\n

En nuestra plantilla mytheme<\/em> vamos a crear tan solo una plantilla por defecto para las p\u00e1ginas. Para ello tendremos que editar el archivo page.php <\/strong>al que le a\u00f1adiremos el siguiente contenido:<\/p>\n

<\/a>Source code<\/a><\/td><\/a> <\/a> <\/a> <\/td><\/tr><\/table><\/div>
<?php get_header(<\/span>)<\/span>; ?><\/span>\n<div<\/span><\/a> id<\/span>=<\/span>"sidebar_left"<\/span> class<\/span>=<\/span>"col-xs-12 col-sm-3 col-md-3 col-lg-3 hidden-xs hidden-sm"<\/span>><\/span>\n    <?php if (<\/span> !function_exists(<\/span>'dynamic_sidebar'<\/span>)<\/span> || !dynamic_sidebar(<\/span>'Sidebar Left'<\/span>)<\/span> )<\/span> : endif; ?><\/span>\n<\/<\/span>div<\/span><\/a>><\/span>\n \n<div<\/span><\/a> id<\/span>=<\/span>"content"<\/span> class<\/span>=<\/span>"col-xs-12 col-sm-8 col-md-6 col-lg-6"<\/span>><\/span>\n    <?php if (<\/span> have_posts(<\/span>)<\/span> )<\/span> : while (<\/span> have_posts(<\/span>)<\/span> )<\/span> : the_post(<\/span>)<\/span>; ?><\/span>   \n        <h1<\/span><\/a>><?php the_title(<\/span>)<\/span>; ?><\/<\/span>h1<\/span><\/a>><\/span>\n        <?php the_content(<\/span>)<\/span>; ?><\/span>\n    <?php endwhile; endif; ?><\/span>\n<\/<\/span>div<\/span><\/a>><\/span>\n \n<div<\/span><\/a> id<\/span>=<\/span>"sidebar_right"<\/span> class<\/span>=<\/span>"col-xs-12 col-sm-4 col-md-3 col-lg-3"<\/span>><\/span>\n    <?php if (<\/span> !function_exists(<\/span>'dynamic_sidebar'<\/span>)<\/span> || !dynamic_sidebar(<\/span>'Sidebar Right'<\/span>)<\/span> )<\/span> : endif; ?><\/span>\n<\/<\/span>div<\/span><\/a>><\/span>\n<?php get_footer(<\/span>)<\/span>; ?><\/span><\/pre><\/div><\/div>\n
Donde mantenemos la estructura de nuestra plantilla mytheme<\/em> con 2 columnas laterales y el contenido en el centro con titular y descripci\u00f3n de la p\u00e1gina.<\/p>\n
Las p\u00e1ginas las vereremos con el siguiente aspecto:<\/p>\n
\"page-workshop\"<\/a><\/p>\n
Si quisieras mejorar el aspecto de estas p\u00e1ginas a nivel de estructura y\/o maquetaci\u00f3n, como por ejemplo, mostrar en una columna una imagen y en otra informaci\u00f3n es recomendable utilizar los shortcodes<\/a>. Se podr\u00eda hacer directamente en el editor de la p\u00e1gina pero no es recomendable porque no es mantenible de cara a un usuario que no sabe de maquetaci\u00f3n.<\/p>\n\n            
Indice de contenido<\/h3>\n            \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n                \n            <\/table>\n","protected":false},"excerpt":{"rendered":"
Las p\u00e1ginas de WordPress (page.php) se suele utilizar para mostrar informaci\u00f3n est\u00e1tica. Es decir, en una p\u00e1gina se podr\u00eda escribir contenido cuyo contexto no es dependiente del tiempo pero si que detalla informaci\u00f3n descriptiva sobre el sitio Web. Algunos ejemplos de p\u00e1ginas para crear en un sitio Web pueden incluir Derechos de autor, Informaci\u00f3n Legal, […]<\/p>\n","protected":false},"author":1,"featured_media":6444,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32],"tags":[170],"class_list":["post-6542","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-crear-un-tema-wordpress-desde-cero"],"yoast_head":"\nCrear un tema WordPress desde cero \u2013 P\u00e1ginas - Jose Aguilar Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Crear un tema WordPress desde cero \u2013 P\u00e1ginas - Jose Aguilar Blog\" \/>\n<meta property=\"og:description\" content=\"Las p\u00e1ginas de WordPress (page.php) se suele utilizar para mostrar informaci\u00f3n est\u00e1tica. Es decir, en una p\u00e1gina se podr\u00eda escribir contenido cuyo contexto no es dependiente del tiempo pero si que detalla informaci\u00f3n descriptiva sobre el sitio Web. Algunos ejemplos de p\u00e1ginas para crear en un sitio Web pueden incluir Derechos de autor, Informaci\u00f3n Legal, […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-paginas\/\" \/>\n<meta property=\"og:site_name\" content=\"Jose Aguilar Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/joseaguilarblog\" \/>\n<meta property=\"article:published_time\" content=\"2015-01-04T09:31:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-01-18T16:43:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/09\/logo-wordpress-saliendo.png\" \/>\n\t<meta property=\"og:image:width\" content=\"256\" \/>\n\t<meta property=\"og:image:height\" content=\"256\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jose Aguilar\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:site\" content=\"@JoseAguilarBlog\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jose Aguilar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-paginas\/\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-paginas\/\",\"name\":\"Crear un tema WordPress desde cero \u2013 P\u00e1ginas - Jose Aguilar Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-paginas\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-paginas\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/09\/logo-wordpress-saliendo.png\",\"datePublished\":\"2015-01-04T09:31:41+00:00\",\"dateModified\":\"2015-01-18T16:43:16+00:00\",\"author\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-paginas\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-paginas\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-paginas\/#primaryimage\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/09\/logo-wordpress-saliendo.png\",\"contentUrl\":\"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/09\/logo-wordpress-saliendo.png\",\"width\":256,\"height\":256},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-paginas\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.jose-aguilar.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Crear un tema WordPress desde cero \u2013 P\u00e1ginas\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#website\",\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/\",\"name\":\"Jose Aguilar Blog\",\"description\":\"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11\",\"name\":\"Jose Aguilar\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g\",\"caption\":\"Jose Aguilar\"},\"description\":\"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.\",\"sameAs\":[\"https:\/\/plus.google.com\/114357189801512615537\"],\"url\":\"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Crear un tema WordPress desde cero \u2013 P\u00e1ginas - Jose Aguilar Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"Crear un tema WordPress desde cero \u2013 P\u00e1ginas - Jose Aguilar Blog","og_description":"Las p\u00e1ginas de WordPress (page.php) se suele utilizar para mostrar informaci\u00f3n est\u00e1tica. Es decir, en una p\u00e1gina se podr\u00eda escribir contenido cuyo contexto no es dependiente del tiempo pero si que detalla informaci\u00f3n descriptiva sobre el sitio Web. Algunos ejemplos de p\u00e1ginas para crear en un sitio Web pueden incluir Derechos de autor, Informaci\u00f3n Legal, […]","og_url":"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-paginas\/","og_site_name":"Jose Aguilar Blog","article_publisher":"https:\/\/www.facebook.com\/joseaguilarblog","article_published_time":"2015-01-04T09:31:41+00:00","article_modified_time":"2015-01-18T16:43:16+00:00","og_image":[{"width":256,"height":256,"url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/09\/logo-wordpress-saliendo.png","type":"image\/png"}],"author":"Jose Aguilar","twitter_card":"summary_large_image","twitter_creator":"@JoseAguilarBlog","twitter_site":"@JoseAguilarBlog","twitter_misc":{"Escrito por":"Jose Aguilar","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-paginas\/","url":"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-paginas\/","name":"Crear un tema WordPress desde cero \u2013 P\u00e1ginas - Jose Aguilar Blog","isPartOf":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-paginas\/#primaryimage"},"image":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-paginas\/#primaryimage"},"thumbnailUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/09\/logo-wordpress-saliendo.png","datePublished":"2015-01-04T09:31:41+00:00","dateModified":"2015-01-18T16:43:16+00:00","author":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11"},"breadcrumb":{"@id":"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-paginas\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-paginas\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-paginas\/#primaryimage","url":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/09\/logo-wordpress-saliendo.png","contentUrl":"https:\/\/www.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/09\/logo-wordpress-saliendo.png","width":256,"height":256},{"@type":"BreadcrumbList","@id":"https:\/\/www.jose-aguilar.com\/blog\/crear-un-tema-wordpress-desde-cero-paginas\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.jose-aguilar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Crear un tema WordPress desde cero \u2013 P\u00e1ginas"}]},{"@type":"WebSite","@id":"https:\/\/www.jose-aguilar.com\/blog\/#website","url":"https:\/\/www.jose-aguilar.com\/blog\/","name":"Jose Aguilar Blog","description":"Desarrollo Web con PrestaShop, WordPress, PHP, jQuery y Ajax","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jose-aguilar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/e6d485db1e1140866e95971d17105d11","name":"Jose Aguilar","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.jose-aguilar.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/abbfef5f1d75260c549d0f2c2842bb697ba1aadff3b2836b39d2590c8a625415?s=96&d=mm&r=g","caption":"Jose Aguilar"},"description":"Director ejecutivo y tecnol\u00f3gico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.","sameAs":["https:\/\/plus.google.com\/114357189801512615537"],"url":"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/"}]}},"_links":{"self":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/6542","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/comments?post=6542"}],"version-history":[{"count":0,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/posts\/6542\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media\/6444"}],"wp:attachment":[{"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/media?parent=6542"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/categories?post=6542"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jose-aguilar.com\/blog\/wp-json\/wp\/v2\/tags?post=6542"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Tema 01 - Introducci\u00f3n e \u00eddice de contenido<\/a><\/td>
Tema 02 - La estructura de archivos de una plantilla<\/a><\/td>
Tema 03 - Construyendo la base de nuestra plantilla<\/a><\/td>
Tema 04 - Creaci\u00f3n de los men\u00fas de navegaci\u00f3n<\/a><\/td>
Tema 05 - Creaci\u00f3n de zonas para Widgets<\/a><\/td>
Tema 06 - P\u00e1gina principal<\/a><\/td>
Tema 07 - P\u00e1ginas<\/a><\/td>
Tema 08 - Entradas y comentarios<\/a><\/td>
Tema 09 - P\u00e1gina de categor\u00edas y tags<\/a><\/td>
Tema 10 - Formulario de b\u00fasqueda y sus resultados<\/a><\/td>
Tema 11 - P\u00e1gina de error 404<\/a><\/td>
Tema 12 - Conclusi\u00f3n y demostraci\u00f3n<\/a><\/td>