{"id":141139,"date":"2021-05-21T02:18:46","date_gmt":"2021-05-21T02:18:46","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/masonry-gallery\/"},"modified":"2026-03-24T03:33:35","modified_gmt":"2026-03-24T03:33:35","slug":"block-for-masonry-gallery","status":"publish","type":"plugin","link":"https:\/\/bn.wordpress.org\/plugins\/block-for-masonry-gallery\/","author":12121308,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.7.0","stable_tag":"2.7.0","tested":"6.9.4","requires":"5.8","requires_php":"7.4.9","requires_plugins":null,"header_name":"CTC Masonry Gallery","header_author":"Ujwol Bastakoti","header_description":"Masonry Image Gallery for WordPress","assets_banners_color":"fbdbd8","last_updated":"2026-03-24 03:33:35","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/www.paypal.com\/donate\/?hosted_button_id=VUJCB99MC6R48","header_plugin_uri":"https:\/\/github.com\/ujw0l\/masonry-gallery","header_author_uri":"https:\/\/ujw0l.github.io\/","rating":5,"author_block_rating":5,"active_installs":1000,"downloads":14074,"num_ratings":3,"support_threads":0,"support_threads_resolved":0,"author_block_count":12,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"ujw0l","date":"2022-06-30 13:06:53"},"2.0.0":{"tag":"2.0.0","author":"ujw0l","date":"2023-04-30 07:07:40"},"2.5.0":{"tag":"2.5.0","author":"ujw0l","date":"2023-05-21 02:40:15"},"2.5.1":{"tag":"2.5.1","author":"ujw0l","date":"2023-06-23 03:03:50"},"2.6.0":{"tag":"2.6.0","author":"ujw0l","date":"2024-06-10 00:14:10"},"2.7.0":{"tag":"2.7.0","author":"ujw0l","date":"2026-03-24 03:33:35"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":3},"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":2541650,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":2535145,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":2535145,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{"blueprint.json":{"filename":"blueprint.json","revision":3489583,"resolution":false,"location":"assets","locale":"","contents":"{\"landingPage\":\"\\\/wp-admin\\\/plugins.php\",\"preferredVersions\":{\"php\":\"8.0\",\"wp\":\"latest\"},\"phpExtensionBundles\":[\"kitchen-sink\"],\"features\":{\"networking\":true},\"steps\":[{\"step\":\"installPlugin\",\"options\":{\"activate\":true},\"pluginData\":{\"resource\":\"wordpress.org\\\/plugins\",\"slug\":\"block-for-masonry-gallery\"}},{\"step\":\"login\",\"username\":\"admin\",\"password\":\"password\"}]}"}},"all_blocks":{"masonry-gallery\/ctc-gal-block":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":2,"name":"masonry-gallery\/ctc-gal-block","version":"2.5.0","title":"CTC Masonry Gallery ","category":"media","icon":"layout","description":"Create a Masonry Image gallery with Gutenberg block","example":{},"supports":{"html":false},"textdomain":"ctc-gal","editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css","style":"file:.\/style-index.css","viewScript":"file:\/frontend.js"}},"tagged_versions":["1.0.0","2.0.0","2.5.0","2.5.1","2.6.0","2.7.0"],"block_files":["\/tags\/2.7.0\/build\/index.js","\/tags\/2.7.0\/build\/index.css","\/tags\/2.7.0\/build\/style-index.css","\/tags\/2.7.0\/src\/index.js","\/tags\/2.7.0\/src\/index.css","\/tags\/2.7.0\/src\/style-index.css"],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3489583,"resolution":"1","location":"plugin"},"screenshot-4.jpg":{"filename":"screenshot-4.jpg","revision":3489583,"resolution":"4","location":"plugin"},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3489583,"resolution":"3","location":"plugin"}},"screenshots":{"1":"Gutenberg Block Interface \ud83d\uddbc\ufe0f","2":"Block Settings Panel \u2699\ufe0f","3":"Frontend Display Example \ud83c\udf1f","4":"Image Overlay View \ud83d\udd8c\ufe0f"},"jetpack_post_was_ever_published":false},"plugin_section":[172757],"plugin_tags":[1220,210,7800,6822,8773],"plugin_category":[50],"plugin_contributors":[83923],"plugin_business_model":[],"class_list":["post-141139","plugin","type-plugin","status-publish","hentry","plugin_section-block","plugin_tags-block","plugin_tags-gallery","plugin_tags-image-album","plugin_tags-masonry","plugin_tags-overlay","plugin_category-media","plugin_contributors-ujw0l","plugin_committers-ujw0l"],"banners":{"banner":"https:\/\/ps.w.org\/block-for-masonry-gallery\/assets\/banner-772x250.png?rev=2535145","banner_2x":"https:\/\/ps.w.org\/block-for-masonry-gallery\/assets\/banner-1544x500.png?rev=2535145","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/block-for-masonry-gallery\/assets\/icon-256x256.png?rev=2541650","icon_2x":"https:\/\/ps.w.org\/block-for-masonry-gallery\/assets\/icon-256x256.png?rev=2541650","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/block-for-masonry-gallery\/trunk\/screenshot-1.png?rev=3489583","caption":"Gutenberg Block Interface \ud83d\uddbc\ufe0f"},{"src":"https:\/\/ps.w.org\/block-for-masonry-gallery\/trunk\/screenshot-3.png?rev=3489583","caption":"Frontend Display Example \ud83c\udf1f"},{"src":"https:\/\/ps.w.org\/block-for-masonry-gallery\/trunk\/screenshot-4.jpg?rev=3489583","caption":"Image Overlay View \ud83d\udd8c\ufe0f"}],"raw_content":"<!--section=description-->\n<p>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.<\/p>\n\n<h3>Key Features:<\/h3>\n\n<ul>\n<li><strong>Masonry Layout \ud83d\udcf8:<\/strong> Create beautiful image galleries with a masonry grid.<\/li>\n<li><strong>Modal View \ud83d\udd0d:<\/strong> View images in a sleek modal window for a polished look.<\/li>\n<li><strong>Customization Options \u2728:<\/strong> Apply box shadow effects, zoom on hover, and display images in an overlay.<\/li>\n<li><strong>Flexible Settings \u2699\ufe0f:<\/strong> Adjust image size and gutter width with range controls in the block settings.<\/li>\n<\/ul>\n\n<h3>What's Next<\/h3>\n\n<p>Explore my other WordPress projects:<\/p>\n\n<ul>\n<li><p><a href=\"https:\/\/payhip.com\/b\/MtyGn\">CTC Gallery \ud83c\udfa8<\/a> - Four different types of Galleries in same plugin.<\/p><\/li>\n<li><p><a href=\"https:\/\/wordpress.org\/plugins\/ctc-lite\/\">CT Commerce Lite \ud83d\uded2<\/a> - A block-based eCommerce plugin.<\/p><\/li>\n<\/ul>\n\n<!--section=installation-->\n<p>To install and activate the CTC Gallery plugin, follow these steps:<\/p>\n\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/ctc-gallery<\/code> directory, or install the plugin through the WordPress plugins screen directly.<\/li>\n<li>Activate the plugin through the 'Plugins' screen in WordPress.<\/li>\n<li>Go to the Post screen and look for the Masonry Gallery block in the Gutenberg section.<\/li>\n<li>Add the block to your post or page.<\/li>\n<li>Customize the image size and gutter width using the range control in the block settings.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"q%3A%20how%20do%20i%20adjust%20the%20gutter%20width%20between%20images%3F\"><h3>Q: How do I adjust the gutter width between images?<\/h3><\/dt>\n<dd><p>A: You can adjust the gutter width in the block settings under the Gutenberg editor.<\/p><\/dd>\n<dt id=\"q%3A%20can%20i%20customize%20the%20modal%20view%3F\"><h3>Q: Can I customize the modal view?<\/h3><\/dt>\n<dd><p>A: Yes, you can customize the modal view by configuring the settings in the block options.<\/p><\/dd>\n<dt id=\"q%3A%20where%20can%20i%20get%20support%3F\"><h3>Q: Where can I get support?<\/h3><\/dt>\n<dd><p>A: For support or to report issues, please visit the <a href=\"https:\/\/wordpress.org\/support\/plugin\/ctc-gallery\">Support Forum<\/a>.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h3>2.7.0<\/h3>\n\n<ul>\n<li>Enhanced gallery display on image load \ud83d\udce5<\/li>\n<\/ul>\n\n<h3>2.6.0<\/h3>\n\n<ul>\n<li>Added image box shadow background effect \ud83d\udd8d\ufe0f<\/li>\n<li>Added optional image enlargement on hover \ud83d\udd0d<\/li>\n<li>Added optional display of images in overlay \ud83d\uddbc\ufe0f<\/li>\n<\/ul>\n\n<h3>2.5.1<\/h3>\n\n<ul>\n<li>Minor bug fixes \ud83d\udc1e<\/li>\n<\/ul>\n\n<h3>2.5.0<\/h3>\n\n<ul>\n<li>Added JSX support for development \ud83d\udee0\ufe0f<\/li>\n<li>Minified version of JavaScript included \u26a1<\/li>\n<\/ul>\n\n<h3>2.0.0<\/h3>\n\n<ul>\n<li>Introduced CTC Overlay viewer \ud83c\udfa5<\/li>\n<li>Added gutter width adjustment option \ud83d\udccf<\/li>\n<\/ul>\n\n<h3>1.0.0<\/h3>\n\n<ul>\n<li>Initial stable release \ud83d\ude80<\/li>\n<\/ul>","raw_excerpt":"CTC Gallery is a versatile WordPress plugin that lets you create stunning Masonry image galleries using the Gutenberg Block editor.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/bn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/141139","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/bn.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/bn.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=141139"}],"author":[{"embeddable":true,"href":"https:\/\/bn.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/ujw0l"}],"wp:attachment":[{"href":"https:\/\/bn.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=141139"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/bn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=141139"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/bn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=141139"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/bn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=141139"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/bn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=141139"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/bn.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=141139"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}