Image on hidden content

  • Resolved ysrael123

    (@ysrael123)


    5 years, 7 months ago

    Hi, sorry if this has been answered already from previous posts but I tried to browse through several pages and couldn’t find a topic regarding this.
    By the way, I’d like to say that this plugin is awesome and been using this for my projects in school.

    Getting down to my question, is it possible to insert an image to the hidden content as shown in this video? (https://www.youtube.com/watch?v=f0nvcWVFvEM) I’m trying to do this using the gutenberg editor. As much as possible, I’d like to use gutenberg instead of classic editor as it seems that gutenberg is easier to use.

    Thanks in advance!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author twinpictures

    (@twinpictures)

    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.

    Thread Starter ysrael123

    (@ysrael123)

    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!

    Plugin Author twinpictures

    (@twinpictures)

    Step-by-step:
    https://spacedonkey.de/3421/guttenberg-collapse-o-matic-image-embed/

    Thread Starter ysrael123

    (@ysrael123)

    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!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Image on hidden content’ is closed to new replies.