imagesフォルダに「pagetop.png」をUP
footer.phpの
1 2 3 |
<!-- ページトップへ戻る --> <div id="page-top"><a href="#wrapper">PAGE TOP ↑</a></div> <!-- ページトップへ戻る 終わり --> |
を
1 2 3 |
<!-- ページトップへ戻る --> <div id="page-top"><a href="#wrapper"><img src="<?php echo get_template_directory_uri(); ?>/images/pagetop.png" /></a></div> <!-- ページトップへ戻る 終わり --> |
cssの
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
/*----------------------------- ページTOP ------------------------------*/ #page-top { position: fixed; bottom: 40px; right: 20px; font-size: 10px; } #page-top a { background: #665e53; text-decoration: none; color: #fff; width: 80px; padding: 10px 5px; text-align: center; display: block; border-radius: 5px; /* CSS3 */ -moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari,Chrome */ } #page-top a:hover { text-decoration: none; background: #d6cdc0; color: #665e53; } |
を
1 2 3 4 5 6 7 8 9 10 |
/*----------------------------- ページTOP ------------------------------*/ #page-top { position: fixed; bottom: 40px; right: 20px; } |
に