ElegantThemes

Cómo usar el bloque de inserción SmugMug de WordPress

los Editor de bloques de WordPress tiene varias herramientas de incrustación que facilitan la incrustación de medios externos en su sitio de WordPress o publicación de blog. Para usuarios que quieran compartir (o mostrar a otros) sus fotografías Trabajo de fotógrafos, con permiso, por supuesto) en su sitio de WordPress, el panel de inserción SmugMug es una herramienta fantástica. Es una manera fácil de incrustar hermosas imágenes directamente en su publicación de blog o página en WordPress.

¿Le gustaría aprender cómo incrustar sus imágenes SmugMug en su sitio de WordPress? En este artículo, vamos a hablar sobre cómo hacer que una foto de SmugMug se muestre en su página o publicación. éste es uno de muchas herramientas de incrustación está disponible para los usuarios de WordPress a través del editor de bloques y es ideal para agregar un poco de estilo al sitio web estético.

Una vez que entremos en la publicación, compartiremos instrucciones paso a paso sobre cómo hacer el tuyo. Taza presumida incrustar en su sitio web. También aprenderá a optimizar y ajustar la configuración del bloque en el editor de bloques. Luego, compartiremos algunas de las mejores prácticas y preguntas frecuentes para llevarlo en la dirección correcta.

Estas listo para comenzar? Saltemos.

Cómo agregar el bloque de inserción SmugMug a su publicación o página

Para comenzar con el bloque de inserción SmugMug, deberá abrir su panel de WordPress y crear una nueva publicación de blog o borrador de página. Una vez que tenga su borrador nuevo listo, vaya a SmugMug e inicie sesión en su cuenta.

Si no ha agregado ninguna imagen a su cuenta SmugMug, tiene dos opciones para hacerlo. En primer lugar, puede cargar sus propias imágenes en su cuenta. Alternativamente, puede usar algunas de las imágenes libres de derechos de SmugMug para comenzar. En este caso, subí una de mis propias fotos.

Adición de SmugMug Embed: paso a paso

Cuando haya terminado, vuelva al editor de bloques y siga estos pasos:

1. Haga clic en su editor de bloques. Aparecerá un pequeño cuadro negro con un signo más en el lado derecho de la pantalla del editor.

SmugMug 2

2. Haga clic en el signo más y verá una ventana emergente con varias opciones para agregar más contenido. Si hace clic en «Buscar todo», puede ver la lista completa. Algunas de las opciones visibles incluyen agregar un párrafo, grupo, imagen o columnas.

SmugMug 3

3. Ingrese el bloque de incrustación deseado en la barra de búsqueda. En este caso es «SmugMug». Cuando encuentre el bloque que desea agregar, haga clic en él.

SmugMug 4

4. El bloque SmugMug ahora aparecerá en el editor de WordPress. Verá que puede ingresar la URL de la imagen.

SmugMug 5

5. Navegue a su cuenta SmugMug para obtener la URL de la imagen que desea compartir. Cuando encuentre la imagen, haga clic en el botón compartir en el lado izquierdo de la pantalla.

SmugMug 6

6. Después de hacer clic en el botón de compartir, se le pedirá que copie la URL de la imagen. Haga clic en el botón Copiar enlace de foto.

SmugMug 7

7. Vuelva a su 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.

SmugMug 8

8. Su incrustación de SmugMug no aparecerá en su editor. Una vez que lo haya incrustado, recibirá un mensaje que dice «El contenido incrustado de smugmug.com no se puede obtener una vista previa en el editor».

SmugMug 9

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 de su Editor de bloques de WordPress.

SmugMug 10

Configuración y opciones del bloque de inserción de SmugMug

Cuando se trata de editar su incrustación de SmugMug, WordPress ofrece muchas opciones. Tómese el tiempo para explorar las herramientas de edición para ver qué funciona mejor para su imagen. No tenga miedo de jugar con la configuración hasta que esté satisfecho con lo que ve.

SmugMug 17

Echemos un vistazo a la barra de herramientas en la esquina superior izquierda de su bloque en el editor de bloques de WordPress. Desplácese sobre cada botón para revisar sus opciones para editar la apariencia de su imagen en su publicación de blog o sitio de WordPress. Desde aquí puedes:

  • Cambia el tipo o estilo de tu bloque
  • Arrastra tu panel de inserción a cualquier lugar de la publicación.
  • Arrastre el SmugMug incrustado hacia arriba o hacia abajo un espacio
  • Cambiar la orientación de la foto
  • Edita tu URL de SmugMug
  • Elija opciones adicionales

Herramienta para transformar bloques

Para cambiar el tipo de bloque, haga clic en el botón Transformar en el extremo izquierdo de la barra de herramientas Incrustación de bloques. Puede convertir el bloque del tipo de párrafo estándar a un diseño de columna, grupo o contenido premium (este es contenido pago solo para suscriptores).

SmugMug 11

Si desea poner un fondo de color en su bloque que actuará como un marco en su publicación o página, debe seleccionar la opción «Grupo». Una vez que lo haga, aparecerá una barra de herramientas de color en el lado derecho de la pantalla del Editor de bloques de WordPress.

SmugMug 18

Puede elegir un color personalizado que aparecerá alrededor del bloque de incrustación. La imagen que elegí de SmugMug tiene mucho verde, así que probemos un verde personalizado para ver cómo se ve.

SmugMug 19

Mientras esté en el backend de su blog o sitio web, seguirá viendo el cuadro de diálogo que le recuerda que la imagen de la taza engreída no se puede mostrar en el editor.

SmugMug 20

Para ver el marco de color alrededor de su imagen, haga clic en Vista previa. Luego, WordPress lo lleva a ver qué vería un usuario final en el sitio web.

SmugMug 21

Arrastre el panel de inserción de SmugMug

Si desea arrastrar su panel de inserción SmugMug alrededor de la publicación o página, deberá usar el botón de arrastre. Es el segundo botón de la izquierda en la barra de herramientas. Simplemente haga clic y mantenga presionado el bloque y arrástrelo a la ubicación deseada dentro de la publicación o la página misma. Cuando haya decidido dónde colocar el bloque, simplemente suelte el botón.

SmugMug 12

Mueva el bloque de incrustación hacia arriba o hacia abajo

Use el tercer botón de la izquierda en su barra de herramientas para mover el bloque hacia arriba o hacia abajo un espacio. Por ejemplo, si desea mover un bloque de párrafos debajo de la imagen, simplemente haga clic en el botón Subir para intercambiar áreas de bloque.

SmugMug 13

Ajuste la orientación de su bloque de inserción SmugMug

Para realinear su foto incrustada de SmugMug, haga clic en el botón Orientación. Sus opciones incluyen alinear su imagen a la derecha, al centro o a la izquierda. Alternativamente, puede configurar el bloque a ancho o ancho completo en su página o publicación.

SmugMug 14

Editar URL de SmugMug

¿Tiene problemas con su foto de SmugMug o quiere usar una foto diferente? Revise o edite la URL usando el botón Editar URL en su barra de herramientas. Es posible que deba navegar de regreso a SmugMug para obtener un nuevo enlace de imagen. Cuando haya editado la URL, haga clic en el botón azul Insertar para agregar la imagen nueva (o corregida) a su publicación o página.

SmugMug 15

Opciones de bloqueo y configuraciones de medios adicionales

Para ver sus otras opciones para editar el bloque de inserción de SmugMug, haga clic en Otro en el extremo derecho de la barra de herramientas. Verá un menú desplegable que contiene la configuración restante.

SmugMug 16

Desde aquí puede copiar, duplicar, mover o eliminar el bloque. Hay opciones para insertar nuevos bloques de inserción 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 puede volver más tarde.

En el extremo derecho de la página del editor de WordPress, verá una barra de herramientas de configuración de medios. Desde aquí puede elegir si desea reducir su imagen para pantallas más pequeñas.

SmugMug 16

Consejos y mejores prácticas para utilizar eficazmente el bloque de inserción SmugMug

Ahora que está listo para usar el bloque de inserción SmugMug para su sitio web de WordPress, hay algunas mejores prácticas que debe seguir. Solo mira:

  • Asegúrese de tener permiso para incrustar la imagen seleccionada. La imagen debe pertenecerle o tener una licencia para usted. Alternativamente, también puede ser una foto sin licencia o una imagen para la que haya obtenido permiso para usar (siempre dé al autor la mención apropiada).
  • Elija una imagen de alta calidad que se verá genial en su sitio web. Debe tener una alta resolución y no ser demasiado pequeño. Las imágenes pequeñas se ven pixeladas en su página o publicación.
  • Asegúrese de que la imagen coincida no solo con la estética de su marca, sino también con el mensaje y el tono de su marca. Los visitantes del sitio web notarán cuando una imagen está en marcado contraste con el resto de la estética de su marca.
  • No utilice imágenes con contenido ofensivo.

Preguntas frecuentes sobre el bloque de inserción SmugMug

¿Necesito mi propia cuenta SmugMug para compartir imágenes de la plataforma?

No, no necesita su propia cuenta a menos que desee compartir imágenes que sean suyas. De lo contrario, puede utilizar la URL para compartir de una imagen pública. Asegúrese de tener los permisos necesarios para compartir la imagen seleccionada.

¿Qué tipos de archivos se aceptan en SmugMug?

Hay varios aceptables Tipos de datos Puede cargarlo en una cuenta SmugMug estándar para incrustarlo. Estos incluyen JPEG, PNG, GIF y HEIC. Según el sitio de soporte de SmugMug, los archivos PNG y HEIC tienen algunas limitaciones.

¿Hay otras formas de compartir imágenes de SmugMug? No estoy usando el Editor de bloques de WordPress.

Además de la URL de la imagen, SmugMug puede generar múltiples variaciones de un código de inserción. Estos incluyen JPEG, HTML y BBCode. Cuando cree su código de inserción, SmugMug le pedirá que elija el tamaño de su imagen. Después de elegir todas las opciones, debería poder copiar y pegar el código de inserción.

diploma

Cuando se trata de incrustar imágenes relevantes en su sitio web, WordPress tiene algunas opciones excelentes, como el bloque de incrustación SmugMug. La capacidad de incrustar una imagen de SmugMug en su publicación de blog o sitio de WordPress es una excelente manera de mejorar la estética de su sitio web. Use imágenes que combinen bien con los colores y mensajes de su marca para darle un toque extra.

¿Está planeando utilizar la incorporación de SmugMug para su sitio web? Háznoslo saber en los comentarios.

Imagen seleccionada a través de vladwel / shutterstock.com

El cargo Cómo usar el bloque de inserción SmugMug de WordPress apareció primero Blog temático elegante.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *