{"id":81159,"date":"2020-01-22T16:30:20","date_gmt":"2020-01-22T15:30:20","guid":{"rendered":"https:\/\/www.ait-themes.club\/?p=81159"},"modified":"2023-10-20T11:30:11","modified_gmt":"2023-10-20T11:30:11","slug":"wordpress-image-block-tutorial-blog","status":"publish","type":"post","link":"https:\/\/www.ait-themes.club\/es\/wordpress-imagen-bloque-tutorial-blog\/","title":{"rendered":"Trabajar con el bloque de im\u00e1genes de WordPress: C\u00f3mo agregar im\u00e1genes en WordPress [+Consejo secreto]"},"content":{"rendered":"

Para muchos usuarios, trabajar con im\u00e1genes puede ser realmente frustrante. No siempre es f\u00e1cil elegir la relaci\u00f3n de aspecto correcta o cambiar el tama\u00f1o de las im\u00e1genes correctamente para que se vean bien en todo el dise\u00f1o.<\/p>\n\n\n\n

  1. Por qu\u00e9 usar el bloque de im\u00e1genes de WordPress<\/a><\/li>
  2. C\u00f3mo agregar im\u00e1genes con el bloque de im\u00e1genes de WordPress<\/a><\/li>
  3. Proceso adicional de formateo de im\u00e1genes<\/a><\/li>
  4. Consejo extra nuestro dentro del art\u00edculo.<\/a><\/li><\/ol>\n\n\n\n

    Las versiones anteriores de WordPress (hasta v5.0) agregan im\u00e1genes usando el bot\u00f3n + Agregar medios. El problema era que, incluso con un cambio m\u00ednimo en el tama\u00f1o de la imagen, tendr\u00eda que volver a cargarla. Significa p\u00e9rdida de tiempo y clics redundantes.<\/p>\n\n\n\n

    El nuevo editor basado en bloques, Gutenberg, cambia la forma de agregar im\u00e1genes en WordPress para simplificar este proceso para los usuarios finales. En este art\u00edculo, le mostraremos una gu\u00eda pr\u00e1ctica sobre c\u00f3mo agregar y editar el bloque de im\u00e1genes de WordPress. Adem\u00e1s, explicaremos una opci\u00f3n m\u00e1s para pegar im\u00e1genes: c\u00f3mo copiar y pegar una imagen en el \u00e1rea de contenido con solo unos pocos clics. Tambi\u00e9n le presentaremos funciones recientemente agregadas que provienen de WP 5.3.<\/p>\n\n\n\n

    Pero primero hablemos de por qu\u00e9 deber\u00edas usar im\u00e1genes en publicaciones y p\u00e1ginas.<\/p>\n\n\n\n

    <\/span><\/a>\u00bfPor qu\u00e9 el bloque de im\u00e1genes de WordPress es imprescindible para su sitio web?<\/span><\/h2>\n\n\n\n

    <\/span>Atraer la atenci\u00f3n<\/span><\/h3>\n\n\n\n

    Las im\u00e1genes atraen la atenci\u00f3n de los visitantes del sitio web. Deben ser interesantes para mantener a los visitantes en su sitio web por m\u00e1s tiempo. Piense en una publicaci\u00f3n de blog sin im\u00e1genes. Es s\u00f3lo un mont\u00f3n de texto. A primera vista no es muy interesante aunque puede ser valioso y lleno de informaci\u00f3n. Adem\u00e1s, las fotos pueden ayudar a imaginar y describir mejor su tema.<\/p>\n\n\n\n

    Por esa raz\u00f3n, necesitamos usar el bloque de im\u00e1genes de WordPress para centrar la atenci\u00f3n en cosas importantes.<\/p>\n\n\n\n

    \"Ejemplo<\/a>
    Ejemplo de 2 blogs con o sin im\u00e1genes<\/figcaption><\/figure><\/div>\n\n\n\n

    <\/span>Texto ilustrativo y contexto<\/span><\/h3>\n\n\n\n

    Las im\u00e1genes tambi\u00e9n son una parte esencial para comprender el contenido porque permiten a los visitantes comprender mejor de qu\u00e9 se trata el art\u00edculo. Gracias a las infograf\u00edas puedes explicar conexiones complicadas y contar cosas de forma sencilla. Ayuda a los visitantes a orientarse mejor en el problema del que habla.<\/p>\n\n\n\n

    \"Ejemplo<\/a>
    Infograf\u00eda para una mejor explicaci\u00f3n del texto.<\/figcaption><\/figure><\/div>\n\n\n\n

    <\/span>Hacer el sitio web m\u00e1s agradable<\/span><\/h3>\n\n\n\n

    Adem\u00e1s, las im\u00e1genes dan los toques finales a todo el dise\u00f1o del sitio web. No se trata solo del dise\u00f1o del sitio web, sino tambi\u00e9n de la usabilidad. La imagen elegida y colocada correctamente puede ayudar al visitante a navegar por su sitio web m\u00e1s f\u00e1cilmente.<\/p>\n\n\n\n

    <\/span><\/a>C\u00f3mo agregar im\u00e1genes en el editor de bloques de WordPress<\/span><\/h2>\n\n\n\n

    Para insertar una imagen en una publicaci\u00f3n o p\u00e1gina, debe agregar un bloque central: bloque de imagen. Hay varias formas de hacerlo:<\/p>\n\n\n\n

    \u2013 Usando \u201c+\u201d en la barra superior o en cualquier parte del editor<\/p>\n\n\n\n

    \"Agregue<\/a>
    Agregar bloque de imagen de WordPress haciendo clic en "+"<\/figcaption><\/figure><\/div>\n\n\n\n

    \u2013 Usar la barra inclinada \u201c\/\u201c y escribir la palabra \u201cimagen\u201d despu\u00e9s<\/p>\n\n\n\n

    \"Agregar<\/a>
    Agregar bloque de imagen usando la barra inclinada "\/"<\/figcaption><\/figure><\/div>\n\n\n\n

    Se crear\u00e1 un nuevo bloque donde podr\u00e1 agregar im\u00e1genes reales.<\/p>\n\n\n\n

    <\/span>Subir im\u00e1genes a WordPress<\/span><\/h3>\n\n\n\n

    \u00bfC\u00f3mo poner im\u00e1genes all\u00ed donde quieras?<\/p>\n\n\n\n