{"id":31361,"date":"2019-10-11T11:30:45","date_gmt":"2019-10-11T09:30:45","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=31361"},"modified":"2022-02-14T13:43:43","modified_gmt":"2022-02-14T11:43:43","slug":"page-scroll-to-id-smooth-scroll-en-wordpress","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/wordpress\/page-scroll-to-id-smooth-scroll-en-wordpress\/","title":{"rendered":"Page scroll to id – Smooth Scroll en WordPress"},"content":{"rendered":"
<\/div>

\"Page<\/p>\n

El otro d\u00eda vimos c\u00f3mo pod\u00edamos hacer un \u00abscroll top\u00bb<\/em> en WordPress<\/a>. Esto es poder volver al principio de la p\u00e1gina haciendo click en un bot\u00f3n, sin tener que hacer scroll<\/em> hacia arriba para llegar.<\/p>\n

Hoy vamos a hablar de algo relacionado, pero en lugar de volver al top de la p\u00e1gina, nos podremos desplazar a cualquier elemento en la misma p\u00e1gina<\/strong>.<\/p>\n

A esto, generalmente se le llama \u00abenlace ancla\u00bb<\/strong> y ya hablamos sobre c\u00f3mo utilizarlos en WordPress 5.x<\/a>.<\/p>\n

Adem\u00e1s, el desplazamiento ser\u00e1 realiza con el efecto Smooth Scroll<\/strong>, que suaviza el desplazamiento entre el enlace y el punto de ancla designado, d\u00e1ndole un aspecto muy profesional.<\/p>\n

En este enlace<\/a><\/em> puedes ver una demo de lo que estamos hablando.<\/p>\n

Usar enlaces ancla en un mismo documento es algo que puede ser muy \u00fatil.<\/p>\n

Por ejemplo, en un art\u00edculo muy extenso, puedes crear un men\u00fa al principio con enlaces hacia determinados temas del post<\/strong>, de esta manera el usuario puede llegar a la informaci\u00f3n que quiera desde el inicio del art\u00edculo y con un solo click.<\/p>\n

Tambi\u00e9n puedes usarlo para llevar a los usuarios a un punto determinado de la web, para que realicen una acci\u00f3n; un registro, un click, ver un v\u00eddeo que est\u00e1 abajo del todo, etc…<\/strong><\/p>\n

Todo esto se puede hacer sin usar ning\u00fan plugin<\/strong>, si se tienen ciertos conocimientos y puedes encontrar un mont\u00f3n de tutoriales si buscas en Google.<\/p>\n

Pero si quieres hacerlo de forma sencilla<\/strong>, para eso estamos en WordPress, podemos hacerlo utilizando un plugin llamado Page scroll to id<\/strong>.<\/p>\n

\n

\"Hosting<\/a><\/p>\n

\n

Plugin \u00abPage Scroll to id\u00bb WordPress<\/h2>\n

El plugin Page Scroll to id<\/strong> nos facilita la tarea de crear los enlaces ancla en nuestra p\u00e1gina y adem\u00e1s el desplazamiento es suave y profesional.<\/p>\n

Lo puedes encontrar en la secci\u00f3n de plugins de WordPress<\/strong> para instalarlo y en principio no hemos ninguna opci\u00f3n de pago, as\u00ed que es completamente gratuito.<\/p>\n

Tambi\u00e9n puedes descargarlos desde aqu\u00ed<\/a><\/em> si quieres hacer una instalaci\u00f3n manual.<\/p>\n

En las caracter\u00edsticas del plugin indican que se puede adaptar a los builders<\/em> m\u00e1s populares de WordPress, como lo son Elementor, Divi Builder, etc…<\/strong><\/p>\n

El plugin est\u00e1 preparado para hacer desplazamientos verticales y horizontales<\/strong> con m\u00e1s de 30 tipos de aceleraci\u00f3n distintos<\/strong>.<\/p>\n

\u00a1Veamos c\u00f3mo funciona!<\/strong><\/p>\n

Page Scroll to id – C\u00f3mo A\u00f1adir Enlaces Ancla<\/h2>\n

El plugin Page Scroll to id<\/strong> tiene una mec\u00e1nica b\u00e1sica muy sencilla<\/strong> y en cuento tengas algo de pr\u00e1ctica con \u00e9l, te ser\u00e1 muy f\u00e1cil a\u00f1adir los enlaces con scroll suavizado en tu WordPress.<\/p>\n

Si quieres indagar m\u00e1s en las opciones del plugin, puedes encontrarlas en Ajustes > Page scroll to id<\/strong>, aunque est\u00e1 todo en ingl\u00e9s.<\/p>\n

\"menu<\/p>\n

Eso si, en la parte superior tenemos unos enlaces de ayuda que nos llevar\u00e1n a unos mini tutoriales que pueden venirte bien para profundizar m\u00e1s en las opciones del plugin, aunque tambi\u00e9n est\u00e1n en ingl\u00e9s.<\/p>\n

\"page<\/p>\n

Si lo que quieres es poner un enlace ancla con el plugin para ver como funciona, necesitas abrir un post o p\u00e1gina<\/strong> que ya tenga contenido con el editor de WordPress.<\/p>\n

Si usas el editor cl\u00e1sico de WordPress, encontrar\u00e1s dos botones nuevos<\/strong>, que ser\u00e1n los que utilicemos para a\u00f1adir el enlace objetivo y el enlace del scroll.<\/p>\n

\"page<\/p>\n

Lo primero que tienes que hacer es a\u00f1adir seleccionar el objetivo.<\/p>\n

Para esto pon el cursor de texto donde quieras que se dirija el enlace y despu\u00e9s pulsa el bot\u00f3n Inster Page Scroll to id target<\/em>.<\/p>\n

\"page<\/p>\n

Esto nos mostrar\u00e1 un popup<\/em> en el que tendremos que definir cu\u00e1l ser\u00e1 la id de esta \u00abancla\u00bb<\/em>.<\/p>\n

Puedes poner lo que quieras, s\u00f3lo tienes que acordarte cu\u00e1l es porque luego tendr\u00e1s que usarlo.<\/p>\n

\"page<\/p>\n

Como podr\u00e1s comprobar esta acci\u00f3n a\u00f1adir\u00e1 un shortcode<\/em> en el punto donde hayas dejado el cursos de texto, pero tranquilo, no se ver\u00e1 cuando publiques o guardes los cambios.<\/p>\n

\"page<\/p>\n

Ya tenemos la primera parte, ahora tenemos que crear el enlace.<\/p>\n

Para esto ponemos el cursor de texto donde queramos poner el enlace y pulsamos el otro bot\u00f3n, Insert\/Edit Page Scroll to id.<\/strong><\/p>\n

\"page<\/p>\n

Este bot\u00f3n nos abrir\u00e1 otro popup<\/em> y desde aqu\u00ed tenemos que indicar el destino del enlace que vamos a crear y el texto que lo acompa\u00f1ar\u00e1.<\/p>\n

Es importante que pongas el s\u00edmbolo de la almuhadilla (#)<\/strong>, antes del texto ancla, si no, no funcionar\u00e1.<\/p>\n

Tambi\u00e9n puedes marcar la casilla Insert as shrotcode<\/strong>, as\u00ed se crear\u00e1 un c\u00f3digo, al igual que hicimos anteriormente.<\/p>\n

\"page<\/p>\n

Despu\u00e9s de guardar los cambios, s\u00f3lo quedar\u00e1 ver c\u00f3mo queda el enlace ancla y el efecto que produce al hacer click en \u00e9l.<\/p>\n

\"page<\/p>\n

El resultado en las pruebas que hemos hecho es \u00f3ptimo y el scroll muy suave sin modificar las opciones del plugin.<\/p>\n

S\u00f3lo tienes que elegir d\u00f3nde quieres que apunte el enlace y crearlo con el texto ancla<\/em> que le hayas asignado, \u00a1\u00a1Es muy sencillo!!<\/strong>.<\/p>\n

Hosting WordPress SSD<\/h2>\n

En Hostinet<\/strong> dispones de planes de hosting espec\u00edficamente pensados para WordPress<\/a>.<\/p>\n

Estos planes vienen con todo lo que necesitas para poder empezar a utilizar tu WordPress a lo pocos minutos<\/strong> de sus contrataci\u00f3n.<\/p>\n

Puedes elegir en contratar el hosting WordPress sin nada instalado o si lo prefieres lo podemos instalar por ti<\/strong>.<\/p>\n

Ya sea una instalaci\u00f3n limpia, con la \u00faltima versi\u00f3n estable de WordPress<\/strong> o con algunos plugins y themes<\/em><\/strong> b\u00e1sicos incluidos en la instalaci\u00f3n para no empezar de cero.<\/p>\n

Adem\u00e1s, contar\u00e1s con un servicio de soporte t\u00e9cnico<\/strong> especializado para ayudarte si surge alg\u00fan tipo de problema en tu instalaci\u00f3n de WordPress.<\/p>\n

Tambi\u00e9n contar\u00e1s con el panel de control cPanel<\/strong> y podr\u00e1s emitir certificados de seguridad SSL gratuitos en dominios y subdominios<\/strong> alojados en el hosting.<\/p>\n

Por supuesto, todos los hosting WordPress cuentan con discos SSD<\/strong> para que la lentitud al cargar las p\u00e1ginas sean cosa del pasado.<\/p>\n

Aqu\u00ed tienes algunas de las opciones de alojamiento web para WordPress<\/strong> que podemos ofrecerte en Hostinet:<\/p>\n

\"Hosting<\/a><\/p>\n

<\/div> ","protected":false},"excerpt":{"rendered":"

El otro d\u00eda vimos c\u00f3mo pod\u00edamos hacer un \u00abscroll top\u00bb en WordPress. Esto es poder volver al principio de la p\u00e1gina haciendo click en un bot\u00f3n, sin tener que hacer scroll hacia arriba para llegar. Hoy vamos a hablar de algo relacionado, pero en lugar de volver al top de\u2026 <\/p>\n

\n

Sigue leyendo →<\/a><\/p>\n<\/div>\n","protected":false},"author":14,"featured_media":31374,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1783],"tags":[],"class_list":["post-31361","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"yoast_head":"\nPage scroll to id - Smooth Scroll en WordPress<\/title>\n<meta name=\"description\" content=\"El otro d\u00eda vimos c\u00f3mo pod\u00edamos hacer un "scroll top" en WordPress. Esto es poder volver al principio de la p\u00e1gina haciendo click en un bot\u00f3n, sin tener\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hostinet.com\/formacion\/wordpress\/page-scroll-to-id-smooth-scroll-en-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Page scroll to id - Smooth Scroll en WordPress\" \/>\n<meta property=\"og:description\" content=\"El otro d\u00eda vimos c\u00f3mo pod\u00edamos hacer un "scroll top" en WordPress. Esto es poder volver al principio de la p\u00e1gina haciendo click en un bot\u00f3n, sin tener\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hostinet.com\/formacion\/wordpress\/page-scroll-to-id-smooth-scroll-en-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Hostinet\" \/>\n<meta property=\"article:published_time\" content=\"2019-10-11T09:30:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-02-14T11:43:43+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/10\/page-scroll-wordpress.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Marce Medina\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Hostinet\" \/>\n<meta name=\"twitter:site\" content=\"@Hostinet\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marce Medina\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/page-scroll-to-id-smooth-scroll-en-wordpress\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/page-scroll-to-id-smooth-scroll-en-wordpress\\\/\"},\"author\":{\"name\":\"Marce Medina\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/person\\\/c30f2ada08e5d4836b12fd3782d3958f\"},\"headline\":\"Page scroll to id – Smooth Scroll en WordPress\",\"datePublished\":\"2019-10-11T09:30:45+00:00\",\"dateModified\":\"2022-02-14T11:43:43+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/page-scroll-to-id-smooth-scroll-en-wordpress\\\/\"},\"wordCount\":1047,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/page-scroll-to-id-smooth-scroll-en-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/page-scroll-wordpress.png\",\"articleSection\":[\"Wordpress\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/page-scroll-to-id-smooth-scroll-en-wordpress\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/page-scroll-to-id-smooth-scroll-en-wordpress\\\/\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/page-scroll-to-id-smooth-scroll-en-wordpress\\\/\",\"name\":\"Page scroll to id - Smooth Scroll en WordPress\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/page-scroll-to-id-smooth-scroll-en-wordpress\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/page-scroll-to-id-smooth-scroll-en-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/page-scroll-wordpress.png\",\"datePublished\":\"2019-10-11T09:30:45+00:00\",\"dateModified\":\"2022-02-14T11:43:43+00:00\",\"description\":\"El otro d\u00eda vimos c\u00f3mo pod\u00edamos hacer un \\\"scroll top\\\" en WordPress. Esto es poder volver al principio de la p\u00e1gina haciendo click en un bot\u00f3n, sin tener\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/page-scroll-to-id-smooth-scroll-en-wordpress\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/page-scroll-to-id-smooth-scroll-en-wordpress\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/page-scroll-to-id-smooth-scroll-en-wordpress\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/page-scroll-wordpress.png\",\"contentUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2019\\\/10\\\/page-scroll-wordpress.png\",\"width\":600,\"height\":400,\"caption\":\"Page scroll to id - Smooth Scroll en WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wordpress\\\/page-scroll-to-id-smooth-scroll-en-wordpress\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Wordpress\",\"item\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/category\\\/wordpress\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Page scroll to id – Smooth Scroll en WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#website\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\",\"name\":\"Hostinet\",\"description\":\"Hosting y dominios en Espa\u00f1a. La mejor calidad a precios baratos\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\"},\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#organization\",\"name\":\"Hostinet SLU\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/hostinet-logo.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/wp-content\\\/uploads\\\/2016\\\/06\\\/hostinet-logo.jpg\",\"width\":600,\"height\":245,\"caption\":\"Hostinet SLU\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/Hostinet\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/#\\\/schema\\\/person\\\/c30f2ada08e5d4836b12fd3782d3958f\",\"name\":\"Marce Medina\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g\",\"caption\":\"Marce Medina\"},\"sameAs\":[\"https:\\\/\\\/www.hostinet.com\\\/formacion\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Page scroll to id - Smooth Scroll en WordPress","description":"El otro d\u00eda vimos c\u00f3mo pod\u00edamos hacer un \"scroll top\" en WordPress. Esto es poder volver al principio de la p\u00e1gina haciendo click en un bot\u00f3n, sin tener","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hostinet.com\/formacion\/wordpress\/page-scroll-to-id-smooth-scroll-en-wordpress\/","og_locale":"es_ES","og_type":"article","og_title":"Page scroll to id - Smooth Scroll en WordPress","og_description":"El otro d\u00eda vimos c\u00f3mo pod\u00edamos hacer un \"scroll top\" en WordPress. Esto es poder volver al principio de la p\u00e1gina haciendo click en un bot\u00f3n, sin tener","og_url":"https:\/\/www.hostinet.com\/formacion\/wordpress\/page-scroll-to-id-smooth-scroll-en-wordpress\/","og_site_name":"Hostinet","article_published_time":"2019-10-11T09:30:45+00:00","article_modified_time":"2022-02-14T11:43:43+00:00","og_image":[{"width":600,"height":400,"url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/10\/page-scroll-wordpress.png","type":"image\/png"}],"author":"Marce Medina","twitter_card":"summary_large_image","twitter_creator":"@Hostinet","twitter_site":"@Hostinet","twitter_misc":{"Escrito por":"Marce Medina","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/page-scroll-to-id-smooth-scroll-en-wordpress\/#article","isPartOf":{"@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/page-scroll-to-id-smooth-scroll-en-wordpress\/"},"author":{"name":"Marce Medina","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/person\/c30f2ada08e5d4836b12fd3782d3958f"},"headline":"Page scroll to id – Smooth Scroll en WordPress","datePublished":"2019-10-11T09:30:45+00:00","dateModified":"2022-02-14T11:43:43+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/page-scroll-to-id-smooth-scroll-en-wordpress\/"},"wordCount":1047,"commentCount":0,"publisher":{"@id":"https:\/\/www.hostinet.com\/formacion\/#organization"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/page-scroll-to-id-smooth-scroll-en-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/10\/page-scroll-wordpress.png","articleSection":["Wordpress"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hostinet.com\/formacion\/wordpress\/page-scroll-to-id-smooth-scroll-en-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/page-scroll-to-id-smooth-scroll-en-wordpress\/","url":"https:\/\/www.hostinet.com\/formacion\/wordpress\/page-scroll-to-id-smooth-scroll-en-wordpress\/","name":"Page scroll to id - Smooth Scroll en WordPress","isPartOf":{"@id":"https:\/\/www.hostinet.com\/formacion\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/page-scroll-to-id-smooth-scroll-en-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/page-scroll-to-id-smooth-scroll-en-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/10\/page-scroll-wordpress.png","datePublished":"2019-10-11T09:30:45+00:00","dateModified":"2022-02-14T11:43:43+00:00","description":"El otro d\u00eda vimos c\u00f3mo pod\u00edamos hacer un \"scroll top\" en WordPress. Esto es poder volver al principio de la p\u00e1gina haciendo click en un bot\u00f3n, sin tener","breadcrumb":{"@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/page-scroll-to-id-smooth-scroll-en-wordpress\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hostinet.com\/formacion\/wordpress\/page-scroll-to-id-smooth-scroll-en-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/page-scroll-to-id-smooth-scroll-en-wordpress\/#primaryimage","url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/10\/page-scroll-wordpress.png","contentUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2019\/10\/page-scroll-wordpress.png","width":600,"height":400,"caption":"Page scroll to id - Smooth Scroll en WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hostinet.com\/formacion\/wordpress\/page-scroll-to-id-smooth-scroll-en-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.hostinet.com\/formacion\/"},{"@type":"ListItem","position":2,"name":"Wordpress","item":"https:\/\/www.hostinet.com\/formacion\/category\/wordpress\/"},{"@type":"ListItem","position":3,"name":"Page scroll to id – Smooth Scroll en WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.hostinet.com\/formacion\/#website","url":"https:\/\/www.hostinet.com\/formacion\/","name":"Hostinet","description":"Hosting y dominios en Espa\u00f1a. La mejor calidad a precios baratos","publisher":{"@id":"https:\/\/www.hostinet.com\/formacion\/#organization"},"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.hostinet.com\/formacion\/#organization","name":"Hostinet SLU","url":"https:\/\/www.hostinet.com\/formacion\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/logo\/image\/","url":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2016\/06\/hostinet-logo.jpg","contentUrl":"https:\/\/www.hostinet.com\/formacion\/wp-content\/uploads\/2016\/06\/hostinet-logo.jpg","width":600,"height":245,"caption":"Hostinet SLU"},"image":{"@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/Hostinet"]},{"@type":"Person","@id":"https:\/\/www.hostinet.com\/formacion\/#\/schema\/person\/c30f2ada08e5d4836b12fd3782d3958f","name":"Marce Medina","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0a5f9094a8c7354a8f35685f8ee6e2089cfd977a0e269cab521f33c67ea47559?s=96&r=g","caption":"Marce Medina"},"sameAs":["https:\/\/www.hostinet.com\/formacion\/"]}]}},"_links":{"self":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/31361","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/comments?post=31361"}],"version-history":[{"count":6,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/31361\/revisions"}],"predecessor-version":[{"id":40123,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/posts\/31361\/revisions\/40123"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/media\/31374"}],"wp:attachment":[{"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/media?parent=31361"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/categories?post=31361"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinet.com\/formacion\/wp-json\/wp\/v2\/tags?post=31361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}