{"id":368444,"date":"2022-12-04T15:20:00","date_gmt":"2022-12-04T12:20:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=368444"},"modified":"2022-10-13T00:38:02","modified_gmt":"2022-10-12T21:38:02","slug":"como-hacer-un-boton-volver-arriba-en-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-hacer-un-boton-volver-arriba-en-wordpress\/","title":{"rendered":"C\u00f3mo hacer un bot\u00f3n Volver arriba en WordPress"},"content":{"rendered":"\n<p>\u00bfHa estado planeando hacer que su sitio web sea m\u00e1s accesible para sus visitantes? Agregar un bot\u00f3n de volver arriba a su blog de WordPress puede ser el truco. Esto es especialmente cierto si su blog requiere mucho desplazamiento al ver el contenido.<\/p>\n<p>En este tutorial, le mostraremos c\u00f3mo puede instalar el bot\u00f3n Volver al principio en su blog con dos complementos diferentes: el complemento <strong><a href=\"#WPFront\">WPFront Scroll Top<\/a><\/strong> y <strong><a href=\"#GP\">GP Back To Top<\/a><\/strong>. El primero contiene muchas opciones para la personalizaci\u00f3n completa del complemento, mientras que el otro es m\u00e1s f\u00e1cil de usar.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/_AKk-JG8E2Q\" frameborder=\"0\"><\/iframe><\/div>\n<h2>\u00bfQu\u00e9 es un bot\u00f3n Volver al principio?<\/h2>\n<p>Esencialmente, el bot\u00f3n Volver al principio suele tener la <strong>forma de una flecha o un texto que aparece en la parte inferior<\/strong> del texto cuando el usuario se desplaza hacia abajo en una p\u00e1gina. Al hacer clic en este bot\u00f3n <strong>, el usuario vuelve al principio de la p\u00e1gina<\/strong>. Puede ser particularmente \u00fatil para aquellos que prefieren navegar por sitios web en sus tel\u00e9fonos m\u00f3viles. Mucha gente usa un men\u00fa fijo para facilitar la navegaci\u00f3n por el sitio web, pero un bot\u00f3n para volver al principio puede ser una caracter\u00edstica adicional que ayudar\u00e1 a\u00fan m\u00e1s <strong>a sus lectores cuando naveguen por su p\u00e1gina<\/strong>.<\/p>\n<p>Cuando se trata de estilo, este bot\u00f3n debe ser lo suficientemente visible para llamar la atenci\u00f3n del visitante. A\u00fan as\u00ed, tampoco debe ser demasiado grande o demasiado enfatizado, para no distraer demasiado a los usuarios. Un buen ejemplo de c\u00f3mo deber\u00eda verse este bot\u00f3n en un sitio web se puede ver en <a href=\"http:\/\/dalia.elated-themes.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">la plantilla Dalia WordPress<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e6080e5756.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e6080e5756.jpg\" alt=\"C\u00f3mo hacer un bot\u00f3n Volver arriba en WordPress\" ><\/a><\/p>\n<h2>Instalaci\u00f3n del bot\u00f3n Volver al principio con el complemento WPFront Scroll Top<\/h2>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e608411f33.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e608411f33.jpg\" alt=\"C\u00f3mo hacer un bot\u00f3n Volver arriba en WordPress\" ><\/a><\/p>\n<p>Una vez que lo instale, podr\u00e1 encontrar el complemento en la pesta\u00f1a Configuraci\u00f3n en su Panel de control con el nombre Scroll Top.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e6087886a0.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e6087886a0.jpg\" alt=\"C\u00f3mo hacer un bot\u00f3n Volver arriba en WordPress\" ><\/a><\/p>\n<p>Para activarlo, aseg\u00farese de marcar primero la casilla Habilitar antes de hacer cualquier otra cosa. Despu\u00e9s, puede configurar <strong>Scroll Offset<\/strong>, es decir, <strong>el<\/strong> <strong>n\u00famero de p\u00edxeles antes de que aparezca el bot\u00f3n.<\/strong> Tambi\u00e9n puede ajustar las <strong>dimensiones que desea que tenga su bot\u00f3n<\/strong>.<\/p>\n<p><strong>La opacidad del bot\u00f3n<\/strong> tambi\u00e9n es una excelente opci\u00f3n que le permite <strong>hacer que el bot\u00f3n se vea m\u00e1s brillante cuando no est\u00e1 activo<\/strong>. Esto le da un buen efecto de animaci\u00f3n.<\/p>\n<p>Cuando marque la opci\u00f3n <strong>Ocultar autom\u00e1ticamente<\/strong> y escriba la cantidad de segundos en el cuadro <strong>Ocultar autom\u00e1ticamente despu\u00e9s<\/strong>, su <strong>bot\u00f3n desaparecer\u00e1 despu\u00e9s del tiempo de inactividad que haya especificado y volver\u00e1 a aparecer cuando mueva el cursor del mouse nuevamente<\/strong>.<\/p>\n<p>El complemento WPFront Scroll Top tambi\u00e9n permite a los usuarios <strong>ajustar la posici\u00f3n del bot\u00f3n<\/strong> e incluso <strong>contiene opciones para dispositivos peque\u00f1os<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e608a3b5ee.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e608a3b5ee.jpg\" alt=\"C\u00f3mo hacer un bot\u00f3n Volver arriba en WordPress\" ><\/a><\/p>\n<p>Si lo prefiere, puede configurar el bot\u00f3n Volver al principio para que <strong>aparezca solo en las p\u00e1ginas que ha especificado<\/strong>. Para hacerlo, simplemente seleccione <strong>Incluir en las siguientes p\u00e1ginas<\/strong> y marque todas las casillas de verificaci\u00f3n de las p\u00e1ginas en las que desea que se muestre su bot\u00f3n.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e608e46ae3.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e608e46ae3.jpg\" alt=\"C\u00f3mo hacer un bot\u00f3n Volver arriba en WordPress\" ><\/a><\/p>\n<p>El complemento WPFront Scroll Top tambi\u00e9n viene con una <strong>gran cantidad de im\u00e1genes que puede elegir para ajustar el estilo de su bot\u00f3n<\/strong> para que coincida con el tema de su sitio web. Si ninguna de las im\u00e1genes de esta lista te funciona, <strong>tambi\u00e9n puedes elegir una propia<\/strong>. Para hacerlo, primero debe agregar la imagen a la Biblioteca multimedia para que aparezca en la lista de botones de imagen disponibles. Otra opci\u00f3n es agregar su imagen insertando una URL personalizada.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e60928236c.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e60928236c.jpg\" alt=\"C\u00f3mo hacer un bot\u00f3n Volver arriba en WordPress\" ><\/a><\/p>\n<p>Cuando configure todas las opciones del complemento y seleccione el Bot\u00f3n de imagen, aseg\u00farese de hacer clic en Guardar cambios.<\/p>\n<h2>Uso del complemento Volver al principio de GP<\/h2>\n<p>Si no eres fan\u00e1tico de los complementos que tienen innumerables configuraciones y prefieres un <strong>enfoque m\u00e1s simple pero directo<\/strong>, entonces <a href=\"https:\/\/wordpress.org\/plugins\/gp-back-to-top\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">GB Back To Top Plugin<\/a> es para ti.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e609662683.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e609662683.jpg\" alt=\"C\u00f3mo hacer un bot\u00f3n Volver arriba en WordPress\" ><\/a><\/p>\n<p>Despu\u00e9s de su instalaci\u00f3n, puede acceder a ella yendo a Configuraci\u00f3n &gt; Volver arriba de GP en su Tablero.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e609a7c1fc.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e609a7c1fc.jpg\" alt=\"C\u00f3mo hacer un bot\u00f3n Volver arriba en WordPress\" ><\/a><\/p>\n<p>Como ya hemos subrayado, es <strong>f\u00e1cil trabajar con<\/strong> la configuraci\u00f3n de GP Plugin. Pero lo m\u00e1s importante, el complemento en s\u00ed funciona muy bien. Solo hay configuraciones que le permiten <strong>ajustar opciones como el tama\u00f1o del bot\u00f3n, el tama\u00f1o de fuente y el color de fondo<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e609f4aa1f.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e609f4aa1f.jpg\" alt=\"C\u00f3mo hacer un bot\u00f3n Volver arriba en WordPress\" ><\/a><\/p>\n<p>Una vez que implemente el bot\u00f3n Volver arriba en su p\u00e1gina con este complemento, as\u00ed es como se ver\u00e1:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e60a3860c5.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-328483-633e60a3860c5.jpg\" alt=\"C\u00f3mo hacer un bot\u00f3n Volver arriba en WordPress\" ><\/a><\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfHa estado planeando hacer que su sitio web sea m\u00e1s accesible para sus visitantes? Agregar un bot\u00f3n de volver arriba a su blog de WordPress puede ser el truco.<\/p>\n","protected":false},"author":1,"featured_media":328617,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[566],"tags":[849],"class_list":["post-368444","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conceptos-basicos-de-wordpress","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/368444","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=368444"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/368444\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/328617"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=368444"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=368444"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=368444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}