{"id":150,"date":"2021-04-02T11:11:24","date_gmt":"2021-04-02T10:11:24","guid":{"rendered":"https:\/\/albert.muratet.cat\/?p=150"},"modified":"2021-04-02T17:05:28","modified_gmt":"2021-04-02T16:05:28","slug":"triat-el-tema-mercia-com-canviar-els-estils","status":"publish","type":"post","link":"https:\/\/albert.muratet.cat\/?p=150","title":{"rendered":"Triat el tema Mercia&#8230; Com canviar els estils."},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Pas 1. Com crear un fill<\/h2>\n\n\n\n<p>Sigui el cas que hem triat el Tema Mercia. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"404\" height=\"354\" src=\"https:\/\/albert.muratet.cat\/wp-content\/uploads\/2021\/04\/image.png\" alt=\"\" class=\"wp-image-151\" srcset=\"https:\/\/albert.muratet.cat\/wp-content\/uploads\/2021\/04\/image.png 404w, https:\/\/albert.muratet.cat\/wp-content\/uploads\/2021\/04\/image-300x263.png 300w\" sizes=\"auto, (max-width: 404px) 100vw, 404px\" \/><\/figure>\n\n\n\n<p>Pero hi volem fer alguns canvis.<\/p>\n\n\n\n<p>Creem un fill.<\/p>\n\n\n\n<p>Hem d&#8217;instal\u00b7lar l&#8217;extensi\u00f3: Child Theme Configurator<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"573\" height=\"251\" src=\"https:\/\/albert.muratet.cat\/wp-content\/uploads\/2021\/04\/image-1.png\" alt=\"\" class=\"wp-image-152\" srcset=\"https:\/\/albert.muratet.cat\/wp-content\/uploads\/2021\/04\/image-1.png 573w, https:\/\/albert.muratet.cat\/wp-content\/uploads\/2021\/04\/image-1-300x131.png 300w\" sizes=\"auto, (max-width: 573px) 100vw, 573px\" \/><\/figure>\n\n\n\n<p>Perqu\u00e8 hem de fer aix\u00f2? Alguns CSS ens el permet canviar, per\u00f2 si volen canviar codi, quan actualitzem el &#8220;Tema Mare&#8221; perderiem els canvis.<\/p>\n\n\n\n<p>Un cop instal\u00b7lat, cal anar a Eines &#8211; Child Themes.<\/p>\n\n\n\n<p>A la pestanya Parent\/Child, triem l&#8217;opci\u00f3 &#8220;Create a new Child Theme&#8221;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"852\" height=\"122\" src=\"https:\/\/albert.muratet.cat\/wp-content\/uploads\/2021\/04\/image-2.png\" alt=\"\" class=\"wp-image-153\" srcset=\"https:\/\/albert.muratet.cat\/wp-content\/uploads\/2021\/04\/image-2.png 852w, https:\/\/albert.muratet.cat\/wp-content\/uploads\/2021\/04\/image-2-300x43.png 300w, https:\/\/albert.muratet.cat\/wp-content\/uploads\/2021\/04\/image-2-768x110.png 768w\" sizes=\"auto, (max-width: 852px) 100vw, 852px\" \/><\/figure>\n\n\n\n<p>I en el punt 2, el tema del qual volem fer el fill. En el nostre cas, el Mercia.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"692\" height=\"112\" src=\"https:\/\/albert.muratet.cat\/wp-content\/uploads\/2021\/04\/image-3.png\" alt=\"\" class=\"wp-image-154\" srcset=\"https:\/\/albert.muratet.cat\/wp-content\/uploads\/2021\/04\/image-3.png 692w, https:\/\/albert.muratet.cat\/wp-content\/uploads\/2021\/04\/image-3-300x49.png 300w\" sizes=\"auto, (max-width: 692px) 100vw, 692px\" \/><\/figure>\n\n\n\n<p>Li donem al bot\u00f3 Analyze<\/p>\n\n\n\n<p>Un cop fet aix\u00f2, s&#8217;obren nous punts.<\/p>\n\n\n\n<p>Important activar el punt 8 per no perdre la feina feta dels menus!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"161\" src=\"https:\/\/albert.muratet.cat\/wp-content\/uploads\/2021\/04\/image-4-1024x161.png\" alt=\"\" class=\"wp-image-155\" srcset=\"https:\/\/albert.muratet.cat\/wp-content\/uploads\/2021\/04\/image-4-1024x161.png 1024w, https:\/\/albert.muratet.cat\/wp-content\/uploads\/2021\/04\/image-4-300x47.png 300w, https:\/\/albert.muratet.cat\/wp-content\/uploads\/2021\/04\/image-4-768x121.png 768w, https:\/\/albert.muratet.cat\/wp-content\/uploads\/2021\/04\/image-4.png 1068w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>I li donem al bot\u00f3 de Create New Child Theme<\/p>\n\n\n\n<p>Un cop fer aix\u00f2, ja el tenim creat, per\u00f2 ara l&#8217;hem d&#8217;activar. Anem a Aparen\u00e7a i triem el nou Tema. En el meu cas, &#8220;Mercia Child&#8221;<\/p>\n\n\n\n<p>Comprovem que s&#8217;han mantingut els men\u00fas, idiomes, etc&#8230;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pas 2. Canviar estils i funcions<\/h2>\n\n\n\n<p>Ara ja podem anar a Aparen\u00e7a &#8211; Editor de temes. A la part de la dreta en surten els &#8220;Fitxers del Tema&#8221;. Tenim Full d&#8217;estil i Funcions del tema.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pas 3. Canviem les funcions del tema.<\/h2>\n\n\n\n<p>Per exemple, si volem treure la paraula &#8220;Categoria&#8221; del t\u00edtulo, hem d&#8217;afegir al fitxer &#8220;function.php&#8221; el seg\u00fcent codi:<\/p>\n\n\n\n<p>\/\/TREURE EL TAG CATEGORIA<br>add_filter( &#8216;get_the_archive_title&#8217;, function ($title) {<br>if ( is_category() ) {<br>$title = single_cat_title( &#8221;, false );<br>} elseif ( is_tag() ) {<br>$title = single_tag_title( &#8221;, false );<br>} elseif ( is_author() ) {<br>$title = &#8221; . get_the_author() . &#8221; ;<br>}<br>return $title;<br>});<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Pas 4. Posem un peu personalitzat.<\/h2>\n\n\n\n<p>A la part de posar un copyright que s&#8217;actualitzi amb l&#8217;any, tamb\u00e9 podem fer un peu personalitzar per cada idioma, jugant amb la variable &#8220;$lang&#8221;<\/p>\n\n\n\n<p>Per aix\u00f2 hem d&#8217;aconseguir que el fitxer &#8220;footer.php&#8221; ens surti en la part dreta de la pantalla de &#8220;Aparen\u00e7a &#8211; Editor de temes&#8221;.<\/p>\n\n\n\n<p>I com es fa aix\u00f2? Doncs la manera que he trobat \u00e9s anant al &#8220;servidor web&#8221;. Dins de la carpeta &#8220;wp-content\/themes&#8221; tenim els themes &#8220;Mare&#8221; i &#8220;Fill&#8221;. Dins del tema Mare, agafem el fitxer &#8220;footer.php&#8221; i el copiem al directori fill.<\/p>\n\n\n\n<p>Un cop fet aix\u00f2, si actualitzem WP, ja surt a la part de la dreta el fitxer &#8220;footer.php&#8221;. Ara ja el podem editar.<\/p>\n\n\n\n<p>Editem el footer.php i podem posar, per exemple:<\/p>\n\n\n\n<p>&lt;?php<\/p>\n\n\n\n<p>if ($lang == &#8220;es&#8221;) { print_r(&#8220;\u00a1Te esperamos!&#8221;); }<br>elseif($lang == &#8220;en&#8221;) { print_r(&#8220;We will wait for you!&#8221;); }<br>elseif($lang == &#8220;fr&#8221;) { print_r(&#8220;Nous t\u2019attendons!&#8221;); }<br>elseif($lang == &#8220;ru&#8221;) { print_r(&#8220;\u041c\u044b \u043f\u043e\u0434\u043e\u0436\u0434\u0435\u043c \u0442\u0435\u0431\u044f!&#8221;); }<br>else { print_r(&#8220;T\u2019hi espere\u2019m!&#8221;); }<\/p>\n\n\n\n<p>?><\/p>\n\n\n\n<p>I aix\u00ed escriurem un missatge al peu de p\u00e0gina!<\/p>\n\n\n\n<p>Tamb\u00e9 podem canviar els cr\u00e8dits i que actualitzi l&#8217;any<\/p>\n\n\n\n<p>&lt;?php<\/p>\n\n\n\n<p>if (date(&#8220;Y&#8221;) == 2021) {print_r(date(&#8220;Y&#8221;));}<br>else {print_r(&#8220;2021 &#8211; &#8220;.date(&#8220;Y&#8221;));}<\/p>\n\n\n\n<p>?> \u00a9 [El nostre nom]<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pas 1. Com crear un fill Sigui el cas que hem triat el Tema Mercia. Pero hi volem fer alguns canvis. Creem un fill. Hem d&#8217;instal\u00b7lar l&#8217;extensi\u00f3: Child Theme Configurator Perqu\u00e8 hem de fer aix\u00f2? Alguns CSS ens el permet canviar, per\u00f2 si volen canviar codi, quan actualitzem el &#8220;Tema Mare&#8221; perderiem els canvis. Un&hellip; <a class=\"more-link\" href=\"https:\/\/albert.muratet.cat\/?p=150\">Continueu llegint <span class=\"screen-reader-text\">Triat el tema Mercia&#8230; Com canviar els estils.<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-150","post","type-post","status-publish","format-standard","hentry","category-word-press","entry"],"_links":{"self":[{"href":"https:\/\/albert.muratet.cat\/index.php?rest_route=\/wp\/v2\/posts\/150","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/albert.muratet.cat\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/albert.muratet.cat\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/albert.muratet.cat\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/albert.muratet.cat\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=150"}],"version-history":[{"count":2,"href":"https:\/\/albert.muratet.cat\/index.php?rest_route=\/wp\/v2\/posts\/150\/revisions"}],"predecessor-version":[{"id":158,"href":"https:\/\/albert.muratet.cat\/index.php?rest_route=\/wp\/v2\/posts\/150\/revisions\/158"}],"wp:attachment":[{"href":"https:\/\/albert.muratet.cat\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=150"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/albert.muratet.cat\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=150"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/albert.muratet.cat\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}