Articles

WordPress.com

Las imágenes son una gran manera de mejorar tu sitio WordPress.com. Esta guía le mostrará todas las diferentes formas en las que puede añadir imágenes.

Tabla de contenidos

Tipos de archivos de imágenes

Puede subir los siguientes tipos de imágenes a una publicación o página:

  • .jpg/.jpeg
  • .gif
  • .png

Tabla de contenidos

Guías de imágenes

Hay muchas cosas que puedes hacer con las imágenes, así que las hemos dividido en varias páginas:

  • Subida de imágenes – Todo lo relacionado con la introducción de imágenes en tus publicaciones y páginas desde tu ordenador, la web y la Mediateca.
  • Configuración de la imagen – Añade un título o una leyenda a tus imágenes. Incluye dónde encontrar información básica sobre su imagen como el enlace permanente, las dimensiones de la imagen y el tipo de archivo.
  • Edición de imágenes – ¿Su imagen está al revés o es demasiado grande? Esta es una guía sobre cómo recortar, rotar y escalar tus imágenes.
  • Galerías y presentaciones de diapositivas – Muestra tus imágenes en una galería o en una presentación de diapositivas.
  • Optimización de imágenes – Cuando disminuyes el tamaño del archivo de las imágenes antes de insertarlas, las subidas y las páginas se cargan más rápido.
  • Solución de problemas – ¿Tus imágenes no se cargan?
  • Cómo encontrar imágenes gratuitas y otros medios – ¿Necesita una imagen de dominio público o con copyleft para su sitio? Aquí hay algunas sugerencias sobre dónde encontrarlas!

Tabla de contenidos

Ejemplos

Aquí hay algunos ejemplos de trabajo para mostrar varias maneras de mostrar sus imágenes usando bloques. Las imágenes se verán diferentes dependiendo del tema que estés usando en tu sitio, ¡así que pruébalas en tu sitio!

Todas las imágenes son cortesía de la biblioteca de fotos gratuitas Pexels.

Bloque de imagen

El bloque de imagen es para añadir imágenes individuales. Es minimalista, pero combinado con el bloque Columnas, puede dar lugar a un diseño creativo como se muestra en el tema Coutoire.

Estilo por defecto:

Foto de NEOSiAM 2020 en Pexels.com

Estilo redondeado:

Foto de NEOSiAM 2020 en Pexels.com
Bloque de portada

El bloque de portada se aprecia mejor con un tema que permita la visualización a ancho completo. Se muestra maravillosamente en los temas Dalston, Alves y Maywood.

El bloque incluye opciones para un fondo fijo, superposición con gradiente y diferentes estilos de visualización.

Fondo fijo ON

Fondo fijo OFF

Superposición de gradientes con estilos de onda inferior y superior

.

Bloque de Galería

El bloque de Galería permite añadir fácilmente múltiples fotos y disponerlas automáticamente de forma atractiva.

Bloque de presentación de diapositivas

El bloque de presentación de diapositivas es ideal para compartir imágenes sin ocupar demasiado espacio en una página o publicación. Véalo en el tema Rivington.

El siguiente ejemplo utiliza la opción de reproducción automática, conozca todas las demás opciones en la guía del bloque Slideshow.

  • Foto de Hendrik Cornelissen en Pexels.com
  • Foto de Elena Blessing en Pexels.com
  • Foto de en Pexels.com
Medios &Bloque de texto

El bloque de medios &Texto permite colocar una imagen o un vídeo junto a un texto.

Viene con una práctica opción para apilar los medios y el texto en los dispositivos móviles.

Algunas formas creativas de utilizarlo aparecen en el tema de Exford y Barnsbury.

«Si hay un libro que quieres leer, pero aún no ha sido escrito, entonces debes escribirlo.»

– Toni Morrison

A la izquierda se muestra cómo la pila en la opción móvil mostrará el contenido.

Por defecto, los medios de comunicación se mostrará en la parte superior.

Bloque de comparación de imágenes

Utiliza el bloque de comparación de imágenes para colocar dos imágenes una al lado de la otra (o arriba y abajo) y utiliza un deslizador para revelar las diferencias entre las dos imágenes.

Comparación lado a lado
Comparación por encima y por debajo
Bloque de Galería en Mosaico

El bloque de Galería en Mosaico incluye una opción para esquinas redondeadas, y viene en cuatro estilos diferentes:

  • Mosaico de azulejos
  • Rejilla circular
  • Azulejos cuadrados
  • Columnas de azulejos

Es una forma creativa por sí sola de compartir imágenes, y puede ser un gran compañero del bloque Presentación de diapositivas, como se muestra en el tema Rivington.

Mosaico de azulejos

Circular cuadrícula

Asetas cuadradas con opción de esquinas redondeadas

Columnas alicatadas

CoBlocks

CoBlocks es una librería de bloques gestionada por GoDaddy, puesta a su disposición en WordPress.com. Incluye cuatro tipos de galerías:

  • Collage
  • Stacked
  • Masonry
  • Offset

Y viene con varias opciones adicionales:

  • Habilitar una caja de luz de imágenes
  • Mostrar u ocultar subtítulos
  • Enlazar imágenes individuales
  • Controlar el espacio entre las imágenes
  • Aplicar filtros de imágenes (Escala de grises, Sepia, Saturación, Oscuro, Vintage)

Las galerías pueden mostrarse a ancho completo con los temas que lo permiten, como se muestra en el tema Mayland.

Bloque de collage

El bloque de collage ensambla las imágenes en una hermosa galería de collage.

Muestra por defecto

Pantalla en mosaico con filtro Sepia

Pantalla en capas con efecto de sombra y filtro de escala de grises

Bloque de albañilería

El bloque de albañilería muestra varias imágenes en su posición óptima en función del espacio vertical disponible, algo así como un albañil encajando piedras en un muro.

Bloque Offset

El bloque Offset muestra imágenes en una galería de patrones de ladrillos offset.

Bloque Carrusel

No debe confundirse con el bloque Carrusel de Correos, el bloque CoBlocks Carousel le permite mostrar sólo imágenes dentro de un carrusel.

Aquí hay una animación de cómo se mostrará:

El bloque Carrusel está disponible en los sitios del plan Business y eCommerce con plugins instalados solamente.

Bloque Apilado

El bloque Apilado muestra múltiples imágenes en una galería apilada de una sola columna.

Filtro de saturación

Filtro vintage

Bloque GIF

El bloque GIF permite añadir fácilmente algunas imágenes GIF de Giphy.
Es una forma colorida de expresar sentimientos en tu sitio.

Felicidad

Tristeza

Planes y precios variables

  • Gratis

    Mejor para estudiantes

  • Personal

    Mejor para aficionados

  • Premium

    Mejor para autónomos

  • Negocios

    Mejor para pequeñas empresas

Elige un plan