Si desean agregar el icono que ya esta en su plantilla habrán la ventana de biblioteca de iconos y después seleccionen el icono, da clic derecho y hay una opción hasta abajo que dice "Inspeccionar" deben copiar en la opción outer HTML lo pegan como nos lo explico en este video y listo. Muchas gracias me sirvió para como poner los iconos, solamente que accedí a la pagina y no funciono de esa forma, después le hice de la manera que explique anteriormente y funciono. Gracias por tu video. Deben copiar el que comienza con
Muchas Lucas, me pone feliz que te halla servido, muchas gracias por tu comentario y cualquier duda estamos a tu disposición. Saludos y felices fiestas 🎄🎁
Muchas por tu comentario, cualquier duda puedes realizarla por este medio. Te invito a ver el último video que explico cómo hacer un menu que se parezca a una app, con Elementor Pro.
Saludos! Excelente el video, una consulta yo misma diseño mis imágenes, como podría convertir mis imágenes en icono? Seria excelente si me ayudas con esa duda! Muchas gracias
María como estás, en este ejemplo estoy usando imágenes como iconos, por lo tanto, solo debes subir tu imagen png con el tamaño real que necesitás y agregás la etiqueta como explico en el video.
Hola buenas tardes. Por medio de css debes agregar el código style="display:block" dentro de la etiqueta img. Lo que haces acá es decirle que ocupe todo el bloque del contenedor del elemento div o li en el cual se está mostrando. También podés usar para no llenar de código el menú, una clase y le decís que todos las imágenes del menú tengan ese estilo.
Buenos días, sobre el seo, no afectaría estas usando etiquetas html correctamente. Respecto a la velocidad del sitio, tus iconos deberían pesar (para ese tamaño en el menu 32px x 32px) menos de 5 Kbytes no es nada.
No debería aparecer, pero es posible que algún css este cambiando la propiedad hover del elemento. Pásame la URL de la web e indícame dónde estás agregando el código y lo testeo.
Excelente, es posible que tú web no tenga incluído la librería de fontawesome, debes verificar en el header al cargar la web si se hace la llamada a la librería y a qué versión de la misma se hace referencia. Porque cambia el código entre versiones.
Hola como estas ? te habla Florencia desde uruguay. Mira, trabajo con wordpress y elementor. estoy tratando de subir un icono pero no me esta dejando, dice que tiene que ser un archivo zip. lo descargué desde Flaticon. pasé el archivo a zip pero tampoco me deja y me sigue diciendo lo mismo 'tiene que ser archivo zip' . sabes poque me pasa eso?
Hola Florencia, si lo haces desde elementor en su función biblioteca de icono el archivo debe ser svg a un color. Coméntame desde donde estas subiendo el archivo?
@Florencia Romero buen día, el icono es para usar en el menú o para decorar algo en en el cuerpo de tu sitio? Si es dentro del cuerpo del sitio, tenés que editar la hoja en elementor y buscabas el elemento icono o boxicon luego tenés dos opciones elegir desde los iconos prediseñados o subir un svg a la galería, es desde ahí donde debes subir el archivo
bueno Flor dispongo de 1hs libre, si quieres hacemos un meet y te ayudo personalmente. por favor desde nuestro sitio web www.estudiosmedia.com.ar envíanos un mensaje por whatsaap y nos conectamos.
pasame el link de tu sitio web por favor y lo reviso. No deberias tener ningun problema, al menos con las versiones nuevas de wordpress, no hay nada raro en poner etiquetas html en el nombre del ENLACE. Escribeme por whatsApp y lo revisamos. Saludos
Pásame la url y la miro, y te digo que está pasando. Es probable que tú template tenga algún código css que impacte con el código que estás usando. Sin los iconos el submenú te funciona??
Carla buenas tardes, todos los wordpress dejan realizar esta acción. Con gusto hacemos un meet y te guio paso a paso. Escribeme por whatsapp al wa.me/+543426306767
Saludos amigo. Una pregunta estoy tratando de actualizar un logotipo en una plantilla y me sale este mensaje. (Unable to create directory wp-content/uploads/2022/09. Is its parent directory writable by the server?) La verdad soy nuevo en WP, muchas gracias por tu ayuda.
Hola, lo que te informa es que la carpeta uploads que es donde se guardan los adjuntos como imágenes y archivos subidos en medios. No tiene permisos de escritura. Tenés acceso al hosting para ver los archivos? Sino habla con tu webmaster para que revise los permisos debe ser de lectura y escritura,
Si desean agregar el icono que ya esta en su plantilla habrán la ventana de biblioteca de iconos y después seleccionen el icono, da clic derecho y hay una opción hasta abajo que dice "Inspeccionar" deben copiar en la opción outer HTML lo pegan como nos lo explico en este video y listo. Muchas gracias me sirvió para como poner los iconos, solamente que accedí a la pagina y no funciono de esa forma, después le hice de la manera que explique anteriormente y funciono. Gracias por tu video.
Deben copiar el que comienza con
Me encantó! Muy útil!
Muchas gracias Esteban. Cualquier duda sobre este u otro tema, no dudes en consultar por este medio.
Sin duda una explicacion excepcional. Basica, sencilla,facil y pausada. Eres el profesor que todo hubiesemos querido tener
Muchas gracias Miguel, me alegra que te haya sido util.
Excelente tutorial, claro y funciona perfecto, gracias!
Muchas Gracias Gerardo. Cualquier duda te invito a consultarme desde los comentarios de mis videos. Muchas gracias.
De no ser por tu video no me habría imaginado que es posible hacerlo así, muchas gracias!!
Muchas gracias Alejandro, cualquier duda o consulta sobre wordpress me la haces saber por aquí. Somos expertos en la materia.
Busqué mil maneras, y tu me diste la respuesta mas simple y práctica. Gracias
amigo que simple que era! gracias me ayudo, esta bueno saber estos trucos
Muchas Lucas, me pone feliz que te halla servido, muchas gracias por tu comentario y cualquier duda estamos a tu disposición. Saludos y felices fiestas 🎄🎁
Gracias, excelente explicacion
Muchas por tu comentario, cualquier duda puedes realizarla por este medio. Te invito a ver el último video que explico cómo hacer un menu que se parezca a una app, con Elementor Pro.
Gracias!! Justo lo que buscaba Esta bien explicado
Muchas gracias, me alegra que te sea útil la información. Cualquier duda estoy a tus servicios.
Hey, gran vídeo. Creo que la descripción del vídeo no se entiende mucho, pero en el blog esta todo perfecto. Gracias.
Muchas gracias Thomas, vamos a revisar este detalle para mejorar. Tu comentario nos ayuda a crecer.
muy util gracias funciona de maravlla
Máquina, eres un crack
Muchas gracias Daniel por tu comentario 👌. Cualquier duda estamos a tu disposición.
Saludos! Excelente el video, una consulta yo misma diseño mis imágenes, como podría convertir mis imágenes en icono? Seria excelente si me ayudas con esa duda! Muchas gracias
María como estás, en este ejemplo estoy usando imágenes como iconos, por lo tanto, solo debes subir tu imagen png con el tamaño real que necesitás y agregás la etiqueta como explico en el video.
Primero que nada mil gracias por la explicación una pregunta ¿como hago que la imagen quede encima del texto?
GRACIAS
impresionante!
Me funciona perfecto estiamado, como debo hacer si yo quiero poner la imagen debajo del texto en vez de al lado?
Hola buenas tardes. Por medio de css debes agregar el código style="display:block" dentro de la etiqueta img. Lo que haces acá es decirle que ocupe todo el bloque del contenedor del elemento div o li en el cual se está mostrando. También podés usar para no llenar de código el menú, una clase y le decís que todos las imágenes del menú tengan ese estilo.
Hola esta increible el tuto crack porfa dime con que estilo le puedo dar el espaciado entre el nombre de menu y el icono, graciasss
Podes simplemente dejarle el espacio o usar css en la etiqueta
Hola estimado una consulta hacer esto de los iconos no afecta al seo o ralentización de la web. gracias!
Buenos días, sobre el seo, no afectaría estas usando etiquetas html correctamente. Respecto a la velocidad del sitio, tus iconos deberían pesar (para ese tamaño en el menu 32px x 32px) menos de 5 Kbytes no es nada.
hola gracias por tu información ! como lo podría hacer para que los iconos también se vean en otras plataformas como un celular?
lo malo es que al pasar el mouse por encima del item aparece ese comando
¿Saben como arreglarlo?
No debería aparecer, pero es posible que algún css este cambiando la propiedad hover del elemento. Pásame la URL de la web e indícame dónde estás agregando el código y lo testeo.
Buen video, me saco de un apuro, una pregunta, esto también funcionaría con enlaces personalizados?
Hola Jonathan, si funciona de la misma manera. Cualquier cosa que no puedas resolver me avisas y te ayudamos. Gracias
los comentarios siempre dan ideas,
genial!
funciono como imagen PNG pero no como font awesome, como deberia solucionarlo?
Excelente, es posible que tú web no tenga incluído la librería de fontawesome, debes verificar en el header al cargar la web si se hace la llamada a la librería y a qué versión de la misma se hace referencia. Porque cambia el código entre versiones.
Hola como estas ? te habla Florencia desde uruguay. Mira, trabajo con wordpress y elementor. estoy tratando de subir un icono pero no me esta dejando, dice que tiene que ser un archivo zip. lo descargué desde Flaticon. pasé el archivo a zip pero tampoco me deja y me sigue diciendo lo mismo 'tiene que ser archivo zip' . sabes poque me pasa eso?
Hola Florencia, si lo haces desde elementor en su función biblioteca de icono el archivo debe ser svg a un color. Coméntame desde donde estas subiendo el archivo?
@@estudiosmedia lo estoy haciendo desde wordpress
@Florencia Romero buen día, el icono es para usar en el menú o para decorar algo en en el cuerpo de tu sitio? Si es dentro del cuerpo del sitio, tenés que editar la hoja en elementor y buscabas el elemento icono o boxicon luego tenés dos opciones elegir desde los iconos prediseñados o subir un svg a la galería, es desde ahí donde debes subir el archivo
@@estudiosmedia el icono en realidad es para decorar, es para hacer unos puntos, ejemplo en vez de poner 1- 2- 3- quiero poner un icono
bueno Flor dispongo de 1hs libre, si quieres hacemos un meet y te ayudo personalmente. por favor desde nuestro sitio web www.estudiosmedia.com.ar envíanos un mensaje por whatsaap y nos conectamos.
debo descargarme algo ?? está mal mi tema ?
pasame el link de tu sitio web por favor y lo reviso. No deberias tener ningun problema, al menos con las versiones nuevas de wordpress, no hay nada raro en poner etiquetas html en el nombre del ENLACE. Escribeme por whatsApp y lo revisamos. Saludos
Wooow!!! Muchas gracias me hiciste matar 2 pájaros de un tiro
Muchas gracias @Dayiz91, me alegra haberte ayudado. Cualquier consulta, puedes realizarla por este medio. Saludos.
Sirve 2023 Mayo, gracias
Buenas tardes, sirve perfectamente. Pruébalo con confianza, cualquier inconveniente estamos a tu disposición.
@@estudiosmedia Me funciona bien, pero quería hacer con un sub menú pero me crea espacios en blanco
Pásame la url y la miro, y te digo que está pasando. Es probable que tú template tenga algún código css que impacte con el código que estás usando. Sin los iconos el submenú te funciona??
amigo a mi no me deja se quedan en medios pero no me deja tocar y ver su URL ni nada
Carla buenas tardes, todos los wordpress dejan realizar esta acción. Con gusto hacemos un meet y te guio paso a paso. Escribeme por whatsapp al wa.me/+543426306767
Saludos amigo. Una pregunta estoy tratando de actualizar un logotipo en una plantilla y me sale este mensaje. (Unable to create directory wp-content/uploads/2022/09. Is its parent directory writable by the server?) La verdad soy nuevo en WP, muchas gracias por tu ayuda.
Hola, lo que te informa es que la carpeta uploads que es donde se guardan los adjuntos como imágenes y archivos subidos en medios. No tiene permisos de escritura. Tenés acceso al hosting para ver los archivos? Sino habla con tu webmaster para que revise los permisos debe ser de lectura y escritura,