creating back to top link in Frameworks

[janburg]

The more I look at all the options for creating a link to the top for the footer in Frameworks the more confused I get as none of the options seem to work. I've tried the Simple Edits plugin, copied snippets of code and put it in the functions.php, and I'm not getting the link.

Right now this is in my functions.php file in the child theme:
//* Customize the entire footer
remove_action( 'genesis_footer', 'genesis_do_footer' );
add_action( 'genesis_footer', 'sp_custom_footer' );
function sp_custom_footer() {
?>
<p>© Copyright 2014 · Designs by Donna Atlanta · All Rights Reserved ·</p>
<?php
}
What do I need to add to get the back to top link? I'm not real good at coding, so please be patient with me. Thanks!

http://192.185.150.46/~designsb/

[nutsandbolts]

Try this one instead:

// Custom Footer
add_filter('genesis_footer_output', 'footer_output_filter', 10, 3);
 
function footer_output_filter( $output, $backtotop_text, $creds_text ) {
    $backtotop_text = '[footer_backtotop text="Return to Top of Page"]';
    $creds_text = 'Copyright [footer_copyright] <a href="http://designsbydonnaatlanta.com/" target="_blank" rel="nofollow">Designs by Donna Atlana</a> &middot All Rights Reserved';
    $output = '<div class="gototop">' . $backtotop_text . '</div>' . '<div class="creds">' . $creds_text . '</div>';
      return $output;
}

You may need to add some CSS to float "gototop" left and "creds" right, but that should get it working.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[janburg]

Almost. The footer now reads:
<div class="gototop">Return to Top of Page</div><div class="creds">Copyright © 2014 Designs by Donna Atlana &middot All Rights Reserved</div>

And the link doesn't work, so I'm guessing there's an anchor saying where the top is? Just guessing...

[nutsandbolts]

Did you copy from the notification email? If so, try copying directly from the post here on the forum, since the emails strip out the proper formatting.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[janburg]

Yes, that did it, thanks so much!

[nutsandbolts]

Awesome! I'm going to mark this as resolved but feel free to open a new topic if needed. 🙂

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[janburg]

oops, wrote too fast, the link still doesn't take me to the top?

[nutsandbolts]

Okay, this has several steps, but stay with me.

First, remove the function I gave you and replace it with this one:

// Custom Footer
add_filter('genesis_footer_output', 'footer_output_filter', 10, 3);
 
function footer_output_filter( $output, $backtotop_text, $creds_text ) {
    $backtotop_text = '[custom_backtotop]';
    $creds_text = 'Copyright [footer_copyright] <a href="http://designsbydonnaatlanta.com/" target="_blank" rel="nofollow">Designs by Donna Atlana</a> &middot All Rights Reserved';
    $output = '<div class="gototop">' . $backtotop_text . '</div>' . '<div class="creds">' . $creds_text . '</div>';
      return $output;
}

Then add this function right above it to create the custom back to top shortcode I used above:

//* Create a shortcode to display custom back to top link
add_shortcode('custom_backtotop', 'set_footer_custombacktotop');
function set_footer_custombacktotop($atts) {
	return '
		<a href="#" class="top">Return to top of page</a>
	';
}

Then add this one to enable smooth scrolling (props to Sridhar Katakam for this):

//* Add smooth scrolling for any link having the class of "top"
add_action('wp_footer', 'go_to_top');
function go_to_top() { ?>
	<script type="text/javascript">
        jQuery(function($) {
			$('a.top').click(function() {
            	$('html, body').animate({scrollTop:0}, 'slow');
				return false;
        	});
        });
	</script>
<?php }

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[janburg]

Perfect!

One of these days I need to learn php.

Thanks for your help.

[Kitty]

Is it possible that the back to top link created by Simple Edits refers to #wrap instead of .wrap?
Should it not be updated to HTML5 this plugin?
Just wondering...
<div class="creds"> [footer_copyright first="2007"] W. Vos | [footer_backtotop]</div>

searches http://www.keesomlaan.nl/eekhoorn/agio/#wrap ??

Kitty

[Author]

Posts