El editor de bloques de WordPress presenta múltiples herramientas de inserción que facilitan la incorporación de medios externos en su página de WordPress o publicación de blog. Para los usuarios que desean compartir su fotografía (o presentar el trabajo de otros fotógrafos , con permiso, por supuesto) en su sitio de WordPress, el bloque de inserción SmugMug es una herramienta fantástica. Es una forma sencilla de incrustar bellas imágenes directamente en su publicación de blog o página en WordPress.
¿Está interesado en aprender a incrustar sus imágenes de SmugMug en su sitio de WordPress? En este artículo, hablaremos sobre cómo obtener una fotografía de SmugMug para mostrarla en su página o publicación. Esta es una de las muchas herramientas de inserción disponibles para los usuarios de WordPress a través del Editor de bloques, y es excelente para agregar un poco de estilo a la estética de su sitio .
A medida que avanzamos en la publicación, compartiremos instrucciones paso a paso sobre cómo incorporar su SmugMug incrustado en su sitio. También aprenderá cómo modificar y ajustar la configuración del bloque dentro del 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.
Para comenzar con el bloque de inserción SmugMug, deberá abrir su panel de WordPress y comenzar una nueva publicación de blog o borrador de página. Una vez que tenga listo su nuevo borrador, diríjase a SmugMug e inicie sesión en su cuenta.
Si aún no ha agregado imágenes a su cuenta de SmugMug, tendrá 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 regalías de SmugMug para comenzar. En este caso, subí una de mis propias fotos.
Agregar el SmugMug Embed: paso a paso
>Cuando haya terminado, regrese al Editor de bloques y siga estos pasos:
1. Haga clic dentro de su Editor de bloques. Aparecerá un pequeño cuadro negro con un signo más 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 contenido. Si hace clic en «Examinar todo», podrá ver la lista completa. Algunas de las opciones visibles incluyen agregar un párrafo, grupo, imagen o columnas.
>3. Escriba el bloque de inserción específico que desea usar en la barra de búsqueda. En este caso, eso es «SmugMug». Una vez que haya encontrado el bloque que desea agregar, haga clic en él.
>4. Ahora, el bloque SmugMug aparecerá en el editor de WordPress. Notarás que hay un lugar para ingresar la URL de la imagen.
>5. Navegue a su cuenta de SmugMug para obtener la URL de la imagen que planea 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 Compartir, se le pedirá que copie la URL de la imagen. Haga clic en el botón Copiar enlace de foto.
>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.
>8. Tu SmugMug incrustado no aparecerá en tu editor. Una vez que lo haya incrustado, recibirá un mensaje que dice: «El contenido incrustado de smugmug.com no se puede previsualizar 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 de su Editor de bloques de WordPress.
>Configuración y opciones del bloque de incrustación de SmugMug
Cuando se trata de editar su inserción de SmugMug, WordPress ofrece muchas opciones. Tómese su 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.
>Miremos la barra de herramientas en la esquina superior izquierda de su bloque en el Editor de bloques de WordPress. Pase el mouse sobre cada botón para revisar sus opciones para editar la forma en que su imagen aparece en su publicación o página de blog de WordPress. Desde aquí, puedes:
- Cambia el tipo o estilo de tu bloque
- Arrastra y suelta tu bloque de inserción en cualquier parte de la publicación
- Mueva la inserción de SmugMug hacia arriba o hacia abajo un espacio
- Cambiar la alineación de la foto
- Edita tu URL de SmugMug
- Seleccionar opciones adicionales
Herramienta Transformar bloque
Para cambiar su tipo de bloque, haga clic en el botón Transformar en el extremo izquierdo de su barra de herramientas de bloque incrustado. Puede transformar el bloque del tipo de párrafo predeterminado a un diseño de columna, un grupo o contenido premium (este es contenido pago solo para suscriptores).
>Si desea colocar un fondo de color en su bloque, que actúa como un marco en su publicación o página, deberá seleccionar la opción Grupo. Una vez que haya hecho eso, verá que aparece una barra de herramientas de colores en el lado derecho de la pantalla del Editor de bloques de WordPress.
>Puede seleccionar un color personalizado, que aparecerá 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 la parte trasera de su blog o sitio web, seguirá viendo el cuadro de diálogo que le recuerda que la imagen de Smug Mug no se puede ver en el editor.
>Para ver el marco de color alrededor de su imagen, haga clic en Vista previa. Luego, WordPress lo llevará a ver qué vería un usuario final en el sitio web.
>Arrastre el bloque de inserción SmugMug
Si desea arrastrar su bloque de inserción SmugMug alrededor de la publicación o página, entonces 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 donde lo desee dentro de la publicación o página. Cuando haya decidido dónde quiere colocar el bloque, simplemente suelte el botón.
>Mover el bloque de incrustación hacia arriba o hacia abajo
Use el tercer botón desde la izquierda en su barra de herramientas para subir o bajar el bloque un espacio. Si desea mover un bloque de párrafo debajo de la imagen, por ejemplo, simplemente haga clic en el botón Mover hacia arriba para intercambiar espacios de bloque.
>Ajuste la alineación de su bloque de inserción de SmugMug
Para realinear su foto incrustada de SmugMug, haga clic en el botón Alineación. Sus opciones incluyen alinear su imagen a la derecha, al centro oa la izquierda. Alternativamente, puede configurar el bloque en ancho o ancho completo en su página o publicación.
>Editar URL de SmugMug
¿Tienes problemas con tu fotografía de SmugMug o quieres usar una diferente? Verifique o edite la URL con 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 Incrustar para incorporar la imagen nueva (o corregida) en su publicación o página.
>Opciones de bloqueo adicionales y configuración de medios
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 incluye la configuración restante.
>Desde aquí, podrá copiar, duplicar, mover o eliminar el bloque. Hay opciones para insertar nuevos bloques incrustados antes o después del que está usando 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 regresar más adelante.
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 permitir que su imagen se reduzca para pantallas más pequeñas.
>Consejos y mejores prácticas para usar el bloque de inserción SmugMug de manera efectiva
Ahora que está listo para usar el bloque de inserción SmugMug para su sitio web de WordPress, hay algunas mejores prácticas que deberá tener en cuenta. Echar un vistazo:
- Asegúrate de tener permiso para insertar la imagen que has elegido. La imagen debe pertenecerle a usted o debe tener una licencia para usted. Alternativamente, podría ser una fotografía libre de regalías o una imagen para la que haya obtenido permiso para usar (siempre dé el crédito adecuado al creador).
- Seleccione una imagen de alta calidad que se verá genial en su sitio. Debe ser de alta resolución y no debe tener un tamaño demasiado pequeño. Las imágenes pequeñas se verán pixeladas en tu página 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 del sitio notarán si una imagen tiene un contraste evidente con el resto de la estética de su marca.
- No uses imágenes que incluyan contenido ofensivo.
Preguntas frecuentes sobre el bloque de inserción SmugMug
No, no necesitas tu propia cuenta a menos que quieras compartir imágenes que te pertenezcan. De lo contrario, puede usar la URL compartida de una imagen pública. Asegúrese de tener los permisos adecuados para compartir la imagen que ha seleccionado.
¿Qué tipos de archivos se aceptan en SmugMug?
Hay una serie de tipos de archivos aceptables que puede cargar en una cuenta SmugMug estándar para incrustar. Estos incluyen JPEG, PNG, GIF y HEIC. Según el sitio de soporte de SmugMug, los archivos PNG y HEIC tienen algunas limitaciones.
Además de la URL de la imagen, SmugMug puede generar varias variaciones en un código de inserción. Estos incluyen JPEG, HTML y BBCode. Cuando cree su código de inserción, SmugMug le pedirá que seleccione el tamaño que desea que se muestre su imagen. Una vez que haya seleccionado todas sus opciones, debería poder copiar y pegar el código de inserción.
Conclusión
Cuando se trata de incorporar imágenes relevantes 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 su publicación o página de blog 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 darle un toque extra.
¿Está planeando usar la inserción SmugMug para su sitio? Háganos saber en los comentarios.
Imagen destacada a través de vladwel / shutterstock.com