{"id":329,"date":"2024-06-26T17:17:00","date_gmt":"2024-06-26T17:17:00","guid":{"rendered":"https:\/\/hootdemos.wphoot.com\/olius\/?p=329"},"modified":"2024-06-26T17:17:00","modified_gmt":"2024-06-26T17:17:00","slug":"images-cover-mediatext-galleries-with-lightbox","status":"publish","type":"post","link":"https:\/\/www.monolok.net\/?p=329","title":{"rendered":"Images, Cover, MediaText & Galleries (with Lightbox)"},"content":{"rendered":"\n

Simple Images (links to original images)<\/h3>\n\n\n\n

These are simple images with default filters and caption options. They can optionally link to their individual image attachment pages. You can also customize the captions to add more context or information about each image. Images are automatically responsive, ensuring they look great on any device.<\/p>\n\n\n\n

Click this link to see Image Alignment<\/a> in action.<\/p>\n\n\n\n

\n
\n
\"\"<\/a>
Image with WP’s Duotone filter<\/strong> applied to it!<\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n
\n
\"\"
Portrait Crop (Cover)<\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n
\n
\"\"
A Rounded Image<\/figcaption><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n

You can even have them open in a lightbox by default (available in Premium Feature)<\/strong> like this one:
(oh, in case you didn’t notice, we aligned the image to ‘Full Width<\/strong>‘ just so that it looks pretty!)<\/em><\/p>\n\n\n\n

\"\"<\/a>
Clicking me will open the image in a Lightbox by default (available in Premium) by default<\/figcaption><\/figure>\n\n\n\n
<\/div>\n\n\n\n

Galleries with Lightbox (available in Premium)<\/h3>\n\n\n\n

Galleries are a great way to display collections of images in a clean and engaging format. They can showcase anything from photography to product displays. Below are some examples of galleries that demonstrate how images can be beautifully organized and presented. Take a look and see how galleries can enhance your visual storytelling.<\/p>\n\n\n\n

Clicking on the image opens it in a lightbox by default (Premium Feature)<\/strong><\/p>\n\n\n\n

\n
\"\"<\/a>
This image has a Caption<\/figcaption><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n<\/figure>\n\n\n\n

Or maybe a smoother group of circular images.
Circular galleries add a modern and creative touch, making your images stand out. They\u2019re perfect for showcasing profile photos, team members, or anything that benefits from a unique shape. Circular image galleries also help break away from traditional layouts, adding variety to your design. With the right spacing and alignment, they create a clean, minimalist look that draws attention to each individual image.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n<\/figure>\n\n\n\n
<\/div>\n\n\n\n

Links can open in Lightbox as well!<\/h3>\n\n\n\n

Finally, you can also have image links open in a lightbox (available in Premium)<\/strong> like a link to this image<\/a>. Whats more, you can also open Youtube and Vimeo videos like a link to this Youtube Video<\/a><\/p>\n\n\n\n

<\/div>\n\n\n\n

Cover<\/h3>\n\n\n\n

A Cover block is a highly versatile block which can be used to create interesting layouts and patterns. It highlights certain sections of your content and calls attention to important Call to Action buttons. The possibilities are endless.<\/p>\n\n\n\n

<\/div><\/span>
\n
\n
\n

A Business Cover<\/h2>\n\n\n\n

HOW IT ALL COOKS TOGETHER!
Location: A3\/413, Lexington Avenue<\/p>\n<\/div>\n\n\n\n

\n

Lorem ipsum dolor sit amet consectetur adipiscing elit, aliquam elementum massa rhoncus dis euismod, volutpat dignissim nascetur sed gravida quis.<\/p>\n\n\n\n

\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n\n\n\n
\"\"<\/a><\/figure>\n<\/figure>\n\n\n\n

Fames et luctus neque nisi erat phasellus laoreet, nisl interdum sollicitudin penatibus sodales quam. In a tristique nascetur per tempus porttitor felis massa, sed tortor lectus blandit leo cras risus scelerisque, ligula sem netus.<\/p>\n\n\n\n

\n
Get In Touch<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"

Simple Images (links to original images) These are simple images with default filters and caption options. They can optionally link to their individual image attachment pages. You can also customize the captions to add more context or information about each image. Images are automatically responsive, ensuring they look great on any device. Click this link […]<\/p>\n","protected":false},"author":1,"featured_media":1798,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_seo_schema_type":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[87,88],"class_list":["post-329","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-1","tag-ipsum","tag-lorem"],"jetpack_likes_enabled":true,"jetpack-related-posts":[{"id":83,"url":"https:\/\/www.monolok.net\/?p=83","url_meta":{"origin":329,"position":0},"title":"Image Alignment","author":"\u09ae\u09a8\u09cb\u09b2\u09cb\u0995","date":"\u099c\u09c1\u09a8 26, 2024","format":false,"excerpt":"Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let's get started. The image above happens to be\u00a0centered. Image Caption The rest of this paragraph is\u2026","rel":"","context":"In "\u09b6\u09c0\u09b0\u09cd\u09b7 \u0996\u09ac\u09b0"","block_context":{"text":"\u09b6\u09c0\u09b0\u09cd\u09b7 \u0996\u09ac\u09b0","link":"https:\/\/www.monolok.net\/?cat=1"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.monolok.net\/wp-content\/uploads\/2025\/06\/image-05.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.monolok.net\/wp-content\/uploads\/2025\/06\/image-05.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.monolok.net\/wp-content\/uploads\/2025\/06\/image-05.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.monolok.net\/wp-content\/uploads\/2025\/06\/image-05.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/www.monolok.net\/wp-content\/uploads\/2025\/06\/image-05.jpg?resize=1050%2C600&ssl=1 3x"},"classes":[]},{"id":79,"url":"https:\/\/www.monolok.net\/?p=79","url_meta":{"origin":329,"position":1},"title":"Media Embeds & Demo Patterns","author":"\u09ae\u09a8\u09cb\u09b2\u09cb\u0995","date":"\u099c\u09c1\u09a8 26, 2024","format":false,"excerpt":"Media Embeds X (Twitter) post Embed your X (twitter) posts directly into your WordPress Posts simply by adding the status link. View Instructions https:\/\/twitter.com\/nacin\/status\/319508408669708289 https:\/\/www.youtube.com\/watch?v=FcTLMTyD2DU Youtube, Vimeo, Facebook Embed various videos into your WordPress Posts simply by pasting the video link View Instructions Self Hosted Video Upload your own videos\u2026","rel":"","context":"In "\u09b6\u09c0\u09b0\u09cd\u09b7 \u0996\u09ac\u09b0"","block_context":{"text":"\u09b6\u09c0\u09b0\u09cd\u09b7 \u0996\u09ac\u09b0","link":"https:\/\/www.monolok.net\/?cat=1"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.monolok.net\/wp-content\/uploads\/2025\/06\/image-02.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.monolok.net\/wp-content\/uploads\/2025\/06\/image-02.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.monolok.net\/wp-content\/uploads\/2025\/06\/image-02.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.monolok.net\/wp-content\/uploads\/2025\/06\/image-02.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/www.monolok.net\/wp-content\/uploads\/2025\/06\/image-02.jpg?resize=1050%2C600&ssl=1 3x"},"classes":[]},{"id":81,"url":"https:\/\/www.monolok.net\/?p=81","url_meta":{"origin":329,"position":2},"title":"Markup: Tags, Text Blocks and Formatting","author":"\u09ae\u09a8\u09cb\u09b2\u09cb\u0995","date":"\u099c\u09c1\u09a8 26, 2024","format":false,"excerpt":"Header one Header two Header three Header four Header five Header six Heading three - Small Size Heading three - Medium Size Heading three - Large Size Heading three - Extra Large Size Default Text Align - Left Align This is a paragraph. It is left aligned. Because of this,\u2026","rel":"","context":"In "\u09b6\u09c0\u09b0\u09cd\u09b7 \u0996\u09ac\u09b0"","block_context":{"text":"\u09b6\u09c0\u09b0\u09cd\u09b7 \u0996\u09ac\u09b0","link":"https:\/\/www.monolok.net\/?cat=1"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/www.monolok.net\/wp-content\/uploads\/2025\/06\/image-03.jpg?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/www.monolok.net\/wp-content\/uploads\/2025\/06\/image-03.jpg?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/www.monolok.net\/wp-content\/uploads\/2025\/06\/image-03.jpg?resize=525%2C300&ssl=1 1.5x, https:\/\/i0.wp.com\/www.monolok.net\/wp-content\/uploads\/2025\/06\/image-03.jpg?resize=700%2C400&ssl=1 2x, https:\/\/i0.wp.com\/www.monolok.net\/wp-content\/uploads\/2025\/06\/image-03.jpg?resize=1050%2C600&ssl=1 3x"},"classes":[]}],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pdWxbA-5j","jetpack_featured_media_url":"https:\/\/www.monolok.net\/wp-content\/uploads\/2019\/05\/image-i6.jpg","_links":{"self":[{"href":"https:\/\/www.monolok.net\/index.php?rest_route=\/wp\/v2\/posts\/329","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.monolok.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.monolok.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.monolok.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.monolok.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=329"}],"version-history":[{"count":0,"href":"https:\/\/www.monolok.net\/index.php?rest_route=\/wp\/v2\/posts\/329\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.monolok.net\/index.php?rest_route=\/wp\/v2\/media\/1798"}],"wp:attachment":[{"href":"https:\/\/www.monolok.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=329"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.monolok.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=329"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.monolok.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}