{"id":31563,"date":"2023-06-20T19:12:52","date_gmt":"2023-06-20T17:12:52","guid":{"rendered":"\/tutoriales\/?p=31563"},"modified":"2025-02-09T11:21:37","modified_gmt":"2025-02-09T10:21:37","slug":"como-insertar-una-imagen-en-wordpress","status":"publish","type":"post","link":"\/mx\/tutoriales\/como-insertar-una-imagen-en-wordpress","title":{"rendered":"C\u00f3mo insertar una imagen en WordPress con los editores de bloques y cl\u00e1sico"},"content":{"rendered":"

El uso de imágenes puede hacer que las entradas de tu blog de WordPress<\/a> sean más atractivas, debido a que ayudan a dividir un texto extenso. Además, insertar imágenes te ayudará a ilustrar los puntos que tratas en tus entradas, junto con el texto o frase que prefieras.<\/p>

Con la estrategia de optimización de imágenes<\/a> adecuada, también puedes mejorar el rendimiento y posición de tu sitio web de WordPress en las páginas de resultados de los motores de búsqueda (SERP). El proceso de optimización no sólo conlleva tener un buen texto, sino que implica varias prácticas, como optimizar el formato de tamaño de la imagen destacada, el formato de archivo y proporción.<\/p>

En este artículo, te mostraremos cómo insertar una imagen en una de tus entradas o páginas de blog de WordPress a través de los editores de bloque y clásico, así como de la Biblioteca de medios. También aprenderás a editar el tamaño de la imagen y los detalles en el CMS de WordPress<\/a>.<\/p>

Descarga la hoja de trucos de WordPress definitiva<\/a><\/p>

Cómo insertar una imagen en WordPress con el editor de bloques<\/h2>

El editor de bloques, también conocido como Gutenberg<\/a>, es el editor predeterminado de contenidos de WordPress que usa bloques para insertar elementos como imágenes, fotos, párrafos de texto y encabezados.<\/p>

Insertar una imagen en WordPress con el editor Gutenberg es relativamente fácil. Lo único que debes hacer es cargar un archivo de imagen desde tu computadora local, seleccionar una de la Biblioteca de medios o insertarla por medio de una URL. En esta sección, repasaremos todos estos métodos uno por uno.<\/p>

\/imagen<\/p>

Primero, accede a tu panel de WordPress y crea una nueva entrada. En la pantalla del editor, inserta el bloque Imagen con el botón Alternar insertador de bloque<\/strong>, que se muestra con el signo +<\/strong> en la esquina superior izquierda. Otra opción es usar el método abreviado de teclado \/imagen<\/strong> para añadir rápidamente el bloque Imagen<\/strong> al editor.<\/p>

\n
\"\"<\/a><\/figure><\/div>

Insertar una imagen en WordPress desde una computadora local<\/h3>

Para añadir un archivo de imagen desde tu navegador o computadora, sigue lo que te indicamos a continuación:<\/p>

    \n
  1. Haz clic en el botón Subir <\/strong>en el bloque Imagen<\/strong> para abrir los archivos de su computadora.<\/li>\n<\/ol>
    \"Bloque<\/figure>
      \n
    1. Ve a la carpeta donde almacenas las imágenes. Selecciona una imagen y haz clic en Abrir<\/strong>.<\/li>\n<\/ol>
      \"Administrador<\/figure>

      Aquí te dejamos un ejemplo de una imagen en una entrada de blog:<\/p>

      \"Editor<\/figure>
        \n
      1. Guarda los cambios.<\/li>\n<\/ol>

        Insertar una imagen existente en WordPress de la biblioteca de medios<\/h3>

        Alternativamente, intenta insertar imágenes de la Biblioteca de medios. Aquí te dejamos información de lo que tienes que hacer y lo importante que debes saber:<\/p>

          \n
        1. Haz clic en el botón Biblioteca de medios<\/strong> (galería) en el bloque Imagen.\"Bloque<\/li>\n<\/ol>
            \n
          1. Selecciona una imagen existente de la biblioteca de medios y haz clic en Seleccionar.<\/strong>\"La<\/li>\n\n\n\n
          2. Guarda los cambios.<\/li>\n<\/ol>

            Añadir una imagen a través de una URL<\/h3>

            El bloque Imagen te permite insertar una imagen con el uso de una URL personalizada. Para hacerlo, sigue las instrucciones a continuación:<\/p>

              \n
            1. Haz clic en el botón Insertar desde una URL<\/strong> en el bloque Imagen para abrir el campo de texto URL.<\/li>\n<\/ol>
              \n
              \"Bloque<\/figure><\/div>
                \n
              1. Copia la URL que contiene tu imagen preferida. Para este tutorial, tomamos una foto de Unsplash<\/strong>. Haz clic con el botón derecho en la imagen y selecciona Copiar dirección de imagen<\/strong>.<\/li>\n<\/ol>
                \"Imagen<\/figure>
                  \n
                1. Vuelve al editor de bloques y pega la URL en el campo. Haz clic en el botón Aplicar<\/strong> o presiona Intro<\/strong> en tu teclado.<\/li>\n<\/ol>
                  \n
                  \"Bloque<\/figure><\/div>
                    \n
                  1. Guarda los cambios.<\/li>\n<\/ol>

                    Además, puedes configurar una imagen destacada<\/a> o una miniatura. Esto es lo que debes hacer para lograr establecer una imagen destacada:<\/p>

                      \n
                    1. Desde el editor de bloques, abre el panel de ajustes de bloques haciendo clic en el ícono de ajustes<\/strong> entre el botón Publicar<\/strong> y el menú<\/strong> de tres puntos.<\/strong><\/li>\n<\/ol>
                      \"Editor<\/figure>
                        \n
                      1. En el panel de ajustes, ve a la pestaña Entrada<\/strong> → la sección Imagen destacada<\/strong>. Después, haz clic en el área Establecer la imagen destacada<\/strong>.<\/li>\n<\/ol>
                        \"Editor<\/figure>
                          \n
                        1. En la ventana Biblioteca de medios, carga una nueva imagen o selecciona una existente. Una vez añadida, haz clic en el botón Establecer la imagen destacada <\/strong>en la barra de herramientas de la derecha.<\/li>\n<\/ol>
                          \n
                          \"La<\/figure><\/div>
                            \n
                          1. Guarda los cambios y lograrás establecer una imagen destacada de forma fácil y cómoda.<\/li>\n<\/ol>

                            Cómo insertar una imagen en WordPress con el editor clásico<\/h2>

                            Para insertar una imagen en WordPress con el editor clásico, deberás instalar el plugin Editor clásico<\/a>. Esto se debe a que las versiones más nuevas de WordPress no tienen el editor clásico por defecto.<\/p>

                            Una vez activado el plugin, ajusta el editor clásico por defecto. Desde el panel de control de WordPress, ve a Ajustes<\/strong> → Escritura<\/strong> → Editor por defecto para todos los usuarios<\/strong>. Luego, marca la opción Editor clásico<\/strong> y haz clic en Guardar cambios<\/strong> para confirmar.<\/p>

                            A diferencia del editor de bloques, en el editor clásico se pueden insertar imágenes en una entrada de WordPress sólo con la Biblioteca de medios. Aquí están los pasos:<\/p>

                              \n
                            1. Crea una nueva entrada de WordPress y ábrela con el editor clásico.<\/li>\n\n\n\n
                            2. Haz clic en el botón Añadir medios<\/strong> en la izquierda para abrir la Biblioteca de medios.<\/li>\n<\/ol>
                              \n
                              \"Editor<\/figure><\/div>
                                \n
                              1. En la ventana Añadir medios, selecciona la pestaña Subir archivos<\/strong> y haz clic en el botón Seleccionar archivos<\/strong> para cargar una imagen.<\/li>\n<\/ol>
                                \n
                                \"La<\/figure><\/div>
                                  \n
                                1. Una vez que se complete el proceso de carga, es importante que hagas clic en el botón Insertar en la entrada<\/strong> para añadir la imagen al editor.<\/li>\n<\/ol>
                                  \n
                                  \"La<\/figure><\/div>
                                    \n
                                  1. Guarda los cambios.<\/li>\n<\/ol>

                                    Cómo añadir múltiples imágenes con la biblioteca de medios de WordPress<\/h2>

                                    La biblioteca de medios de WordPress<\/strong> es una librería que almacena archivos multimedia, como videos, imágenes, audio y documentos, en un directorio. También te deja cargar varias imágenes a la vez.<\/p>

                                    Sigue las instrucciones de abajo para cargar imágenes en la biblioteca de medios:<\/p>

                                      \n
                                    1. Desde el panel de control de WordPress, ve a Medios<\/strong> → Biblioteca<\/strong>.<\/li>\n\n\n\n
                                    2. En la pantalla Biblioteca de medios a la izquierda, haz clic en el botón Añadir nuevo<\/strong>.<\/li>\n<\/ol>
                                      \n
                                      \"La<\/figure><\/div>
                                        \n
                                      1. Haz clic en el botón Seleccionar archivos<\/strong> para cargar imágenes desde tu computadora. Alternativamente, arrástralos y suéltalos<\/strong> en el campo provisto.<\/li>\n<\/ol>
                                        \n
                                        \"La<\/figure><\/div>
                                          \n
                                        1. Espera hasta que se complete el proceso de carga. Una vez que haya terminado, puedes añadir las imágenes a una página o entrada.<\/li>\n<\/ol>

                                          Cómo editar imágenes en WordPress<\/h2>

                                          WordPress te permite editar imágenes, como cambiar el tamaño y añadir detalles. En esta sección, te mostraremos cómo usar estas funciones.<\/p>

                                          Cómo editar el tamaño de tu imagen en WordPress<\/h3>

                                          Puedes recortar y escalar una imagen individual a través de la Biblioteca de medios. Sigue los siguientes pasos:<\/p>

                                            \n
                                          1. Abre el panel de administración de WordPress y ve a Medios<\/strong> → Biblioteca<\/strong>.<\/li>\n\n\n\n
                                          2. Selecciona una imagen que quieras cambiar de tamaño.<\/li>\n\n\n\n
                                          3. En los ajustes de la imagen o en la ventana de detalles del archivo adjunto, haz clic en el botón Editar imagen<\/strong>.<\/li>\n<\/ol>
                                            \"\"<\/figure>
                                              \n
                                            1. Ve a la sección Escalar imagen<\/strong> en el lado derecho de la pantalla de los ajustes de imagen, luego define nuevas dimensiones. Ten en cuenta que solo puedes reducir la escala de las imágenes.<\/li>\n<\/ol>
                                              \"\"<\/figure>
                                                \n
                                              1. Haz clic en el botón Escala<\/strong> para confirmar los cambios.<\/li>\n<\/ol>
                                                \n
                                                \"La<\/figure><\/div>

                                                También es posible cambiar los tamaños de las imágenes de WordPress<\/a> para que se ajusten a tus preferencias y ayudar a optimizar tus imágenes<\/a> para aumentar la velocidad de la página web y mejorar la vista y experiencia del usuario.<\/p>

                                                Estos son los pasos para crear tamaños personalizados para estas imágenes de WordPress:<\/p>

                                                  \n
                                                1. Desde el panel de administración de WordPress, ve a Ajustes<\/strong> → Medios<\/strong>.<\/li>\n\n\n\n
                                                2. En la pantalla Ajustes de medios, edita los valores para el ancho y alto máximos de la imagen.<\/li>\n<\/ol>
                                                  \n
                                                  \"La<\/figure><\/div>
                                                    \n
                                                  1. Guarda los cambios.<\/li>\n<\/ol>

                                                    Cómo editar los detalles de la imagen en WordPress<\/h3>

                                                    Además, WordPress te permite editar los detalles de diseño de las imágenes. Por ejemplo, puedes añadir texto alternativo<\/strong> o texto alt, una descripción y un título.<\/p>

                                                    En esta misma sección, te mostraremos cómo insertar detalles en tus imágenes. Sigue las instrucciones de abajo:<\/p>

                                                      \n
                                                    1. Desde el tablero de WordPress, abre la Biblioteca de medios<\/strong> y elige una imagen.<\/li>\n\n\n\n
                                                    2. En la ventana de ajustes de la imagen, añade detalles a tu imagen, como Texto alternativo<\/strong>, Título<\/strong>, Leyenda<\/strong> y Descripción<\/strong>.<\/li>\n<\/ol>
                                                      \n
                                                      \"La<\/figure><\/div>
                                                        \n
                                                      1. Una vez terminado, haz clic en el botón Cerrar<\/strong> para confirmar los cambios.<\/li>\n<\/ol>

                                                        Conclusión<\/h2>

                                                        Recuerda que no sólo el texto tiene importancia en una entrada. Insertar una imagen en WordPress en un sitio web es una excelente manera de hacer que tu contenido se vea más atractivo y mejorar tu rendimiento SEO.<\/p>

                                                        En este artículo, brindamos una guía completa sobre cómo insertar una imagen en WordPress a través del editor de bloques, el editor clásico y la Biblioteca de medios. Los métodos son similares, por lo que puedes elegir el que se adapte a lo que prefieras.<\/p>

                                                        Esperamos que este artículo te haya ayudado a comprender cómo insertar una imagen en WordPress. Si tienes preguntas o dificultades, no dudes en dejarnos un correo electrónico comentario más abajo y te responderemos lo que necesites. ¡Éxitos!<\/p>\n","protected":false},"excerpt":{"rendered":"

                                                        El uso de imágenes puede hacer que las entradas de tu blog de WordPress sean más atractivas, debido a que ayudan a dividir un texto extenso. Además, insertar imágenes te ayudará a ilustrar los puntos que tratas en tus entradas, junto con el texto o frase que prefieras. Con la estrategia de optimización de imágenes […]<\/p>\n

                                                        Read More…<\/a><\/p>\n","protected":false},"author":235,"featured_media":31068,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"C\u00f3mo insertar una imagen en WordPress paso a paso","rank_math_description":"Descubre c\u00f3mo insertar una imagen a WordPress, ya sea al a\u00f1adirla directamente al bloque o al editor cl\u00e1sico o con la biblioteca de medios.","rank_math_focus_keyword":"insertar una imagen en wordpress","footnotes":""},"categories":[4747,14349],"tags":[14396],"class_list":["post-31563","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","category-basico","tag-insertar-una-imagen-en-wordpress"],"hreflangs":[{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/como-insertar-una-imagen-en-wordpress","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/como-insertar-una-imagen-en-wordpress","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/como-insertar-una-imagen-en-wordpress","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/como-insertar-una-imagen-en-wordpress","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/31563","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/users\/235"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/comments?post=31563"}],"version-history":[{"count":6,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/31563\/revisions"}],"predecessor-version":[{"id":38865,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/posts\/31563\/revisions\/38865"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/media\/31068"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/media?parent=31563"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/categories?post=31563"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/mx\/tutoriales\/wp-json\/wp\/v2\/tags?post=31563"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}