Hace 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:
En 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.