{"id":75,"date":"2015-11-02T08:49:17","date_gmt":"2015-11-02T08:49:17","guid":{"rendered":"http:\/\/blogsfad.educacion.navarra.es\/wp2015\/?p=75"},"modified":"2019-11-21T09:21:45","modified_gmt":"2019-11-21T08:21:45","slug":"personaliza-temas-en-wordpress","status":"publish","type":"post","link":"https:\/\/blogsfad.educacion.navarra.es\/wp2015\/personaliza-temas-en-wordpress\/","title":{"rendered":"Personaliza los temas en WordPress"},"content":{"rendered":"<p style=\"text-align: justify;\">\u00a0\u00a0\u00a0\u00a0 Despu\u00e9s de mil y una pruebas finalmente hemos escogido un tema para nuestro sitio web. Por desgracia lo que visualizamos al visitar nuestro sitio poco tiene que ver con la maravillosa fotograf\u00eda que ilustra el tema de nuestra elecci\u00f3n&#8230; \u00a1Toca ponernos a la tarea de personalizar!<\/p>\n<p style=\"text-align: justify;\">\u00a0\u00a0\u00a0\u00a0 Para ello en la mayor parte de los casos nos bastar\u00e1 con acudir a <em>Apariencia &gt; Personalizar<\/em>, e ir cambiando los ajustes del men\u00fa lateral que nos aparece sobre nuestro sitio para adaptarlo a nuestro gusto y necesidades. Al respecto s\u00f3lo unas peque\u00f1as recomendaciones:<\/p>\n<p style=\"text-align: justify;\">1.- Menos es m\u00e1s.- Al ir cambiando nuestros colores o insertando fotos en nuestas cabeceras o fondo corremos el riesgo de olvidar que lo m\u00e1s importante en una web es asegurar su funcionalidad. Para dirigir a nuestros visitantes a los recursos de forma r\u00e1pida y sencilla suele bastar con un dise\u00f1o austero&#8230; y atemporal. Adem\u00e1s, y todos lo sabemos por nuestras clases, cuantos menos elementos distractores mejor.<\/p>\n<p style=\"text-align: justify;\">2.- Cuidar el tama\u00f1o de las im\u00e1genes. Normalmente con una fotograf\u00eda de un ancho de 1024 px. ofreceremos una imagen de calidad para el fondo de nuestra p\u00e1gina, por grande que sea la pantalla desde la que se visualice. Igualmente con un ancho de unos 600 px bastar\u00e1 para el cuerpo de nuestras p\u00e1ginas y entradas. Subir fotograf\u00edas m\u00e1s grandes s\u00f3lo contribuir\u00e1 a aumentar el \u00abpeso\u00bb de nuestras p\u00e1ginas ralentizando el tiempo de carga.<\/p>\n<p style=\"text-align: justify;\">3.- Usa widget para incrustar o a\u00f1adir elementos a tu tema. En muchas ocasiones deseamos a\u00f1adir ciertos elementos a nuestra p\u00e1gina, la forma m\u00e1s sencilla y segura (frente a nuevas actualizaciones) es tratar de hacerlo por medio de widgets. El widget <em>Texto<\/em> por ejemplo admite c\u00f3digo html por lo que constituye una ventana a un mundo de posibilidades.<\/p>\n<p style=\"text-align: justify;\">\u00a0\u00a0\u00a0\u00a0 Pero \u00bfqu\u00e9 ocurre si necesitamos hacer cambios en los elementos intr\u00ednsecos a nuestro tema? Imaginate que nuestro tema nos permite una imagen en la cabecera de tan s\u00f3lo 200 px x 80 px, \u00bfsignifica eso que o debemos conformarnos con ello o cambiar de tema? Ni mucho menos, ahora bien, la cosa se comienza a complicar: tendremos que recurrir a la edici\u00f3n del c\u00f3digo del tema. Si buscas en internet como hacerlo encontrar\u00e1s miles de tutoriales para ello. Ahora bien, antes de hacer nada ten en cuenta las siguientes advertencias:<\/p>\n<p style=\"text-align: justify;\">1.- La modificaci\u00f3n de un tema en una instalaci\u00f3n multisitio afectar\u00e1 a todos los sitios que tengan instalado dicho tema.<\/p>\n<p style=\"text-align: justify;\">2.- Cuando se dice que los temas pertenecen a una \u00abfamilia\u00bb, como la familia Genesis ya mencionada, eso significa que todos ellos comparten parte de su c\u00f3digo del tema principal (en ese caso el tema Genesis). Por lo tanto si modificamos el tema \u00abpadre\u00bb ello tendr\u00e1 efecto en todos los temas de su familia, pudiendo ser catastr\u00f3fico en algunos casos.<\/p>\n<p style=\"text-align: justify;\">3.- Es bastante com\u00fan realizar las modificaciones a nuestro c\u00f3digo y estilos directamente con el <em>Editor de temas<\/em> que est\u00e1 disponible en el men\u00fa <em>Apariencia<\/em> (en nuestro caso s\u00f3lo disponible si eres el superadministrador). El que sea com\u00fan no quita sin embargo que sea un error. A parte de que como ya hemos visto el cambio afectar\u00e1 a todos los sitios que usen ese tema, nuestros temas, como el propio WordPress, se actualizan continuamente. Que quiere decir eso, que cuando se actualice el tema se sobreescribir\u00e1 sobre nuestros cambios, y los mismos quedar\u00e1n sin efecto.<\/p>\n<p style=\"text-align: justify;\">\u00a0\u00a0\u00a0\u00a0 Para evitar todos esos errores podemos hacer dos cosas: acudir a un plugin del tipo <a href=\"https:\/\/wordpress.org\/plugins\/simple-custom-css\/\" target=\"_blank\" rel=\"noopener noreferrer\">Simple Custom CSS<\/a>, que nos permitir\u00e1 a\u00f1adir c\u00f3digo a nuestro tema sin editar directamente el mismo y mantenerlo pese a las posibles modificaciones, adem\u00e1s al poder hacerlo en cada uno de nuestros sitios, estaos cambios s\u00f3lo afectaran a dichos sitios y no a la totalidad de aquellos que usen dicho tema; o crear un <em>Child Theme<\/em>. Un tema hijo no es sino un tema que depende para la mayor parte de las funciones de su tema \u00abpadre\u00bb, pero en la que se modifica el c\u00f3digo de aquellas partes consideremos necesarias. Cuando creemos un tema hijo este tendr\u00e1 otro nombre diferente al tema original, y como tal permitir\u00e1 su activaci\u00f3n en un sitio especifico sin interferir en el normal funcionamiento de aquellos que tienen instalado el tema padre original. Aunque la tarea requiere unos conocimientos algo m\u00e1s avanzados y dif\u00edcilmente lo llegu\u00e9is a realizar, os dejo aqu\u00ed un tutorial de c\u00f3mo crear un tema hijo:<\/p>\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/6iy_LkvpsPw?feature=oembed\" frameborder=\"0\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Personalizar temas WordPress: Simple CSS Custom y Child Themes<\/p>\n","protected":false},"author":273,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":""},"categories":[69],"tags":[88,85,90,89],"_links":{"self":[{"href":"https:\/\/blogsfad.educacion.navarra.es\/wp2015\/wp-json\/wp\/v2\/posts\/75"}],"collection":[{"href":"https:\/\/blogsfad.educacion.navarra.es\/wp2015\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogsfad.educacion.navarra.es\/wp2015\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogsfad.educacion.navarra.es\/wp2015\/wp-json\/wp\/v2\/users\/273"}],"replies":[{"embeddable":true,"href":"https:\/\/blogsfad.educacion.navarra.es\/wp2015\/wp-json\/wp\/v2\/comments?post=75"}],"version-history":[{"count":0,"href":"https:\/\/blogsfad.educacion.navarra.es\/wp2015\/wp-json\/wp\/v2\/posts\/75\/revisions"}],"wp:attachment":[{"href":"https:\/\/blogsfad.educacion.navarra.es\/wp2015\/wp-json\/wp\/v2\/media?parent=75"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogsfad.educacion.navarra.es\/wp2015\/wp-json\/wp\/v2\/categories?post=75"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogsfad.educacion.navarra.es\/wp2015\/wp-json\/wp\/v2\/tags?post=75"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}