Información
Actualidad
Aquí encontraras noticias de actualidad sobre Gnu Linux y Open Source.

Además de información sobre la comunidad LiGNUx.
Distribuciones y entornos
Información ordenada sobre los diferenes sistema operativos Gnu Linux y las diferentes opciones de entornos gráficos.
Tutoriales y guías
Todos los pasos e informaciones que puedes desear para tu día a día.
Tutoriales
Tutoriales
Programación
Programación
About Us
Get to know the people behind the code and the mission behind the work
how we handle data
Privacy
Security
Legal

¿Cómo instalar los botones de mis redes sociales en WordPress sin plugins?

7 julio, 2014

wordpress-multisitio-temas-platillas-wpHace tiempo me llego alguna pregunta al email sobre como crear unos botones de redes sociales sin usar plugins ni nada, lo cual hoy comparto con todos vosotros, un proceso simple y potente.

También es valido para cualquier tipo de botón que queráis crear, ya que utilizaremos una imagen con un hipervínculo, algo simple pero eficaz.

Para ello lo primero que deberemos de hacer es buscar las imágenes que queramos añadir, por ejemplo botones de redes sociales, para lo cual os facilito unos 25 paquetes diseñados por Álex Serrano que podéis utilizar.

Los cuales descargamos y descomprimimos, acto seguido subiremos a nuestro WordPress las imágenes que queramos usar en los botones. Para ello podemos ir a Medios->Librería multimedia o a Medios->Añadir nuevo.

Acto seguido seleccionamos una imagen y estaremos en una pantalla como la siguiente:

Galeria_WordrepressEn la cual copiaremos el codigo de la derecha, que pone "url archivo", que en este caso corresponde a:
http://lignux.com/wp-content/uploads/2013/11/thumb_large_53bcd26b62b4306b6e9b.png
(Esta es la url directa a la imagen que hemos subido)

Ya por ultimo navegaremos por el panel de la izquierda para ir a Apariencia->Widgets, donde buscaremos el apartado "Widget de Texto" y lo moveremos a la columna de la derecha, que son las que se muestran en el diseño de tu plantilla.

Y solo nos quedara modificar el siguiente código y añadirlo al Widget de Texto para tener nuestro botón:

<a href="url de la web"><img SRC="url de la imagen" WIDTH="45" HEIGHT="45" /></a>

Un ejemplo:

<a href=""><img SRC="http://lignux.com/wp-content/uploads/2013/11/thumb_large_53bcd26b62b4306b6e9b.png" WIDTH="45" HEIGHT="45" /></a>

Cabe desatacar que con podemos modificar el Width y Height para ajustar el ancho y alto de la imagen según nos convenga.

Escrito por Noel

Buenas, me llamo Noel, soy un divulgador y amante del software libre y Gnu Linux.
Usuario inquieto por ver las novedades y dar a conocer a todos las grandes ventajas del software libre y Gnu Linux.

Suscribirse
Notificarme las
guest
0 Comentarios
Feedbacks en línea
Ver todos los comentarios
LiGNUx trabaja sobre una licencia de Creative Commons Reconocimiento 4.0 Internacional.
cloudflagpaperclipprinterfile-emptyfilm-playcamera-videopicturelaptop-phonebriefcasecrossmenu
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram