{"id":53,"date":"2014-10-13T09:54:06","date_gmt":"2014-10-13T08:54:06","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/gestoresdecontenidos\/?p=53"},"modified":"2014-10-13T09:55:57","modified_gmt":"2014-10-13T08:55:57","slug":"catala-personalitzant-el-tema-underscores","status":"publish","type":"post","link":"http:\/\/multimedia.uoc.edu\/blogs\/gestoresdecontenidos\/2014\/10\/13\/catala-personalitzant-el-tema-underscores\/","title":{"rendered":"(Catal\u00e0) Personalitzant el tema Underscores"},"content":{"rendered":"<p>Underscores \u00e9s un tema \u00abstarter\u00bb, a difer\u00e8ncia dels temes \u00abbase\u00bb que estan pensats per ser personalitzats, els temes \u00abstarter\u00bb nom\u00e9s tenen l&#8217;estructura b\u00e0sica, tant a nivell de plantilles com de css.<\/p>\n<p>\u00c9s un punt de partida a partir del qual podem acabar de crear el tema. Per tant a nivell de disseny \u00e9s cert que d\u00f3na m\u00e9s feina de personalitzaci\u00f3 per\u00f2 per un altre banda tenim m\u00e9s llibertat.<\/p>\n<p>Amb els temes starter no es crea mai un tema derivat, sin\u00f3 que es modifiquen els arxius directament, encara que \u00e9s cert que llavors perdem la possibilitat d&#8217;actualitzar-ho a una nova versi\u00f3, per\u00f2 en principi no hauria de ser un problema.<\/p>\n<p>Un \u00a0tema starter \u00e9s un \u00abesquelet\u00bb de partida del tema que ens facilita la feina i estalvia temps de desenvolupament.<\/p>\n<p>Si heu provat d&#8217;activar el tema underscores veureu que no hi ha cap mena de layout, marges, personalitzaci\u00f3 de tipografies ni colors, pr\u00e0cticament res. Aix\u00f2 est\u00e0 fet expressament aix\u00ed.<\/p>\n<p>El procediment per personalitzar el tema \u00e9s el seg\u00fcent:<\/p>\n<ul>\n<li>A la fulla d&#8217;estils style.css veureu molts elements css definits, per\u00f2 sense estils, organitzats per apartats, tipografia,layout, navegaci\u00f3 etc etc. Aqu\u00ed \u00e9s on heu de personalitzar el css per donar-li forma al tema<\/li>\n<li>El tema t\u00e9 2 layouts b\u00e0sics predefinits que podeu activar si al principi de style.css importeu on o l&#8217;altreper exemple @import url(&#8216;layouts\/content-sidebar.css&#8217;);<\/li>\n<li>El color de fons el podeu canviar f\u00e0cilment a trav\u00e9s de l&#8217;eina per personalitzaci\u00f3 del tauler de WP a (Apariencia\/personalitzar\/color de fons)<\/li>\n<li>En general hi ha llibertat total per definir els estils com vulguem, a continuaci\u00f3 una definici\u00f3 d&#8217;estils molt senzilla que d\u00f3na una mica m\u00e9s de cara i ulls al tema:<\/li>\n<\/ul>\n<p>#page{<\/p>\n<p>width:90%;<\/p>\n<p>margin: 0 auto;<\/p>\n<p>}<\/p>\n<p>#content{<\/p>\n<p>width:100%;<\/p>\n<p>}<\/p>\n<p>#primary{<\/p>\n<p>width:70%;<\/p>\n<p>float:left;<\/p>\n<p>}<\/p>\n<p>#secondary{<\/p>\n<p>width:30%;<\/p>\n<p>float:right;<\/p>\n<p>}<\/p>\n<p>h1.site-title{<\/p>\n<p>font-size: 3em;<\/p>\n<p>}<\/p>\n<p>h1{<\/p>\n<p>font-size: 2em;<\/p>\n<p>}<\/p>\n<p>.menu li a{<\/p>\n<p>padding: 5px 12px;<\/p>\n<p>background-color:#333;<\/p>\n<p>color:#fff;<\/p>\n<p>}<\/p>","protected":false},"excerpt":{"rendered":"<p>Underscores \u00e9s un tema \u00abstarter\u00bb, a difer\u00e8ncia dels temes \u00abbase\u00bb que estan pensats per ser personalitzats, els temes \u00abstarter\u00bb nom\u00e9s tenen l&#8217;estructura b\u00e0sica, tant a nivell de plantilles com de css. \u00c9s un punt de partida a partir del qual podem acabar de crear el tema. Per tant a nivell de disseny \u00e9s cert que &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/gestoresdecontenidos\/2014\/10\/13\/catala-personalitzant-el-tema-underscores\/\" class=\"more-link\">Seguir leyendo<span class=\"screen-reader-text\"> \u00ab(Catal\u00e0) Personalitzant el tema Underscores\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":[10,11,9],"class_list":["post-53","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-starter","tag-theming","tag-underscores","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/gestoresdecontenidos\/wp-json\/wp\/v2\/posts\/53","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=53"}],"version-history":[{"count":3,"href":"http:\/\/multimedia.uoc.edu\/blogs\/gestoresdecontenidos\/wp-json\/wp\/v2\/posts\/53\/revisions"}],"predecessor-version":[{"id":56,"href":"http:\/\/multimedia.uoc.edu\/blogs\/gestoresdecontenidos\/wp-json\/wp\/v2\/posts\/53\/revisions\/56"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/gestoresdecontenidos\/wp-json\/wp\/v2\/media?parent=53"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/gestoresdecontenidos\/wp-json\/wp\/v2\/categories?post=53"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/gestoresdecontenidos\/wp-json\/wp\/v2\/tags?post=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}