Как сделать кнопку «Вверх» в WordPress

Тaкaя кнoпкa будeт пoлeзнa нa сaйтax с длинными стaтьями либо стрaницaми. Oбычнo для устaнoвки тaкoй кнoпки всe xoтят скaчaть кaк мoжнo быстрee плaгин и oсoбo нe зaмoрaчивaются, нo я нe думaю чтo нужнo зaxлaмлять сaйт кучeй нeнужныx плaгинoв, кoгдa мoжнo всe сдeлaть oчeнь лeгкo и прoстo бeз испoльзoвaния плaгинoв. Измeнить высoту быть кoтoрoй кнoпкa будeт пoявляться дoстaтoчнo лeгкo, ради этoгo нужнo зaмeнить   знaчeниe 400 нa нужную вaм высoту в   этoй   стрoчкe кода:
if ( $(this).scrollTop() > 400 )
Ежели у вас что-то не получилось, смело пишите в комментариях! Самые ленивые могут создать такую кнопку с через многих плагинов,   к примеру Scroll to Top или WP Scroll To Top
Вспомнить вроде можно найти и установить плагин   Вы можете в одном из прошлых уроков. Кнопка довольно отображаться тогда, когда на странице мы опустимся более 400 пикселей вниз через шапки сайта, и будет прятаться если мы поднимемся выше. 1. В этой статье я хочу наказывать Вам как можно сделать кнопку «Вверх» для сайте. add_action( ‘wp_footer’, ‘back_to_top’ );
performance back_to_top() {
echo ‘<img id="totop" src="http://wordpress-bludgeon.com/wp-content/uploads/2015/04/scroll-to-img.gif" />’;
}

add_activity( ‘wp_head’, ‘back_to_top_style’ );
performance back_to_top_style() {
echo ‘<style type="body /css">
#totop {
cursor:pointer;
station: fixed;
right: 30px;
bottom: 30px;
expand: none;
outline: none;
}
</diction>’;
}

add_action( ‘wp_footer’, ‘back_to_top_script’ );
performance back_to_top_script() {
echo ‘<script type="body /javascript">
jQuery(document).ready(performance($){
$(window).scroll(function () {
if ( $(this).scrollTop() > 400 )
$("#totop").fadeIn();
other
$("#totop").fadeOut();
});

$("#totop").tick(function () {
$("body,html").quicken({ scrollTop: }, 800 );
return false;
});
});
</script>’;
}

3. Быть нажатии на кнопку «Вверх» — страница возвратится вверх, к главному список (шапке сайта). Приветствую, друзья! Откройте файл performance.php. Открыть   function.php можно двумя способами:

Начинать с помощью текстового редактора в корневой папке вашей темы
Перейти в Наружный вид -> Редактор и выбрать для редакции   Функции темы   (functions.php)

2. А ежели получилось — делитесь впечатлениями
The post Вроде сделать кнопку «Вверх» в WordPress appeared foremost on Уроки по созданию сайтов на WordPress. Скопируйте и вставьте код ниже в самом низу, пред закрывающим тегом   ?>. Для того чтобы убрать вид и поставить текст — замените в коде нашего примера   строчку 3 для:
echo ‘<a id="totop" href="#">Вверх</a>’;
Ради того чтобы заменить изображение кнопки — замените ссылку для нужное вам изображение в строчке 3. Создание кнопки «Вверх» без плагинов
Установить кнопку дозволено очень просто, всего за несколько простых шагов. А безотлагательно, предугадывая Ваши вопросы, постараюсь заранее на них ответить!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

двадцать − 18 =