Photo Block

Descripción

Photo Block empowers your WordPress site with a versatile, fully-featured photo block that goes beyond the basics. Easily customize your photos with advanced layout options, responsive design, eye-catching caption overlays, and global styles. Whether you’re a blogger, photographer, or website designer, Photo Block provides the tools to create stunning image displays with minimal effort.

  1. Responsive Styling: Customize image sizes, padding, margins, border, and style settings for different screen sizes—ensuring your photos look perfect on any device.
  2. Advanced Caption Control: A fully featured caption block is included, allowing you to position and overlay captions to match your photo style.
  3. Smart Cropping: Crop your images to any aspect ratio you desire with the built-in image cropping tool.
  4. Flexible Image Sources: Upload, link via URL, or choose from your media library. Photo Block supports multiple image sources for maximum convenience.
  5. Global Styles: Save your design settings and easily apply them to other photo blocks, which allows you to maintain a consistent look across your site. With global styles, you can add the block, upload the photo, and apply advanced customization in just 4 clicks.
  6. Query Loop Support: Seamlessly integrate Photo Block into a Query Loop block as a featured image for dynamic content.

Quick Links:

Development:

Development happens on GitHub. Check out the GitHub code repository for Photo Block.

To assist or help this plugin financially, please consider a GitHub sponsorship.

Libraries and Credits

  1. Filepond – React Image uploader.
  2. CSSgram – CSS Image Effects.
  3. Lucide – React Icon Library.
  4. React Image Crop – React Image Cropper.
  5. React Hook Form – React Forms.
  6. Fancybox – Lightbox Library.

Capturas

  • Adding a photo with Photo Block is easy in the block editor.
  • Crop, replace, and adjust the accessibility options for your photo.
  • Select a global style, adjust the images’s title and alt attributes, sand select the image size.
  • Adjust the image’s background color, opacity, blur, and drop shadow.
  • Select form 26 different CSS styles using CSS Gram.
  • Adjust the padding, margin, and border of the photo.
  • Set sizing for the photo, and set the object fit (if desired).
  • Set the caption overlay’s positio, and enable an overlay on hover.
  • Set the overlay type to None, Solid, Gradient, or Image.
  • Set the caption’s typography, background color, and text color.
  • Set the caption’s padding, margin, and border.
  • Set the caption’s sizing using available block options.
  • Global Styles panel, which allows you to save and edit global styles.
  • Save or overwrite a global style using the Global Styles modal.

Bloques

Este plugin proporciona 2 bloques.

  • Photo Block An easy-to-use and comprehensive image block.
  • Caption Block A caption for a photo block.

Instalación

  1. Search for “Photo Block” on the Add Plugins screen in WordPress.
  2. Install and activate the plugin from your admin dashboard.
  3. Once activated, use the block in any page or post by adding “Photo Block” from the block selector.

In-depth Documentation – Please check out our thorough documentation ❤️️

FAQ

How does this block differs from the core image block?

Photo Block offers more advanced customization options like responsive layouts, a fully-featurd caption, caption overlays, and the ability to reuse styles across multiple blocks using global styles. It’s built for power users who want more control over their image presentation.

Does this work with data?

Photo Block works within the Query Loop block as a featured image.

As of release, it is compatible with:

  • Core Query Block
  • GenerateBlocks Query Loop
  • Kadence Query Loop

If you have a specific block suite query loop you’d like to see Photo Block integrated with, please let us know!

Does this work with the Classic Editor?

No, this plugin is specificalliy built for the block editor.

Does it work on mobile devices?

You can set different styles for different device breakpoints.

How can I get help?

Please leave a detailed note on our support page.

Are you planning on integrating with other services?

Yes, we are planning on integrating with other services in the future depending on this block’s popularity and usage.

Are you planning on adding any premium features?

Yes, we are planning on adding premium features in the future depending on this block’s popularity and usage. The goal at this time is to keep the plugin free, open-source, and address any bugs or feature requests that come up.

I have a feature request.

Please leave a detailed note on our support page.

Reseñas

No hay reseñas para este plugin.

Colaboradores y desarrolladores

«Photo Block» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

Traduce «Photo Block» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

1.0.1

  • Released 2024-11-03
  • Ensuring compatibility with WP 6.7.

1.0.0

  • Initial release.