{"id":2593,"date":"2023-03-10T23:10:30","date_gmt":"2023-03-11T03:10:30","guid":{"rendered":"https:\/\/tecnojupiter.net\/?p=2593"},"modified":"2023-03-16T16:46:02","modified_gmt":"2023-03-16T20:46:02","slug":"nuevo-diseno-sitio-web-v2","status":"publish","type":"post","link":"https:\/\/tecnojupiter.test\/nuevo-diseno-sitio-web-v2\/","title":{"rendered":"Nuevo dise\u00f1o sitio web V2"},"content":{"rendered":"\n<figure class=\"wp-block-image\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"450\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2023\/03\/nuevo-diseno-sitio-web-wordpress-800x450.png\" alt=\"nuevo dise\u00f1o sitio web v2\" class=\"wp-image-2598\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2023\/03\/nuevo-diseno-sitio-web-wordpress-800x450.png 800w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2023\/03\/nuevo-diseno-sitio-web-wordpress-384x216.png 384w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2023\/03\/nuevo-diseno-sitio-web-wordpress.png 1280w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p>Si est\u00e1s visitando este sitio web por primera vez, no has de notar que tenemos un nuevo dise\u00f1o de sitio web.<\/p>\n\n\n\n<p>El anterior dise\u00f1o era del a\u00f1o 2017, sin cambios desde ese entonces, un tema WordPress hecho a medida bastante personalizado, y ya han pasado unos a\u00f1os desde que realice alg\u00fan cambio importante y por lo que a m\u00ed respecta era momento de renovar.<\/p>\n\n\n\n<p>Con la decisi\u00f3n tomada surgi\u00f3 una pregunta:<\/p>\n\n\n\n<div id=\"toc_container\" class=\"no_bullets\"><p class=\"toc_title\">&Iacute;ndice de contenido<\/p><ul class=\"toc_list\"><li><a href=\"#que_tema_wordpress_elegir_para_el_sitio_web\">\u00bfQu\u00e9 tema WordPress elegir para el sitio web?<\/a><\/li><li><a href=\"#copia_de_seguridad_wordpress_para_pruebas_en_entorno_local\">Copia de seguridad WordPress para pruebas en entorno local<\/a><\/li><li><a href=\"#un_problema_que_puede_surgir_tras_cambiar_de_tema_wordpress\">Un problema que puede surgir tras cambiar de tema WordPress<\/a><\/li><li><a href=\"#antiguo_logo_y_nuevo_logo_v2\">Antiguo logo y nuevo logo v2<\/a><\/li><li><a href=\"#apariencia_antes_y_despues_de_cambiar_tema\">Apariencia antes y despu\u00e9s de cambiar tema<\/a><\/li><li><a href=\"#resumen\">Resumen<\/a><\/li><\/ul><\/div>\n<h2 class=\"wp-block-heading\"><span id=\"que_tema_wordpress_elegir_para_el_sitio_web\">\u00bfQu\u00e9 tema WordPress elegir para el sitio web?<\/span><\/h2>\n\n\n\n<p>Existen cientos de <a class=\"ek-link\" href=\"https:\/\/tecnojupiter.test\/personaliza-tu-tema-wordpress-child-theme\/\">temas WordPress<\/a> tanto Gratuitos como Premium (<strong>pagos<\/strong>) algunas plantillas muy conocidas gracias al marketing y otros no tanto.<\/p>\n\n\n\n<p>Pero, el aspecto principal que considere para elegir el tema WordPress es la <strong>Velocidad, <\/strong>un tema que est\u00e9 bien optimizado y sea r\u00e1pido. Realizando una peque\u00f1a b\u00fasqueda en Google encontr\u00e9 que hay muchas tendencias diferentes desde hace varios a\u00f1os, pero al d\u00eda de hoy solo existen unos 10 temas que siguen en el top de rese\u00f1as hasta la fecha.<\/p>\n\n\n\n<p>Tras analizar los Pro y los Contra de cada uno me he decidido por un tema llamado <strong>Kadence<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"copia_de_seguridad_wordpress_para_pruebas_en_entorno_local\">Copia de seguridad WordPress para pruebas en entorno local<\/span><\/h2>\n\n\n\n<p>Nunca, nunca realices alg\u00fan cambio importante en un sitio web en vivo, si antes probar esa caracter\u00edstica en un entorno de desarrollo local, algunos hostings pueden proporcionarte un espacio aparte para probar cosas nuevas en tu sitio web sin romper el sitio web en vivo, clonar el sitio con un solo clic para hacer pruebas.<\/p>\n\n\n\n<p>De no ser el caso de tu proveedor de hosting, puedes crear un subdominio, instalar WordPress y el nuevo tema y realizar todas pruebas necesarias.<\/p>\n\n\n\n<p>\u00bfNo quieres complicarte con la configuraci\u00f3n de un subdominio en tu hosting?<\/p>\n\n\n\n<p>Pues, tambi\u00e9n hay otras opciones como tastewp.com, un sitio web que te permite instalar WordPress temporales para probar esos nuevos temas y plugins antes de usarlos en tu sitio real.<\/p>\n\n\n\n<p>Como desarrollador me voy por otra opci\u00f3n, desde hace varios a\u00f1os utilizo <strong><a class=\"ek-link\" href=\"https:\/\/laragon.org\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\" aria-label=\"Laragon (opens in a new tab)\">Laragon<\/a><\/strong> una aplicaci\u00f3n de entorno de desarrollo local moderno, mantenido y rico en caracter\u00edsticas de desarrollo.<\/p>\n\n\n\n<p>Para realizar una copia de seguridad de la instalaci\u00f3n WordPress al d\u00eda de hoy es sumamente sencillo eligiendo el plugin correcto, hay algunos muy buenos, los he probado casi todos, pero en este caso he elegido <strong>WPvivid Backup<\/strong> para realizar la copia de seguridad. (Pronto publicar\u00e9 un tutorial sobre como realizar una copia de seguridad manual o con plugins)<\/p>\n\n\n\n<p>El motivo para realizar una copia de seguridad es tener una copia exacta del sitio para realizar todas las pruebas que creamos necesarias en un entorno local sin medio a romper nada, comprobar si el tema elegido se va a ajustar bien al sitio web con todo el contenido ya subido y los plugins activados.<\/p>\n\n\n\n<div class=\"wp-block-easyblock-note-info\">Recuerda habilitar la opci\u00f3n \u00abno index\u00bb en el entorno local, no queremos que un bot curioso intente indexar el contenido.<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"un_problema_que_puede_surgir_tras_cambiar_de_tema_wordpress\">Un problema que puede surgir tras cambiar de tema WordPress<\/span><\/h2>\n\n\n\n<p>Un problema que surgi\u00f3, algunos ganchos de c\u00f3digo no funcionaban correctamente con el nuevo tema, la soluci\u00f3n instalar un plugin que cumpliera la funci\u00f3n requerida.<\/p>\n\n\n\n<div class=\"wp-block-easyblock-note-success\">Las im\u00e1genes, parte importante de un contenido \ud83d\ude42<\/div>\n\n\n\n<p>Muchos temas vienen con sus propios ajustes de tama\u00f1os de im\u00e1genes para distintas \u00e1reas como, post relacionados y otras zonas, por ende las im\u00e1genes que ya se han subido con el antiguo tema pueden no verse bien con el nuevo tema instalado, por lo que cambiar las dimensiones de estas im\u00e1genes o ajustar las dimensiones de la p\u00e1gina es una tarea importante a realizar.<\/p>\n\n\n\n<p>En mi caso 5 im\u00e1genes no se ajustaban correctamente en algunas p\u00e1ginas, por lo que decide crearlas de nuevo y cambiarlas.<\/p>\n\n\n\n<p>Subiendo y reemplazando 2 primeras im\u00e1genes, note un enorme cambio en el aspecto del sitio web, y sin darme cuenta termine creando nuevamente todas las im\u00e1genes principales. ????<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"antiguo_logo_y_nuevo_logo_v2\">Antiguo logo y nuevo logo v2<\/span><\/h2>\n\n\n\n<p>Siguiendo el enfoque de las im\u00e1genes, otro cambio importante fue el logo del sitio.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"1277\" height=\"395\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2023\/03\/logo-antiguo.png\" alt=\"Logo antiguo\" class=\"wp-image-2601\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2023\/03\/logo-antiguo.png 1277w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2023\/03\/logo-antiguo-800x247.png 800w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2023\/03\/logo-antiguo-400x124.png 400w\" sizes=\"(max-width: 1277px) 100vw, 1277px\" \/><figcaption class=\"wp-element-caption\">Logo &#8211; Dise\u00f1o antiguo<\/figcaption><\/figure>\n\n\n\n<p>Un dise\u00f1o que ten\u00eda hace un tiempo en mis pensamientos, ya era hora de un cambio.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"1200\" height=\"900\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2023\/03\/logo-nuevo-v2.jpg\" alt=\"Nuevo logo version 2\" class=\"wp-image-2602\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2023\/03\/logo-nuevo-v2.jpg 1200w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2023\/03\/logo-nuevo-v2-800x600.jpg 800w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2023\/03\/logo-nuevo-v2-400x300.jpg 400w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><figcaption class=\"wp-element-caption\">Nuevo logo &#8211; v2<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"apariencia_antes_y_despues_de_cambiar_tema\">Apariencia antes y despu\u00e9s de cambiar tema<\/span><\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"1343\" height=\"1124\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2023\/03\/antigua-pagina-principal.jpg\" alt=\"Antigua p\u00e1gina principal dise\u00f1o\" class=\"wp-image-2603\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2023\/03\/antigua-pagina-principal.jpg 1343w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2023\/03\/antigua-pagina-principal-800x670.jpg 800w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2023\/03\/antigua-pagina-principal-1280x1071.jpg 1280w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2023\/03\/antigua-pagina-principal-400x335.jpg 400w\" sizes=\"(max-width: 1343px) 100vw, 1343px\" \/><figcaption class=\"wp-element-caption\">Antiguo dise\u00f1o p\u00e1gina principal<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img fetchpriority=\"low\" decoding=\"async\" loading=\"lazy\" width=\"1263\" height=\"2157\" src=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2023\/03\/nuevo-diseno-sitio-web-tecnojupiter.png\" alt=\"nuevo dise\u00f1o web tecnojupiter.net v2\" class=\"wp-image-2633\" srcset=\"https:\/\/tecnojupiter.test\/wp-content\/uploads\/2023\/03\/nuevo-diseno-sitio-web-tecnojupiter.png 1263w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2023\/03\/nuevo-diseno-sitio-web-tecnojupiter-800x1366.png 800w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2023\/03\/nuevo-diseno-sitio-web-tecnojupiter-400x683.png 400w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2023\/03\/nuevo-diseno-sitio-web-tecnojupiter-899x1536.png 899w, https:\/\/tecnojupiter.test\/wp-content\/uploads\/2023\/03\/nuevo-diseno-sitio-web-tecnojupiter-1199x2048.png 1199w\" sizes=\"(max-width: 1263px) 100vw, 1263px\" \/><figcaption class=\"wp-element-caption\">Nuevo dise\u00f1o web v2<\/figcaption><\/figure>\n\n\n\n<p>Por ahora, estoy conforme con esta versi\u00f3n 2, no es un estilo final as\u00ed que lo ir\u00e9 mejorando poco a poco. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span id=\"resumen\">Resumen<\/span><\/h2>\n\n\n\n<p>He cambiado de tema WordPress, utilizando mi metodolog\u00eda de trabajo <strong>invert\u00ed unos 7 d\u00edas cuidando cada detalle para cambiar el tema WordPress<\/strong>. Aspectos como el contenido, estructura, los H1, H2, H3, H4, dise\u00f1ar nuevas im\u00e1genes, men\u00fas, widgets, enlaces, etc.<\/p>\n\n\n\n<p>Aparte de los cambios en el front-end, realice cambios tambi\u00e9n en el back-end para mejorar a\u00fan m\u00e1s la fluidez del sitio web.<\/p>\n\n\n\n<p>Al momento de tomar la decisi\u00f3n de cambiar de tema, planifica el tiempo necesario para realizar todos los ajustes correspondientes para adaptar la web tanto a pantallas de escritorio como dispositivos m\u00f3viles.<\/p>\n\n\n\n<p>A\u00fan falta mucho c\u00f3digo personalizado que ir\u00e9 a\u00f1adiendo al tema con el tiempo, pero estoy bastante feliz con el resultado.<\/p>\n\n\n\n<p>Por \u00faltimo, el siguiente paso es hacer un seguimiento en herramientas como PageSpeed, Webpagetest, entre otras.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si est\u00e1s visitando este sitio web por primera vez, no has de notar que tenemos un nuevo dise\u00f1o de sitio web. El anterior dise\u00f1o era del a\u00f1o 2017, sin cambios desde ese entonces, un tema WordPress hecho a medida bastante personalizado, y ya han pasado unos a\u00f1os desde que realice alg\u00fan cambio importante y por&#8230;<\/p>\n","protected":false},"author":1,"featured_media":2598,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"","_editorskit_title_hidden":false,"_editorskit_reading_time":4,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[3],"tags":[143,18],"_links":{"self":[{"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/posts\/2593"}],"collection":[{"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/comments?post=2593"}],"version-history":[{"count":12,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/posts\/2593\/revisions"}],"predecessor-version":[{"id":2720,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/posts\/2593\/revisions\/2720"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/media\/2598"}],"wp:attachment":[{"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/media?parent=2593"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/categories?post=2593"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tecnojupiter.test\/wp-json\/wp\/v2\/tags?post=2593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}