Add a background link to Genesis Widget Background

[David Borrink]

I'm using Genesis Widget Background for a widgetized front page. The link of the title which appears over the full background image is the link to the page. My client would like to have the full background image be the link to the page, especially for mobile.

Good idea. So I'm trying to modify the code to do that.

The existing code uses an "article" class to wrap the background image and content. I need to bring in the link to this area. Here is the opening array that starts the block:

genesis_markup( array(
	'html5'   => '<article class="image-section fixed" style="background-image:url(' . $image . ')"><div class="hook-img-fix">',
	'xhtml'   => sprintf( '<div class="%s">', implode( ' ', get_post_class() ) ),
	'context' => 'entry',
				) );

What follows is the page content section.

Then, the array to complete the block

genesis_markup( array(
	'html5' => '</div></article>',
	'xhtml' => '</div></div>',
			) );

I tried to bring in <a> . get_permalink . immediately before the <article> opening tag, and added a couple </a> at the end after the </article> and </div> tags, thinking I would be essentially wrapping the whole <article> in a link.

That gave me a text URL which appeared to the left of my widget, pushing the first widget to the right. The link was not active. So I'm sort of heading in the right direction, as it did use the widget's URL, but not as an active link and not wrapping my widget background.

http://Development on MAMP

[Susan]

I’m going to close this thread, as it is very old and unanswered. I am hoping that you were able to find your solution in the meantime.

As a reminder, this is a community forum, manned by volunteers, so not all posts will be responded to.

In the meantime, if you haven’t already done so, I recommend joining the #GenesisWP Slack community: https://genesiswp.slack.com

Or the #GenesisWP Facebook group: https://www.facebook.com/groups/genesiswp/

[Author]

Posts