Widet de PDF

diegorobles · Miembro · abril 14, 2009 at 8:16 pm
Copiar enlace

Añadir tema a favoritos
Me gustaria poner un enlace en la barra lateral con una imagen y que se abra un pdf que tengo creado
gracias

El blog con el que necesito ayuda es (visible solo para usuarios conectados).
galois · Moderador · abril 14, 2009 at 8:20 pm
Copiar enlace
Fácil: pones una imagen utilizando un widget de texto. Esa imagen la enlazas con la dirección del PDF. La imagen como te expliqué en tu consulta anterior ( https://es.forums.wordpress.com/topic/enlaces-1?replies=2 ), puede estar en tu biblioteca (es decir, subida por ti) o puede estar en internet. El PDF puedes subirlo a tu biblioteca o a algun servicio de alojamiento de archivos.
arterobles · Miembro · abril 14, 2009 at 8:35 pm
Copiar enlace
Lo siento pero no se como poner una imagen el el widget de texto me lo explicas por favor?
diegorobles · Miembro · abril 14, 2009 at 9:02 pm
Copiar enlace
¿como pongo una imagen en el widget de texto y como enlazo el pdf?
galois · Moderador · abril 14, 2009 at 9:53 pm
Copiar enlace
Veamos:
a) supongamos que subiste la imagen a tu biblioteca de medios (o que la elegiste de otro lado, no importa demasiado). Esa imagen tiene una dirección, que será de la forma
«http://diegoroblesfiles.wordpress.com/imagen.jpg» (sin las comillas que le acabo de poner obviamente).
En el caso de mi blog una de las imágenes que tengo en la portada (y que subí previamente a mi biblioteca de medios) tiene la siguiente dirección:
http://trasnochada.files.wordpress.com/2009/04/figuras.png (la mía termina en png porque ese es el formato del archivo de imagen que utilicé, un poco más común es que sea .jpg).

b) una vez localizada la imagen, vas a seleccionar un widget de texto y le pegarás la dirección dentro. Para ello tienes que ir a
Tablero->Aspecto->Widgets.
Y eliges uno de texto. Luego, para que la imagen se pueda ver, necesitas ponerla dentro de unas etiquetas HTLM que se usan para mostrar imágenes. Si la dirección es la que comentamos en el punto a) te quedaría así
<img src="http://diegoroblesfiles.wordpress.com/imagen.jpg">
Con ese código, la imagen que está en esa dirección, aparecerá dentro del widget de texto.

c) todavía falta enlazarla con el documento PDF. Supongamos que lo subiste a tu biblioteca de medios y queda en la dirección:
«http://diegoroblesfiles.wordpress.com/documento.pdf» (de nuevo, sin las comillas).
Entonces para que la imagen sea un enlace que lleve al PDF tienes que poner el código de imagen del punto b) entre medio del código HTML de enlace. Quedaría así:
<a href="http://diegoroblesfiles.wordpress.com/documento.pdf"><img src="http://diegoroblesfiles.wordpress.com/imagen.jpg"></a>

Una acotación: ten cuidado con las medidas de la imagen, porque no tienen que ser mayores que la de la barra lateral donde la pongas. Es decir, su ancho tiene que ser como máximo el de la barra lateral, lo ideal es que sea un poco menor.

En este documento se explica como poner una imagen que sea enlace utilizando previamente el editor de entradas en modo HTML. Está en inglés, pero…tiene imágenes:
http://support.wordpress.com/links/text-widget-links/
bejomi1 · Miembro · abril 15, 2009 at 12:48 am
Copiar enlace
TAMBIÉN PUEDE CREAR UNA ENTRADA NORMAL CON LO QUE QUIERE (CENTRADO TEXTO IMAGEN VIDEO )
A.- PONER UNA IMAGEN TAMAÑO PEQUEÑO(EN FUNCIÓN DE LA COLUMNA LATERAL A UTILIZAR
B.- ENLAZARLA AL ARCHIVO PDF PREVIAMENTE SUBIDO
C.- IR A VER EL ARTÍCULO EN HTML
D.- DESDE ALLI COPIAR TODO
E.- IR A WIDGETS
F.-ELEGIR LA BARRA LATERAL
G.-ELEGIR WIDGET DE TEXTO
H.- PEGAR LO QUE COPÍÓ
Y GUARDAR TODO