In short, yes, this can be done. How exactly to do it with Guttenburg… well this is a bit different. Some questions:
1. are you using the shortcode block to enter in the expand element?
2. do you know the exact html to display the image, or are you only working with the visual editor?
3. if you do not know the exact html for the image, are you able to find this out?
And finally…
4. can you share a link to the page you are working on?
as shown in the video the shortcode would be:
[expand title="trigger text"]<img src="your_image_url" ... />[/expand]
We do have an add-on that would make this super simple called collapse-commander.
It would allow you to organize all the details of an expand element and just insert clean shortcodes in the gutenberg blocks. Also, it comes with a very high level of personal support. Might be worth taking a look.
Hi, thanks for the response. To answer your questions:
1. are you using the shortcode block to enter in the expand element? > yes, I am using the shortcode block to enter the expand element.
2. do you know the exact html to display the image, or are you only working with the visual editor? > yes, I am taking the URL link from the image block when choosing an image from the media library. (I guess this answers the 3rd question)
4. can you share a link to the page you are working on? > unfortunately, I am only working on localhost as this is only for my school project so I guess I won’t be able to provide a link.
Regarding the collapse-commander, I’ll go ahead and check that out in the future but I’ll try to do other means to make this work using the collapse-o-matic.
Thank you very much for your fast response!
Awesome!!! That’s exactly what I’m looking for! Thank you so much for the effort of answering my question! You’re awesome! Thanks again!
