How to get the image links from Gutenberg block gallery and add them as html data attributes to a bu-CodePudding

The

CodePudding user response：

"it does not work, $ids is empty."

That block is one of the default wordpress blocks, aka "core blocks". In order to have access to its data you would need to use parse_blocks function not get_post_gallery. That's why your variable is empty.

So the overall workflow to get what you're looking for would be:

Check whether your post has any blocks or not, using has_block function.

Please see the following code:

if (has_block("gallery", get_the_content())) { $post_blocks = parse_blocks(get_the_content()); foreach ($post_blocks as $post_block) { if ("core/gallery" == $post_block["blockName"]) { $ids = $post_block["attrs"]["ids"]; } } }

And this is the button:

<button <?php for ($i = 0; $i < count($ids); $i ) { $img_link = wp_get_attachment_image_url($ids[$i], "full"); echo "data-img-" . $i . " = " . $img_link . " "; } ?> > Light Box </button>

Which will return:

Note:

I've used get_the_content function, assuming that you're in the loop based on the code you provided in your question. If you're not in the loop or you would need to use the code outside of the loop you could use global $post; $post->post_content; instead.

This answer has been tested on wordpress 5.8 and works.