Iconos sociales al menú fijo de mi blog
-
Hola! Quisiera saber cómo hacer para agregar botones de redes sociales y sus respectivos enlaces en el menú fijo de mi blog, luego de «contactos».
Gracias!El blog con el que necesito ayuda es (visible solo para usuarios conectados).
-
Hola, te diré como lo hago yo.
Primero vas al escritorio de tu wordpress ya sabes: Menú/Apariencia/Widgets:
Ahí agregas un nuevo: ‘Texto o HTML arbitrario’, luego de colocarlo, insertas un código donde cuidadosamente debes agregar tus enlaces personales, también puedes personalizar el código en dependencia de que enlaces necesitas y que apariencia quieres que tengan. Para ellos deberás suministrar tu mism@ las imágenes que necesitas.
Yo he hecho dos ejemplos de códigos utilizando imágenes de Wikimedia Commons para que veas como quedan:
<p align="center"><a href="TU ENLACE VA AQUI"><img title="Twitter" src="http://upload.wikimedia.org/wikipedia/commons/thumb/d/db/Twitter.svg/35px-Twitter.svg.png" alt="Twitter" width="35" height="35" /></a> <a href="TU ENLACE VA AQUI"><img title="Pinterest" src="http://upload.wikimedia.org/wikipedia/commons/thumb/f/f2/Pinterest_Shiny_Icon.svg/35px-Pinterest_Shiny_Icon.svg.png" alt="Pinterest" width="35" height="35" /></a> <a href="TU ENLACE VA AQUI"><img title="Facebook" src="http://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Facebook_Shiny_Icon.svg/35px-Facebook_Shiny_Icon.svg.png" alt="Facebook" width="35" height="35" /></a> <a href="mailto:TU ENLACE VA AQUI"><img title="Email" src="http://upload.wikimedia.org/wikipedia/commons/thumb/d/d3/Mail.svg/34px-Mail.svg.png" alt="Email" width="34" height="34" /></a> <a href="TU ENLACE VA AQUI"> <img title="RSS" src="http://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Rss_Shiny_Icon.svg/35px-Rss_Shiny_Icon.svg.png" alt="RSS" width="35" height="35" /></a></p>Otro ejemplo diferente:
<a href="TU ENLACE VA AQUI" title="Contáctenos"><img style="height:25px;width:25px;" src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/63/Tokyoship_Mail_icon.svg/25px-Tokyoship_Mail_icon.svg.png" alt="Contácto" /></a></p>Puedes encontrar más información en este enlace.
Suerte y un saludo!
-
Creo que no copie bien el otro ejemplo, es este:
<p align="center"><a href="TU ENLACE VA AQUI" title="Facebook" target="_blank"><img style="height:25px;width:25px;" src="http://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Facebook_Shiny_Icon.svg/25px-Facebook_Shiny_Icon.svg.png" alt="Facebook" /></a> <a href="TU ENLACE VA AQUI" title="Twitter" target="_blank"><img style="height:25px;width:25px;" src="http://upload.wikimedia.org/wikipedia/commons/thumb/d/db/Twitter.svg/25px-Twitter.svg.png" alt="Twitter" /></a> <a href="TU ENLACE VA AQUI" title="Google+" target="_blank"><img style="height:25px;width:25px;" src="http://upload.wikimedia.org/wikipedia/commons/thumb/7/7f/Google_Plus_Shiny_Icon.svg/25px-Google_Plus_Shiny_Icon.svg.png" alt="Google+" /></a> <a href="TU ENLACE VA AQUI" title="Vkontakte" target="_blank"><img style="height:25px;width:25px;" src="http://upload.wikimedia.org/wikipedia/commons/thumb/9/98/The_V_Kontakte_Russian_V.svg/25px-The_V_Kontakte_Russian_V.svg.png" alt="Vkontakte" /></a> <a href="TU ENLACE VA AQUI" title="Contáctenos"><img style="height:25px;width:25px;" src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/63/Tokyoship_Mail_icon.svg/25px-Tokyoship_Mail_icon.svg.png" alt="Contácto" /></a></p> -
Muchas gracias por la respuesta, pero yo necesito insertar los íconos en la barra del MENÚ.
En mi blog dice «Inicio», «Sobre mí» y «Contacto», luego me gustaría que aparezcan seguido los íconos.
Sabés de que forma puedo hacerlo?
Muchas gracias! -
He ahí el problema, me temo que eso depende de la plantilla del tema. El diseño de algunos tienen esa opción en el menú como tu quieres, pero otros no.
Según entiendo esto no se puede cambiar a menos que se compre el tema y se modifique la hoja de estilo, otra opción es buscar un tema que posea dichas características, pero esperemos una segunda opinión para estar seguros.
-
Muchas gracias por la respuesta, pero yo necesito insertar los íconos en la barra del MENÚ.
Según entiendo esto no se puede cambiar a menos que se compre el tema y se modifique la hoja de estilo
Hola a ambos.
a) no se pueden poner los iconos como pestañas del menú directamente.
Quizá (y tampoco es seguro), se pueda hacer si se compra la mejora diseño personalizado y se modifican las CSS.
b) el tema que usa @mentaylunares en su blog es gratuito, y por lo tanto no se puede comprar. Lo que se compra, en todo caso, es la mejora que señalé en a)
c) la mejor opción, como dice @lucesdeleste es buscar un tema que traiga los iconos por defecto, hay muchos que ya los tienen incorporados
d) en el pie del blog, en un widget, ya hay unos iconos de redes sociales. Otra opción sería poner todos los que se deseen, allí mismo.Saludos.
-
En esta página hay varios iconos de redes sociales listos para usar gratuitamente:
http://socialmediawidgets.wordpress.com/y aquí se explica como ponerlos en el blog usando un widget de texto:
http://en.support.wordpress.com/add-social-media-buttons-to-your-sidebar-or-footer/ -
-
-
- El debate ‘Iconos sociales al menú fijo de mi blog’ está cerrado y no admite más respuestas.