Santi Navarro
Menu
  • INICIO
  • WORDPRESS
  • SOCIALMEDIA
  • YOUTUBE
  • SEO
  • RECURSOS
  • CONTACTO
Home
Recursos
WordPress – Muestra imágenes desde Dropbox

WordPress – Muestra imágenes desde Dropbox

En un artículo anterior estuvimos viendo cómo podemos realizar backups de WordPress a Drobpox, bien pues la relación entre estas dos plataformas la podemos ampliar y emplear nuestro Dropbox como alojamiento web de imágenes para posteriormente mostrarlas en los artículos de nuestro blog. Suena bien, ¿no?

En primer lugar comentar que nos apoyaremos en la carpeta Public que nos facilita Dropbox y que nos permite almacenar archivos para compartir públicamente además de mostrar vistas de los mismos. Si en tu cuenta no tienes activada la carpeta pública puedes ver más información de cómo activar mi carpeta pública en Dropbox.

Continuamos y vamos a ver el proceso por pasos:

Contenido

SUBIENDO LA IMAGEN A DROPBOX

En primer lugar crearemos una nueva carpeta dentro de la carpeta Public con el fin de tener mejor organizada la información. Le damos el nombre que deseemos, puede ser blog, por ejemplo. En la misma subimos la imagen que vayamos a publicar en nuestro blog.

Tras esto, sobre el nombre de la imagen hacemos clic con el botón derecho de nuestro ratón, mostrándose las siguientes opciones como vemos en la siguiente imagen.

alojamiento-imagenes-dropbox

Debemos seleccionar la opción Copiar vínculo público, al seleccionar la opción nos facilita el link de la imagen que deberemos copiar al portapapeles y que a continuación emplearemos.

TRAYENDO LA IMAGEN DESDE WORDPRESS.

El siguiente paso es insertar la imagen en nuestro artículo de WordPress. Para ello desde la zona de administración del artículo seleccionaremos la opción Añadir objeto mostrándose la pantalla de cargar imágenes.

De las opciones que se nos muestran seleccionamos Insertar desde URL, en esta sección nos permite añadir la URL (que copiamos previamente) de la imagen que tenemos guardada en Dropbox para mostrarla en el contenido del post. Además disponemos de la opción de darle un título.

insertar-imagen-wordpress-url

Bien, una vez pegado el enlace en la casilla correspondiente mostrará una previsualización de la imagen que vamos a insertar, además se nos mostrarán las opciones de Leyenda, Texto alternativo, Alineación y finalmente la opción de Enlazado a. Deberemos configurarlas como deseemos.

Finalmente bastará con presionar el botón de Insertar en la entrada y tras esto ya nos aparecerá en el contenido de nuestro post. Ha resultado ser bien fácil, ¿verdad?. Vamos a ver un poco más del asunto.

EMPLEANDO ETIQUETAS HTML

Si trabajamos los contenidos de nuestros posts directamente en HTML también tenemos la opción de emplear la etiqueta img para mostrar la imagen que tenemos almacenada en la carpeta pública en Dropbox:

 

Como consejo lo ideal es subir la imagen con las dimensiones que deseemos que se muestre, con el ancho y alto adecuado e indicarlos en los atributos correspondientes de la etiqueta img.

Si precisamos cambiar las dimensiones de la imagen podemos recurrir a un software de edición de imagen, uno que nos puede servir que tratamos en un post anterior es Fotosizer, podeis ver más información de Fotosizer aquí.

IMÁGENES EN MINIATURA

Otro caso que se nos puede dar que es que deseemos mostrar una imagen más pequeña y que enlace a una de mayor tamaño, ambas almacenadas en Dropbox, como ejemplo podría ser el caso de una infografía de gran tamaño.

Para esto subimos a Dropbox dos imágenes, la miniatura y la mayor. Posteriormente podemos emplear el siguiente código HTML en el contenido de nuestro artículo.

<img title="" src="EnlaceDropboxImagenMiniatura" alt="" width="" height="" />

<img title="" src="EnlaceDropboxImagenMiniatura" alt="" width="" height="" />

De esta forma se mostraría la miniatura pero al clicar sobre ella nos llevaría a una nueva pestaña en la que se mostraría la imagen mayor almacenada en Dropbox.

Con estas ideas hemos visto una forma sencilla de emplear nuestro Dropbox como almacenamiento de imágenes para luego mostrarlas en el contenido de nuestros artículos o páginas. Las últimas ideas que hemos tratado, como veis, podemos emplearlas en cualquier página web y no necesariamente que sea WordPress.

¿Vosotros ya utilizabais Dropbox como alojamiento web de imágenes para vuestro sitio web? ¿Qué os parece esta funcionalidad? Finalmente añadir que espero que el artículo os sea de utilidad y si os ha gustado estáis invitados a compartirlo. Muchas gracias por vuestro tiempo y un saludo.

Post anterior
Siguiente post

Artículos relacionados de Recursos Wordpress

Como instalar plugins en WordPress paso a paso

Como instalar plugins en WordPress paso a paso

Google Translate, ¿cómo ofrecer traducciones de mi web?

Google Translate, ¿cómo ofrecer traducciones de mi web?

Post personalizado en WordPress, ¿qué es y para qué sirve?

Post personalizado en WordPress, ¿qué es y para qué sirve?

Cómo crear un formulario de contacto en Google Drive

Cómo crear un formulario de contacto en Google Drive


Los datos de los comentarios están seguros.

Responsable: Santi Navarro. Finalidad: Moderar los comentarios Legitimación: Consentimiento del Interesado. Destinatarios: Tus datos los guardará Disqus, el sistema que emplea esta web, que está acogido al acuerdo de seguridad EU-US Privacy. Derechos: podrás acceder, rectificar, limitar y suprimir tus datos.

ENTRADAS RECIENTES

  • Como eliminar comentarios desde la base de datos en WordPress
  • Como crear un botón para eliminar post o página en admin bar de WordPress
  • Cómo organizar las entradas de WordPress en categorías masivamente
  • Las Mejores Plantillas WordPress para Abogados Responsive
  • Tecnicas para ganar visibilidad en redes sociales gratis
  • Los mejores navegadores de internet para Android móvil y tablet
  • Mejores Plantillas de WordPress para Inmobiliaras y Agencias de Venta y Alquiler de Propiedades
  • Mejores Plantillas de WordPress para Empresas o Web Corporativa

Santi Navarro

Diseño web Wordpress, Posicionamiento web y Socialmedia

ARTÍCULOS SOBRE HOSTING

  • Hosting para Wordpress
  • Loading Alojamiento Web
  • Hosting Gratis

PLANTILLAS PARA WORDPRESS

  • Plantillas WordPress para Fotografía
  • Plantillas WordPress para Empresas
  • Plantillas WordPress para Abogados
  • Plantillas WordPress para Inmobiliarias
  • Plantillas WordPress para Restaurantes
  • Elegant Themes Plantillas Premium
  • Themeforest Envato Market

PUBLICACIONES

  • Página web barata
  • Descargar videos de Youtube sin programas
  • Como registrarse en Twitter fácilmente
  • Mejores Plantillas Responsive para Wordpress
  • Presupuesto Tienda Online
Copyright © 2025 Santi Navarro
Diseño web Wordpress en Valencia | Diseño web Gandia
Aviso legal - Política de privacidad - Uso de cookies - Mapa del sitio