Home
WordPress Plugins
Gallery PhotoBlocks free WordPress plugin

Gallery PhotoBlocks free WordPress plugin

Name: Gallery PhotoBlocks free WordPress plugin Wordpress Plugin
Rating: 5 (5 reviews)
Author: WPChill

Description

This is an image and photo gallery plugin perfect to make galleries with justified edges!
You can zoom the images thanks to a fast lightbox. Add special effects to your grid gallery.
Use our builder to create justified galleries.

Drag and drop functionality

</span></p> <h2>Handy builder</h2> <p><strong>PhotoBlocks Grid Builder</strong> is the stellar feature that makes PhotoBlocks special and different from other galleries.<br/> With this tool you can design the layout of your gallery simply by dragging the images. You can make a gallery<br/> with images spanning on more columns or rows.</p> <h2>Features</h2> <ul> <li>Drag and drop builder to design custom layouts</li> <li>Pixel perfect justified gallery</li> <li>Lightbox to zoom photos</li> <li>Special effects on mouse hover</li> <li>Loading special effects</li> <li>Social sharing</li> <li>Captions with title and description</li> <li>Caption positioning</li> <li>Responsive and mobile ready</li> <li>SEO friendly</li> <li>Open videos on image click</li> <li>Open pages on image click</li> <li>Fast loading gallery</li> <li>Full width galleries</li> <li>Shuffle images</li> <li>Jetpack’s Photon compatibility for high speed</li> <li>Post galleries (<em>premium feature</em>)</li> <li>CDN support for even faster image loading (<em>premium feature</em>)</li> <li>Text blocks (<em>premium feature</em>)</li> <li>Filters/Categories (<em>premium feature</em>)</li> <li>Additional hover effects (<em>premium feature</em>)</li> <li>Additional loading effects (<em>premium feature</em>)</li> <li>Additional captions layouts (<em>premium feature</em>)</li> <li>Handle shortcodes inside blocks (<em>premium feature</em>)</li> </ul> <h2>Uses</h2> <ul> <li>wedding album photo gallery</li> <li>designer portfolio photo gallery</li> <li>photography portfolio photo gallery</li> <li>products showcase photo gallery</li> </ul></div> </p> </div> <h3 class="font-semibold text-4xl">Tags:</h3> <ul class="flex gap-x-2 pb-4 border-b-4 border-gray-400"> <li> <a href="https://oxtheme.com/plugins-search/?q=best gallery plugin" class="text-xs"> best gallery plugin </a> </li> <li> <a href="https://oxtheme.com/plugins-search/?q=free gallery" class="text-xs"> free gallery </a> </li> <li> <a href="https://oxtheme.com/plugins-search/?q=gallery" class="text-xs"> gallery </a> </li> <li> <a href="https://oxtheme.com/plugins-search/?q=Gallery Plugin" class="text-xs"> Gallery Plugin </a> </li> <li> <a href="https://oxtheme.com/plugins-search/?q=grid gallery" class="text-xs"> grid gallery </a> </li> </ul> <div class="flex flex-col md:flex-row gap-4 justify-between pb-4 border-b-4 border-gray-400"> <div class="flex flex-col"> <h2 class="mb-3 font-semibold text-4xl">Author</h2> <p class="mb-4 font-semibold text-sm w-48 word-break-all text-teal-600"> <a href="https://oxtheme.com/plugins-search/?q=WPChill"> WPChill </a> </p> </div> <div class="flex flex-col"> <h2 class="mb-2 font-bold text-4xl">Plugins Used on</h2> <p class="text-sm mb-4 font-semibold text-teal-600 w-48 word-break-all"> 1030 websites </p> </div> </div> <div class="flex flex-col md:flex-row gap-4 justify-between pb-4 border-b-4 border-gray-400"> <div class="flex flex-col"> <h2 class="mb-2 font-bold text-4xl">Plugins Folder</h2> <p class="text-sm mb-4 font-semibold text-teal-600 w-48 word-break-all"> photoblocks-grid-gallery </p> </div> <div class="flex flex-col"> <h2 class="mb-2 font-bold text-4xl">Plugins Pricing</h2> <p class="text-sm mb-4 font-semibold text-teal-600 w-48 word-break-all"> Free Plugin </p> </div> </div> <ul class="grid grid-cols-5 md:grid-cols-5 gap-4"> <li> <a rel="noreferrer noopener nofollow" href="https://be.elementor.com/visit/?bta=64676&nci=5626" target="_blank"> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/elementor200x200.png" border="0" width="250" height="250" /> </a> </li> <li> <a rel="noreferrer noopener nofollow" href="https://crocoblock.com/?ref=10375" target="_blank"> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/Crocoblock-280X280-dark.jpg" border="0" width="250" height="250" /> </a> </li> <li> <a target="_blank" rel="noreferrer noopener nofollow" href="https://shareasale.com/r.cfm?b=2344585&u=94913&m=41388&urllink=&afftrack="> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/250x250WPEBanner-replacing1144536.png" border="0" alt=""/> </a> </li> <li> <a rel="noreferrer noopener nofollow" href="https://digitalocean.pxf.io/c/3546921/1373777/15890" target="_blank" id="1373777"> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/15890-1373777.jpg" border="0" alt="" width="300" height="250"/></a> <img height="0" width="0" src="https://imp.pxf.io/i/3546921/1373777/15890" style="position:absolute;visibility:hidden;" border="0"/> </li> <li> <a target="_blank" rel="noreferrer noopener nofollow" href="https://shareasale.com/r.cfm?b=1836136&u=94913&m=46483&urllink=&afftrack="> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/2021_DP_compromo_ad_250x250.png" border="0" alt=""/> </a> </li> <li> <a target="_blank" rel="noreferrer noopener nofollow" href="https://shareasale.com/r.cfm?b=1898312&u=94913&m=37723&urllink=&afftrack="> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/SquareOnline_SOS_Wave2_336x280_Blue.gif" border="0" alt="SimilarWeb Keyword Research Tool" /> </a> </li> <li> <a target="_blank" rel="noreferrer noopener nofollow" href="https://shareasale.com/r.cfm?b=1866994&u=94913&m=82629&urllink=&afftrack="> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/02_ScalaHosting_banner_v6_2_250x250.png" border="0" alt="SimilarWeb Keyword Research Tool" /> </a> </li> <li> <a rel="noreferrer noopener nofollow" href="https://partners.hostgator.com/c/3546921/215609/3094" target="_top" id="215609"> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/3094-215609.png" border="0" alt="" width="250" height="250"/> </a> <img height="0" width="0" src="https://partners.hostgator.com/i/3546921/215609/3094" style="position:absolute;visibility:hidden;" border="0"/> </li> <li> <a rel="noreferrer noopener nofollow" href="https://bluehost.sjv.io/c/3546921/1465797/11352" target="_top" id="1465797"> <img class="h-auto max-w-full rounded-lg" src="https://img.oxtheme.com/11352-1465797.jpg" border="0" alt="" width="250" height="250"/> </a> <img height="0" width="0" src="https://imp.pxf.io/i/3546921/1465797/11352" style="position:absolute;visibility:hidden;" border="0" /> </li> </ul> </div>  <div class="flex items-center justify-center p-4"> <a href="https://1.envato.market/c/3546921/522999/4415" target="_top" id="522999"> <img src="https://img.oxtheme.com/affiliate/4415-522999.png" alt="" width="970" height="90"/> </a> <img height="0" width="0" src="https://1.envato.market/i/3546921/522999/4415" style="position:absolute;visibility:hidden;" border="0"/> </div> <footer class="footer p-10 bg-base-200 text-base-content"> <nav> <header class="footer-title">Resources</header> <a class="link link-hover" href="https://oxtheme.com/creator/" rel="noreferrer nofollow">Theme Creator</a> <a class="link link-hover" href="https://oxtheme.com/blog/" rel="noreferrer nofollow">Blog</a> <a class="link link-hover" href="https://oxtheme.com/user/favourites/" rel="noreferrer nofollow">Favourites</a> </nav> <nav> <header class="footer-title">Free Tool</header> <a class="link link-hover" href="https://oxtheme.com/wordpress-theme-detector/" rel="noreferrer nofollow">WordPress Theme Detector</a> </nav> <nav> <header class="footer-title">Directory</header> <a class="link link-hover" href="https://oxtheme.com/plugins/">WordPress Plugins</a> <a class="link link-hover" href="https://oxtheme.com/premium-themes/">WordPress Premium themes</a> <a class="link link-hover" href="https://oxtheme.com/premium-tag/">WordPress Theme Tags</a> <a class="link link-hover" href="https://oxtheme.com/collections/">WordPress Theme Collections</a> </nav> <nav> <header class="footer-title">Abouts</header> <a class="link link-hover" href="https://oxtheme.com/privacy/" rel="noreferrer nofollow">Privacy Policy</a> <a class="link link-hover" href="https://oxtheme.com/sitemaps.xml">Sitemaps</a> </nav> </footer> <footer class="footer skeleton px-10 py-4 border-t bg-base-200 text-base-content border-base-300"> <aside class="items-center grid-flow-col"> <p id="copyright">Copyright © <span id="currentYear">2024</span> - All right reserved.</p> </aside> <nav class="md:place-self-center md:justify-self-end"> <div class="grid grid-flow-col gap-4"> <a href="https://twitter.com/rockking92" target="_blank" rel="nofollow"> <svg width="24" height="24" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="black" /> </svg> </a> </div> </nav> </footer>  <button id="back-to-top" class="hidden fixed bottom-64 right-2 p-3 rounded-full bg-black text-white shadow-lg hover:bg-gray-900 focus:outline-none"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"></path> </svg> </button> </body> <script src="/static/js/jquery.js"></script> <script> document.getElementById("menu-button").addEventListener("click", function () { let menuLinks = document.getElementById("menu-links"); if (menuLinks.style.display === "none" || menuLinks.style.display === "") { menuLinks.style.display = "block"; } else { menuLinks.style.display = "none"; } }); const ob = new IntersectionObserver((entries) => { for (const entry of entries) { if (entry.intersectionRatio) { const img = entry.target img.src = img.dataset.src ob.unobserve(img) } } }, { threshold: 0 }) const imgs = document.querySelectorAll('img[data-src]') imgs.forEach((imgEle) => { ob.observe(imgEle) }) // Wait for the DOM to be ready document.addEventListener('DOMContentLoaded', function () { window.addEventListener('load', function () { document.getElementById('loadingSpinner').classList.add('hidden'); }); }); if (document.domain !== 'oxtheme.com' && document.domain !== 'www.oxtheme.com') { window.location.href = 'https://oxtheme.com'; } // year document.getElementById("currentYear").textContent = new Date().getFullYear(); document.addEventListener('DOMContentLoaded', function () { let dropdownButton = document.getElementById('dropdownButton'); let dropdown = document.getElementById('dropdown'); dropdownButton.addEventListener('click', function () { if (dropdown.classList.contains('hidden')) { dropdown.classList.remove('hidden'); } else { dropdown.classList.add('hidden'); } }); window.addEventListener('click', function (e) { if (!dropdown.contains(e.target) && !dropdownButton.contains(e.target)) { dropdown.classList.add('hidden'); } }); }); // 控制按钮显示与隐藏的变量 let button = document.getElementById('back-to-top'); // 滚动时显示按钮 window.addEventListener('scroll', function() { if (window.scrollY > 300) { button.classList.remove('hidden'); } else { button.classList.add('hidden'); } }); // 回到顶部隐藏按钮 button.addEventListener('click', function() { window.scrollTo({ top: 0, behavior: 'smooth' }); button.classList.add('hidden'); }); </script> <style> .word-break-all { word-break: break-all; } </style> <style> #loadingSpinner { display: none; } @media (min-width: 1024px) { #menu-links { display: flex !important; } } @media (max-width: 1024px) { #menu-links { display: none; } } /* 基础样式 */ #dropdown { width: 320px; } /* 当屏幕宽度大于1024px时 */ @media (min-width: 1024px) { #dropdown { width: 750px; /* 全宽 */ } } </style> </html>