https://github.com/ujw0l/masonry-gallery
WordPress Masonry gallery, create gallery with gutenberg block
https://github.com/ujw0l/masonry-gallery
gallery gutenberg-blocks masonry wordpress-plugin
Last synced: 4 months ago
JSON representation
WordPress Masonry gallery, create gallery with gutenberg block
- Host: GitHub
- URL: https://github.com/ujw0l/masonry-gallery
- Owner: ujw0l
- Created: 2021-05-13T11:44:43.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2025-04-24T02:10:33.000Z (6 months ago)
- Last Synced: 2025-04-24T03:23:07.659Z (6 months ago)
- Topics: gallery, gutenberg-blocks, masonry, wordpress-plugin
- Language: JavaScript
- Homepage: https://wordpress.org/plugins/block-for-masonry-gallery
- Size: 8.09 MB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: readme.txt
Awesome Lists containing this project
README
# CTC Masonry Gallery 🎨
**Contributors:** UjW0L
**Donate link:** https://www.paypal.com/donate/?hosted_button_id=VUJCB99MC6R48
**Tags:** block, gallery, masonry, overlay, image-album
**Requires at least:** 5.7.2
**Tested up to:** 6.7
**Requires PHP:** 7.4.9
**Stable tag:** 2.7.0
**License:** GPL V2
## Description
CTC Gallery is a versatile WordPress plugin that lets you create stunning Masonry image galleries using the Gutenberg Block editor. Showcase your images in a dynamic grid layout and enhance their presentation with customizable options.
### Key Features:
- **Masonry Layout 📸:** Create beautiful image galleries with a masonry grid.
- **Modal View 🔍:** View images in a sleek modal window for a polished look.
- **Customization Options ✨:** Apply box shadow effects, zoom on hover, and display images in an overlay.
- **Flexible Settings ⚙️:** Adjust image size and gutter width with range controls in the block settings.
### What's Next
Explore my other WordPress projects:
- [PicTweak 📸](https://payhip.com/b/wVhLj) - Capture, edit, and upload stunning photos with ease with webcam, all within WordPress.”
- [CTC Gallery 🎨](https://payhip.com/b/MtyGn) - Four different types of Galleries in same plugin.
- [Carousel Block 🎠](https://payhip.com/b/TEt7Z) - Create an image carousel with a block.
- [CT Commerce Lite 🛒](https://wordpress.org/plugins/ctc-lite/) - A block-based eCommerce plugin.
## Installation
To install and activate the CTC Gallery plugin, follow these steps:
1. Upload the plugin files to the `/wp-content/plugins/ctc-gallery` directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the 'Plugins' screen in WordPress.
3. Go to the Post screen and look for the Masonry Gallery block in the Gutenberg section.
4. Add the block to your post or page.
5. Customize the image size and gutter width using the range control in the block settings.
## Screenshots
1. Gutenberg Block Interface 🖼️
2. Block Settings Panel ⚙️
3. Frontend Display Example 🌟
4. Image Overlay View 🖌️
## Changelog
### 2.7.0
- Enhanced gallery display on image load 📥
### 2.6.0
- Added image box shadow background effect 🖍️
- Added optional image enlargement on hover 🔍
- Added optional display of images in overlay 🖼️
### 2.5.1
- Minor bug fixes 🐞
### 2.5.0
- Added JSX support for development 🛠️
- Minified version of JavaScript included ⚡
### 2.0.0
- Introduced CTC Overlay viewer 🎥
- Added gutter width adjustment option 📏
### 1.0.0
- Initial stable release 🚀
## Frequently Asked Questions
**Q: How do I adjust the gutter width between images?**
A: You can adjust the gutter width in the block settings under the Gutenberg editor.
**Q: Can I customize the modal view?**
A: Yes, you can customize the modal view by configuring the settings in the block options.
**Q: Where can I get support?**
A: For support or to report issues, please visit the [Support Forum](https://wordpress.org/support/plugin/ctc-gallery).