✅ Crear ENLACES ANCLA en WordPress con Elementor y Gutenberg
HTML-код
- Опубликовано: 5 сен 2024
- 📢 Cómo crear enlaces ancla en WordPress con Elementor y Gutenberg.
↓↓↓↓ Herramientas y Servicios ↓↓↓↓
🤝 SERVICIOS
► Diseño web WordPress personalizado
sergioks.com/d...
► Tu web en 72 horas por 299€
sergioks.com/w...
☑️ HOSTINGS QUE RECOMIENDO
Si eres un usuario nuevo que está empezando:
► Raiola Networks -20%: ⇒
sergioks.com/g...
► SiteGround: ⇒
sergioks.com/g...
Si eres un usuario avanzado o profesional:
► FastComet: ⇒
sergioks.com/g...
► Cloudways: ⇒
sergioks.com/g...
☑️ PLUGINS Y PLANTILLAS
► Elementor Pro ⇒ sergioks.com/g...
► GeneratePress ⇒ bit.ly/ytgenera...
► Astra Pro ⇒ bit.ly/2vlh5bc
► Ultimate Addon for Elementor ⇒ bit.ly/2EAjgAY
► Convert Pro ⇒ bit.ly/irconverpro
☑️ SETUP
► Micro: ⇒ amzn.to/2KZNeQV
► Webcam: ⇒ amzn.to/2GL9tK5
► Alfombrilla: ⇒ amzn.to/3eUEsj4
► Ratón: ⇒ amzn.to/30bEP4P
► Luces: ⇒ amzn.to/2z5BNUw
👋 SÍGUEME EN
Web ► sergioks.com/
Twitter ► / sergioks_com
Instagram ► / sergio.ks
![✅ Cómo crear enlaces ancla con [#WordPress y #Elementor]](http://i.ytimg.com/vi/xU_bUxGK60g/mqdefault.jpg)
![✅ Cómo crear enlaces ancla con [#WordPress y #Elementor]](/img/tr.png)
No sabía ni cómo buscar esto, pero llegué aquí y encontré todo, ¡Alto crack!
Gracias 😄. A mí me pasa a veces con algunos tutoriales, que no sé ni qué título ponerles para que la gente lo encuentre 😅.
¡Este tutorial es oro por su simpleza! Resuelve exactamente a lo que todos venimos, gracias. 😄👍
Como se agradecen estos videos. Al grano y sin paja.
pana sos capo, estoy trabajando en wordpress y me has ayudado en muchas cosas
Estupendo a darle caña
Llegué aquí sin saber como carajos se llamaba lo que necesitaba 🤣 gracias mil, buen hombre, tome su 👍🏻
una vez salvan el día... gracias gracias !!
Gracias @Sergioks, directo y rapido
Genio! cosas tan sencillas que no tenemos idea de hacer y el menos de 5min se puede. Muchas gracias por subir este tipo de videos
gracias resolvi mi problema, todo muy claro muy bien explicado
Pensé que estaba complejo de realizarlo, pero no. Eres un genio, me salvaste.
Estaba confundida y con tu video pude resolver mis dudas. Gracias.
Explicación sencilla y al grano. Muchas gracias!
Hola muy buenos dias mi estimado amigo EXCELENTE VIDEO ME SIRVIO GENIAL 👍👍👍
Genial. Para eso está.
Sergio gracias por el vídeo. Está ejecución se utiliza con frecuencia pero también se olvida. Así que nada lo guardaré en favoritos👍👍
Es algo básico, pero cada x tiempo me preguntan cómo se hacer. Así que ahora los mandaré a ver el vídeo jeje
Se agradece la sencillez, muy bien explicado.
Tus videos siempre me han resuelto muchas cosas. GRACIAS!!! GRACIAS!!!!
Increiblemente bueno, me salvaste de perder mucho tiempo buscando la solucion
Gracias! vi un tutorial anterior que lo hacía pero recragaba la página
Y esto es exactamente lo que buscaba con elementor, gracias!
Muchas gracias, fue realmente útil, bien explicado y sencillo, se agradece enormemente.
muchisimas gracias, preciso y excelente video
Sos el mejor. Gracias.
Muchas gracias me ha servido mucho.
Gracias me ayudo muchísimo
¡Muchas Gracias! 😀
Suyper bien explicado GENIAL ojala tengas mas tutos de Gutembereg 😊😊😊😊😊😊😊😊
Gracias Sergio! Me has ayudado mucho. Enhorabuena por tu trabajo.
Me funcionó mil gracias, mi plantilla estaba un poco diferente a tu plantilla principal, pero ahí logre adecuarla a la mia. Gracias.
Excelente, mil gracias.
Al punto y sin rodeos, muchas gracias.
Excelente Muchas gracias,
En dos días encontré 2 soluciones, mismo canal Gracias Sergio! Suscrita :)
Olé!!
Gracias bro, rapidaso
Muchas gracias!
MUCHAS GRACIAS!!! SALUDOS GRACIAS
Gracias Sergio!!!
De verdad, gracias!
Mil Graciasss... Excelente
Gracias, muy bueno!
Un vídeo cojonudo. Muchas gracias.
GRACIAS! GRACIAS! GRACIAS!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Genial tío, me has salvado, de hecho muchos de tus videos me han servido, gracias Crack!👍
Sergio, mil gracias! Me salvaste la vida 😂 estaba batallando mucho y con este tutorial fue facilisimo, gracias! 🙌🏼🙌🏼🙌🏼🙌🏼
Es bastante fácil 😀
Excelenet video
eres el mejor, con tu ayuda ya pude hacerlo!!!
Genial 👍
Me sirvió mucho esta información. Gracias!!
Muchísimas gracias por tu tutorial. Me sirvió mucho!
Muchas gracias, información clara y sencilla!!
SIENTO QUE TE AMO! GRACIAS.
Es que no es para menos, es todo un CRACK. ¡Qué comentario más original Ana!
genial amigo, saludos
Muchas gracias por tu contenido. Me ha ayudado un montón.
Ahora me encontré con un "pequeño" dilema RESPONSIVE con "mi enlace ancla".
versión para "celular" tiene algunas diferencias considerables, lo que me llevó a crear una sección distinta para cada dispositivo.visibilidad
Gracias!
muchas gracias
alto maquinaaaaaa
Excelente explicación, ya lo puse en práctica, gracias y éxitos
geniooo. Sos lo mas
buen aporte compañero muchas gracias
genial, claro y sin rodeos... le doy un 10
Hola , muy bueno, me sirvió para oxygen builder ya que es similar que elementor en eso de ids
👉 Excelente, muy claro y práctico, muchas gracias. 😀👍
Gracias crack!
Me resultó de MUCHA utilidad, gracias. Excelente aporte.
Gracias. me sirvio
Excelente aporte!!! me ayudo muchisimo
Muchas gracias, no pensé que fuera tan sencillo, me fue de gran utilidad, un abrazo, me suscribo (Y)
Muy útil y rápido, gracias!
Gracias
Que buen video
Muchas gracias! Claro, rápido y eficaz :)
Gracias.
Claro y preciso
Gracias, eres un sol.
Hola Sergio, muchas gracias por tus aportaciones, siempre me resuelven dudas. Respecto a usar ancla a otra seccion de otra página dentro de mi web, ejemplo: home | servicios > servicio 1| contacto, me encuentro que si accedo desde la misma página de servicios, el anclas a la sección 01 queda en la posición perfecta, pero si accedo desde otra página ejemplo desde home, la sección a la que quiero llegar queda un poco más arriba en la pantalla. Tengo un menu sticky y no sé si será este el problema, me estoy rompiendo la cabeza y no doy con ello...
Muchas gracias!
God bless you!
Me ha ido muy bien...Gracias....Hay alguna forma de controlar la velocidad del ancla? No me hace una bajada progresiva, baja a toda velocidad....Muchas Gracias
hola soy ingeniera electrónica y tus videos excelentes felicitaciones la única objeción es el audio a veces muy bajo . muchas gracias por tu trabajo.
Gracias 😊
"Enlaces ancla", también conocidos como 'anchor text' o Anne Cortés (para los de lengua de Cervantes)
GRACIAS; Por el video; si quieres realiza un ancla para saltar entre pestañas personalizas dentro de un producto de una tienda ecommerce; como lo puedo realizar?
Mil y mil gracias :)
Hola Sergioks, me encanta el tutorial, es sencillo y útil, gracias.
Me encuentro con un problema, y es que tengo un menú fijo y semitransparente y al crear el ancla me sitúa la sección en la parte superior de la pantalla, con lo que el título de la sección queda por debajo del menú fijo. ¿hay alguna manera sencilla de hacer que el ancla quede unos pocos píxeles por debajo del borde superior o justo debajo del menú? Gracias de antemano y gracias por tu canal.
¡Un saludo!
Gracias por ello.
Sergio muchas gracias, la verdad que lo aplique y funciona perfecto, con un solo error y no se si vos o alguien pueda ayudarme. Las anclas están en un menú de navegación como enlace personalizado. Cuando hago clic me direcciona pero automáticamente la pagina se actualiza. Hay alguna forma de solventar este problema ? Desde ya muchas gracias.
Si has puesto la URL completa es inevitable que te recargue la página. Si sólo has puesto #nombreancla no te va recargar la página.
Saludos: Una pregunta si al pasar los datos a wordpress aparece el error " Què se debe hacer? Es decir si estoy pasando info de un archivo plano en donde generè los enlaces y luego revierto el texto + enlaces a wordpress, aparece ese error? Al solicitar de una entrada A la ubicación en B se trunca.
caballero me dirijo a ud, porque ud es un experto en la materia y no he podido dar con solucion a algo q no tiene q ver con este tema, pero si con todo lo que concierne con la creacion de paginas web, llevo relativamente poco tiempo en este mundo de creador,tengo una problema con una pagina en la cual se me borra contenido , mas que todo de la pagina de inicio, ya le hice un diagnostico y exploracion a todo el sitio y me sale una advertencia con la plantilla, y cuando voy a ver la plantilla que es kit que instale como pluguin desde envato element, pero la pude exportar normal sin ningun problema, pero ya ultimamente se me desaparece contenido ya q casi la estoy terminando, y bueno al ver detalles de la plantilla, me sale q no es compatible con la version actual de wordpress, ya q no me gustaria perder el trabajo hasta ahora hecho y no me gustaria perder mas tiempo. este es el sitio www.telemarclub.com , te agradeceria enormente donde me puedas ayudar, este es mi correo contacto@telemarclub.com o telemarketingdigitale@gmail.com.
Funciona perfectamente en la versión de pc, pero cuando lo visualizo en el móvil el enlace redirige a la parte que se encuentra más arriba de la página, ¿alguna solución? (lo he hecho con elementor)
Bueno, podrías crear botones y anclajes específicos solo para móvil.
@@sergioks ¿Cómo se haría eso desde elementor? Ya que cuando personalizo distintos elementos sí me aparece el botoncito de elegir entre pc, tablet o móvil, pero respecto a lo del enlace ancla no aparece nada y como te digo, en pc funciona perfectamente pero en movil el botón no responde
Cómo se logra el efecto smooth? Mis botones hacen tp directo al id css
Sergio, me han sido útiles muchos de tus vídeos, pero en esta ocación el header que tengo es fijo y queda a la mitad de la sección. ¿cómo hago para dejarlo arriba de la sección donde se dirije?
Si tienes el header fijo te tapa el título de la sección a la que quieres ir.
entro avanzado y no me sale anclaje html ¿?, tanpoco me sale menu en mi pagina ¿? , estoy usando la tema One Business Blocks si podrias hacer lo que estas haciendo con ese tema
¿Cómo puedo hacer que haga un efecto más suave, ya que baja de tirón muy rápido ?
Alguien sabe porque en algunos de los apartados del menú me lleva directamente y en en otros me arrastra hacía abajo hasta llegar al apartado??? Es que no entiendo porque en unos si hace esa animación y en otros no.
Facil thans
Hola Sergio tengo una duda confeccione un menú con anclas pero cuando ingreso a una pagina de la web no funcionan las anclas, me ayudarias
Hola Segio. Muchas gracias.... Tengo un problema cuando voy actualizar la pagina despues de poner el enlace en ingles me aparece esto Ha fallado la actualización. Las respuesta no es una respuesta JSON válida. no he podido editar nada
Hola Sergio, al hacer el enlace y clickar, no me sube hasta la cabecera, se mueve pero se queda justo en la base de la pantalla sin llegar a salir. El párrafo donde quiero que vaya le he puesto una id que se llama below1 y el texto donde he puesto el enlace he puesto lo siguiente below. He probado haciendo un botón y me pasa lo mismo. No se que puede pasar.
Oscar a la primera me funcionó pero ahora que quiero hacerlo devuelta no funciona... no sé por qué será, habra quedado guardado un ancla?
Gracias Sergio, pero una consulta como puedo crear el "ancla" en el numero de teléfono que se pone en el header, ya que el correo que uno coloca se permite "clikear" pero el teléfono no me permite.Gracia.
Excelente video! hay alguna forma de hacer ese desplazamiento "deslizable" y no tan crudo? o si sabes como se le llama a ello para buscarlo . saludos!
Hola, pues creo que sí usas Elementor ya te hace el efecto para que no bajé del tirón. Algunas plantillas tambien lo tienen. Sino busca scroll down slowly css
@@sergioks buenisimo. Gracias y saludos!
Como hago para que desde otra pagina que tenga submenus me enlace a las anclas de la pagina principal de una determinada sección. Muchas gracias
Lo explico en el vídeo, tienes que poner la URL completa junto con el ancla
Sirve para enlazar una dirección de otra sección o pagina?
Sí
Hola Sergio, estoy trabajando una web en Astra, y al crear un enlace de un texto (un encabezado) hacia otra parte de la web, me cambia el tipo de letra y me sale una raya debajo ¿hay manera de que se quede con el tipo de letra que yo tenía y sin la raya? Gracias...
En los ajustes de tipografía de Astra puedes desactivar el subrayado de los enlaces. Está al final.
@@sergioks Muchas gracias!!!!
Hola, yo intento (por ahora sin éxito) hacer esto pero algo más complicado... Uso elementor pro + generapress de pago. Tengo 3 enlaces (imágenes que pulsas en ellas) y quiero que cada una me lleva a una parte de la misma página. El problema es que a donde quiero que me lleven es a una información que tengo en acordeones.
Es decir, pinchar una imagen y que me lleve al contenido que hay dentro de un acordeón. Pinchar otra imagen y que me lleve al contenido de otro acordeón y así sucesivamente. Los acordeones los tengo cerrados por defectos con un código html, lo cual quiero que sigan cerrados. Y que al pinchar en cada imagen me lleve a cada acordeón, se abra y me muestre la información.
No se si me he explicado bien... Aun así, agradecería mucho cualquier ayuda. Gracias.
Se lo que quieres hacer, pero no sabría decirte cómo solventar eso.
@@sergioks Gracias por la sinceridad. Creo que eres el único que has sido franco diciendo que no sabes. Otros le dan mil vueltas para venir a decir lo mismo. Gracias de igual modo!