Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

How to make images of features posts on top clickable

  • Hi Team,

    As the title suggests, the images of posts featured on top are not clickable right now. Only the headline is clickable which takes the user to post.

    Section in concern: https://i.imgur.com/tmhFWDB.png

    I need to make the image clickable too. How can I do that?
    I checked the elements but didn’t find any option.

  • You can use the dynamic content feature to enable links for the image.

    Click on the image in the “query loop” and scroll down to the dynamic content section to enable it and choose the link source as “Single Post”

    And update it. Once done, you can see the images are clickable, and once clicked, it opens the article directly.

  • Hi Ananttah,

    Those images are added as background images of a Container Block. You’ll need GenerateBlocks Pro to turn Container Blocks into links. Reference: https://docs.generateblocks.com/article/container-links/

  • Hi fernando,

    I checked the shared link but it won’t make sense to go for pro version to make the images clickable.

    Is there any alternative to handle this case?

  • You can show the images through an Image Block instead. Reference: https://docs.generateblocks.com/article/image-overview/

    This Block doesn’t need GB Pro to turn it into a link.

  • Will that allow showing posts through query loop as the section is supposed to show featured posts with the category “Featured”?

  • You can use GB image block inside a query loop block.

  • Hi Ying,

    How do I do that? Can you help me with a step wise process?

    Currently when I choose the query loop of top most featured image section and click on plus icon, it adds the element below.

  • You can select a block inside the query loop block, eg. a headline block, then click the 3dots icon, you can choose to insert block before/after the selected headline block.

    Alternatively, you can drag and drop blocks via the block list view.

    As the block editor is handled by WordPress, please check this WP doc for more details on how to use Gutenberg block editor:
    https://learn.wordpress.org/tutorial/how-to-use-the-list-view/

  • I tried following your first approach.

    Added the image block before post title but it does not fit as per theme featured section.

    Here’s an image how it is with the corresponding dynamic section: https://imgur.com/bghemH8

  • Yes, an image Block wouldn’t appear as a Container Block Image does.

    Image Blocks take up space whereas Container Blocks can be backgrounds.

    Although Image Blocks can be turned into backgrounds as well, you’ll need code for that. I would suggest getting GB Pro if you want the same look with image links. Otherwise, you’ll have to create a different structure.

  • GB Pro is not an option sadly here for me. What all other structures are possible? Also ready to use code to make the image blocks appear as container blocks.

  • If you want to use an Image Block, an example structure would be something like this: https://generateblocks.com/library/?pattern-category=query-loop&pattern-preview=4040

    If you want to use custom code, it would be best to reach out to a developer regarding this.

  • How can I replicate that structure? Can you please guide me?

  • The link I sent for the Pattern has a Copy button. It’s a free pattern. Click on the copy button and paste it on your edit page or element.

  • Hi Fernando,

    The pattern whcih you particularly shared is tagged with “Pro” and copy button does not appear on it. Is that available or not?

Viewing 16 posts - 1 through 16 (of 19 total)
  • You must be logged in to reply to this topic.