{"id":45,"date":"2024-02-26T18:10:20","date_gmt":"2024-02-27T00:10:20","guid":{"rendered":"https:\/\/nicholasmjames.com\/?p=45"},"modified":"2024-02-26T19:07:00","modified_gmt":"2024-02-27T01:07:00","slug":"lightbox-in-2024","status":"publish","type":"post","link":"https:\/\/nicholasmjames.com\/index.php\/2024\/02\/26\/lightbox-in-2024\/","title":{"rendered":"Lightbox – in 2024"},"content":{"rendered":"\n

How do we use light box? <\/p>\n\n\n\n

Oh my, this is harder than it looks. Here is the link to the ‘Exploring WordPress 6.4. Just click on the image.<\/p>\n\n\n\n

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

So what does lightbox do? When an image is clicked on, they take over the full screen. Okay, is that all? I guess so.<\/p>\n\n\n\n

\n
\n
\n

Select the image, then on the block tab, near the bottom, there is an ‘expand on click’ slider. slide that to the right.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n
\n
\"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n

To set it globally, we have to make our way to the ‘site editor’.<\/p>\n\n\n\n

Not sure how they are getting there. We can get there from the Dashboard, then going to the Theme Editor.<\/p>\n\n\n\n

\"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

Open up the Style book<\/p>\n\n\n\n

\"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

We have to click on this small icon that looks like an eye<\/p>\n\n\n\n

\"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

Then scroll down to the ‘image’ and click on that.<\/p>\n\n\n\n

\"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

Hmm, then click on media, now we have the ‘expand on click’ slide bar.<\/p>\n\n\n\n

\"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n","protected":false},"excerpt":{"rendered":"

How do we use light box? Oh my, this is harder than it looks. Here is the link to the ‘Exploring WordPress 6.4. Just click on the image. So what does lightbox do? When an image is clicked on, they take over the full screen. Okay, is that all? I guess so. Select the image, […]<\/p>\n","protected":false},"author":2,"featured_media":71,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-45","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-learning-wordpress-6-4"],"_links":{"self":[{"href":"https:\/\/nicholasmjames.com\/index.php\/wp-json\/wp\/v2\/posts\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nicholasmjames.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nicholasmjames.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nicholasmjames.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nicholasmjames.com\/index.php\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":14,"href":"https:\/\/nicholasmjames.com\/index.php\/wp-json\/wp\/v2\/posts\/45\/revisions"}],"predecessor-version":[{"id":72,"href":"https:\/\/nicholasmjames.com\/index.php\/wp-json\/wp\/v2\/posts\/45\/revisions\/72"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nicholasmjames.com\/index.php\/wp-json\/wp\/v2\/media\/71"}],"wp:attachment":[{"href":"https:\/\/nicholasmjames.com\/index.php\/wp-json\/wp\/v2\/media?parent=45"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nicholasmjames.com\/index.php\/wp-json\/wp\/v2\/categories?post=45"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nicholasmjames.com\/index.php\/wp-json\/wp\/v2\/tags?post=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}