El editor de bloques de WordPress incluye una variedad de herramientas de incrustación que facilitan la incorporación de medios externos en su sitio web o publicación de blog de WordPress. Para los usuarios que desean compartir sus fotos (o mostrar el trabajo de otros fotógrafos, por supuesto con permiso) en su sitio de WordPress, SmugMug Embedding Block es una herramienta fantástica. Es una manera fácil de incrustar bellas imágenes directamente en su publicación de blog o sitio web de WordPress.
¿Quiere aprender a incrustar imágenes de SmugMug en su sitio de WordPress? En este artículo, hablaremos sobre cómo obtener una foto de SmugMug para mostrarla en su sitio web o publicación. éste es uno de muchas herramientas de incrustación disponible para los usuarios de WordPress a través del Editor de bloques y excelente para agregar un toque de estética a su sitio web.
Una vez que lleguemos a la publicación, compartiremos instrucciones paso a paso sobre cómo obtener el suyo. Tazón incrustación incluida en su sitio web. También aprenderá a ajustar y personalizar la configuración de bloques en el Editor de bloques. Luego, compartiremos las mejores prácticas y las preguntas frecuentes para ayudarlo en la dirección correcta.
¿Estas listo para empezar? Saltemos.
¿Cómo agrego un bloque de inserción SmugMug a mi publicación o página?
Para comenzar con el bloque de incrustación SmugMug, deberá abrir su panel de control de WordPress y comenzar una nueva publicación de blog o página de borrador. Después de preparar su nuevo borrador, diríjase a SmugMug e inicie sesión en su cuenta.
Si aún no ha agregado fotos a su cuenta de SmugMug, tiene dos opciones para hacerlo. Primero, puede subir sus propias fotos a su cuenta. Alternativamente, puede usar algunas imágenes de stock gratuitas de SmugMug para comenzar. En este caso, he subido una de mis propias fotos.
Agregar una inserción de SmugMug: paso a paso
Cuando haya terminado, vuelva al Editor de bloques y haga lo siguiente:
1. Haga clic dentro del Editor de bloques. Aparecerá un pequeño cuadro negro con un signo más en el centro en el lado derecho de la pantalla del editor.
2. Haga clic en el signo más y verá una ventana emergente con múltiples opciones para agregar otro elemento de contenido. Si hace clic en «Examinar todo», verá la lista completa. Algunas de las opciones visibles incluyen agregar un párrafo, grupo, imagen o columnas.
3. Ingrese el bloque de inserción específico que desea usar en la barra de búsqueda. En este caso es «SmugMug». Cuando encuentre el bloque que desea agregar, haga clic en él.
4. Ahora aparecerá el bloque SmugMug en el editor de WordPress. Notarás que hay espacio para ingresar la URL de la imagen.
5. Ve a tu cuenta de SmugMug para descargar la URL de la imagen que deseas compartir. Una vez que haya encontrado la imagen, haga clic en el botón Compartir en el lado izquierdo de la pantalla.
6. Después de hacer clic en el botón de compartir, se le pedirá que copie la URL de la imagen. Haz clic en el botón Copiar enlace a la foto.
7. Vuelva al editor de bloques de WordPress y pegue la URL de la foto en la barra de herramientas. Haga clic en el botón azul Insertar junto a la URL.
8. Tu SmugMug incrustado no aparecerá en tu editor. Después de la incrustación, recibirá un mensaje que indica: «El contenido incrustado de smugmug.com no se puede ver en el editor».
Para ver cómo se ve su imagen en la publicación, haga clic en el botón Vista previa en la esquina superior derecha del editor de bloques de WordPress.
Configuraciones y opciones para bloquear la incrustación de SmugMug
Cuando se trata de la edición de incrustaciones de SmugMug, WordPress ofrece muchas opciones. Tómese un tiempo para familiarizarse con las herramientas de edición para ver qué se adapta mejor a su imagen. No tenga miedo de jugar con la configuración hasta que esté satisfecho con lo que ve.
Miremos la barra de herramientas en la esquina superior izquierda del bloque en el Editor de bloques de WordPress. Pase el mouse sobre cada botón para revisar las opciones para editar cómo se muestra la imagen en una publicación o sitio web de WordPress. Desde aquí puedes:
- Cambia el tipo o estilo de tu bloque
- Arrastre y suelte el bloque para colocarlo en cualquier lugar de la publicación
- Mueva el SmugMug incrustado hacia arriba o hacia abajo un espacio
- Cambiar la alineación de la foto
- Edita tu URL de SmugMug
- Elige opciones adicionales
Herramienta de conversión de bloques
Para cambiar el tipo de bloque, haga clic en el botón Convertir en el lado izquierdo de la barra de herramientas de incrustación de bloques. Puede convertir un bloque del tipo de párrafo predeterminado a un diseño de columna, grupo o contenido premium (este es contenido pago solo para suscriptores).
Si desea un fondo de color en su bloque que actúe como un marco en una publicación o página, debe seleccionar Grupo. Una vez hecho esto, verá la barra de herramientas de color en el lado derecho de la pantalla del editor de bloques de WordPress.
Puede elegir un color personalizado para que aparezca alrededor del bloque incrustado. La imagen que elegí de SmugMug tiene mucho verde, así que probaremos con un verde personalizado para ver cómo se ve.
Siempre que esté en el backend de su blog o sitio web, seguirá viendo un cuadro de diálogo que le recuerda que la imagen de Smug Mug no está visible en el editor.
Para mostrar un cuadro de color alrededor de la imagen, haga clic en Vista previa. Luego, WordPress lo llevará a ver lo que el usuario final mostrará en la página.
Arrastre el bloque de inserción SmugMug
Si desea arrastrar el bloque de inserción SmugMug alrededor de una publicación o página, debe usar el botón de arrastrar. Este es el segundo botón desde la izquierda en la barra de herramientas. Simplemente haga clic, mantenga presionado y arrastre el bloque a cualquier parte de la publicación o en la página misma. Cuando haya decidido dónde desea colocar el ladrillo, simplemente suelte el botón.
Mover el bloque de empotramiento hacia arriba o hacia abajo
Use el tercer botón desde la izquierda en la barra de herramientas para subir o bajar el bloque un lugar. Por ejemplo, si desea mover un bloque de párrafo debajo de una imagen, simplemente haga clic en el botón Mover hacia arriba para reemplazar los espacios de los bloques.
Ajustar la alineación del bloque de incrustación de SmugMug
Para volver a alinear la foto incrustada con SmugMug, haga clic en el botón Alinear. Las opciones disponibles incluyen la alineación de la imagen a la derecha, al centro oa la izquierda. Alternativamente, puede hacer que el bloque sea ancho o ancho completo en su sitio web o publicación.
Edite la URL de SmugMug
¿Tienes algún problema con la foto de SmugMug o quieres usar una diferente? Verifique o edite la URL con el botón Editar URL en la barra de herramientas. Es posible que deba volver a SmugMug para descargar un nuevo enlace de imagen. Después de editar la URL, haga clic en el botón azul Incrustar para incrustar la imagen nueva (o revisada) en su publicación o página.
Opciones de bloqueo adicionales y configuraciones multimedia
Para ver otras opciones para editar el bloque de inserción de SmugMug, haga clic en Otro en el lado derecho de la barra de herramientas. Verá un menú que contiene el resto de la configuración.
Desde aquí podrás copiar, duplicar, mover o eliminar el bloque. Hay opciones para insertar nuevos bloques incrustados antes o después del que está utilizando actualmente. Puede editar el HTML del bloque para personalizarlo aún más, moverlo a un grupo o convertirlo en un bloque reutilizable al que pueda volver más tarde.
En el lado derecho del editor de WordPress, verá la barra de herramientas Configuración de medios. Aquí puede elegir si desea permitir la reducción de imágenes en pantallas más pequeñas.
Consejos y mejores prácticas para usar el bloque de incrustación SmugMug de manera efectiva
Ahora que está listo para usar el bloque de inserción SmugMug en su sitio de WordPress, hay algunas mejores prácticas que debe tener en cuenta. Echar un vistazo:
- Asegúrese de tener permiso para colocar la imagen seleccionada. La imagen debe ser tuya o debe tener licencia. Alternativamente, podría ser una fotografía libre de regalías o una imagen para la que haya obtenido permiso (siempre proporcione la información adecuada del autor).
- Elija una imagen de alta calidad que se verá genial en su sitio. Debe ser de alta resolución y no ser demasiado pequeño. Las imágenes pequeñas aparecerán pixeladas en su sitio web o publicación.
- Asegúrese de que la imagen se alinee no solo con la estética de su marca, sino también con el mensaje y el tono de su marca. Los visitantes de su sitio notarán que la imagen contrasta marcadamente con el resto de la estética de su marca.
- No use imágenes que contengan contenido ofensivo.
Preguntas frecuentes sobre el bloque de inserción SmugMug
¿Necesito mi propia cuenta de SmugMug para compartir imágenes desde la plataforma?
No, no necesitas tu propia cuenta a menos que quieras compartir fotos que te pertenezcan. De lo contrario, puede usar la URL de la imagen pública compartida. Asegúrese de tener el permiso adecuado para compartir la imagen seleccionada.
¿Qué tipos de archivos acepta SmugMug?
Hay muchos aceptables tipos de archivo puede cargar a una cuenta SmugMug estándar para incrustar. Estos incluyen JPEG, PNG, GIF y HEIC. Según la página de soporte de SmugMug, los archivos PNG y HEIC tienen algunas limitaciones.
¿Hay otras formas de compartir fotos de SmugMug? No estoy usando el editor de bloques de WordPress.
Además de la URL de la imagen, SmugMug puede generar varias variaciones de código de inserción. Estos incluyen JPEG, HTML y BBCode. Al crear su código de inserción, SmugMug le pedirá que seleccione un tamaño para mostrar la imagen. Después de seleccionar todas las opciones, debería poder copiar y pegar el código de inserción.
Solicitud
Cuando se trata de incorporar las imágenes correctas en su sitio web, WordPress ofrece algunas opciones excelentes como el bloque de inserción SmugMug. La capacidad de incrustar una imagen de SmugMug en una publicación o en un sitio de WordPress es una excelente manera de mejorar la estética de su sitio. Use imágenes que funcionen bien con los colores y el mensaje de su marca para lograr un mayor impacto.
¿Planeas usar SmugMug incrustado en tu sitio web? Háganos saber en los comentarios.
Foto destacada a través de vladwel / shutterstock.com
