Как добавить мягкий ролагем, чтобы получить или мелхор не WordPress …

Você já viu сайты, которые добавляют мягкий ролагем или страницу topo da? Это последний раз, когда вы просматриваете длинную страницу и хотите предложить пользователям очень простой способ перехода или запуска. Недавно один из наших читателей спросил нас, как добавить мягкий ролагем к основному слову, а не к WordPress. В этой статье мы покажем, как добавить мягкий ролагем, чтобы получить или не использовать WordPress или jQuery.

Примечание. Это руководство было создано для самостоятельного пользователя среднего уровня, который с удобством редактирует ваши темы. Вы по-прежнему хотите использовать метод плагина, использовать программу pageagemável até или более поздний плагин. Для тех, кто хочет научиться создавать плагин isso sem um, продолжайте чтение.

Или что это мягкое и когда ты им пользуешься?

Когда страница отправляется по почте, пользователи вынуждены переходить на baixo, чтобы прочитать этот контент. По мере того как пользователи rolam baixo, все навигационные ссылки увеличиваются. Когда пользователи заканчивают читать эту статью, мы должны перейти наверх, чтобы увидеть или что там еще. Роллинг для верхней кнопки быстро отправляет пользователей в верхнюю часть страницы. Вы можете добавить isso как текстовую ссылку для использования или jQuery, assim:

^ Моль

Просто отправьте пользователей на верхнюю часть страницы или перейдите к внутренней странице в миллисекундах. Это функционально, но это как событие в мире. Rolagem suave é или oposto disso. Аккуратно проведите пальцем пользователя или вверх или вверх по странице. Иссо создает приятный эффект и опыт пользователя.

Добавьте мягкий ролагем, чтобы получить или размять effeito com или jQuery, а не WordPress

Чтобы добавить плавный ролагем в верхний поток, мы будем использовать jQuery, немного CSS и одну строку HTML-кода, а не тему WordPress. Сначала откройте текстовый редактор, например o Блокнот. Создайте файл и сохраните его как smoothscroll.js. Скопируйте и соберите этот неархивирующий код:

jQuery (документ) .ready (função ($) {
$ (окно) .scroll (function () {
if ($ (this) .scrollTop ()

Сохраните или заархивируйте и загрузите или загрузите в каталог paste / js / no тем WordPress (см. Как использовать или FTP для загрузки файлов или WordPress). Пожалуйста, обратитесь к директории / js /, напишите на сайте smoothscroll.js nele. Это код или сценарий jQuery, который добавит эффект плавного ролэгема к кнопке, которая выведет вас в верхнюю часть страницы.

Следующее, что нужно сделать, это добавить smoothscroll.js в вашу тему. Чтобы сделать это правильно, мы поместим скрипт не на WordPress (руководство saiba mais em nosso о том, как правильно добавлять скрипты, а не WordPress). Скопируйте этот код из nonfile functions.php вашей темы.

wp_enqueue_script (‘размягчение’, get_template_directory_uri (). ‘/js/smoothscroll.js’, array (‘jquery’), ”, true);

Никакого кода выше, мы распространяем в WordPress или для загрузки скрипта nosso, а также для загрузки библиотеки jQuery, потому что наш плагин зависит от этого. Теперь мы добавляем часть jQuery, мы собираемся добавить реальную ссылку на наш сайт WordPress, которая бы отслеживала пользователей из Вольта Ао Топо. Коул это тот HTML в любом месте файла footer.php вашей темы.

Как вы заметили, мы добавляем ссылку, больше нет или ссылку на текст nenhum. Isso oorre, потому что мы будем использовать иконку imagem с грибом для top, чтобы отобразить boto voltar ao topo. Для этого примера мы используем значок 40x40px. Добавьте isso à folha стилей вашей темы.

#smoothup {
высота: 40 пикселей;
длина: 40 пикселей;
положение: fixa;
низ: 50 пикселей;
диреита: 100 пикселей;
количество текста: -9999px;
Показать Ненхум;
background: url (“https://www.example.com/wp-content/uploads/2013/07/top_icon.png”);
-webkit-transição-длительность: 0,4 с;
-moz-transição-длительность: 0,4 с; Продолжительность перехода: 0,4 с;
}

#smoothup: passe или mouse {
-webkit-transform: rotate (360deg)}
фон: url (”) sem repetição;
}

Нет CSS выше, мы используем фиксированное положение для значка imagem и мы используем значок imagem в качестве фонового изображения. Вы можете загрузить свой значок изображения с помощью медиа-загрузчика WordPress, а затем использовать URL-адрес, который дает изображение в качестве фонового URL-адреса. Мы также добавляем небольшую CSS-анимацию к кнопке, которая вращается, когда пользователь нажимает на нее или щелкает мышью.

Ролагем или превосходный эффект позволяет пользователям вернуться к началу и найти другие вещи, которые не являются вашим сайтом. Вне зависимости от того, что вы можете сделать, добавьте «Ума Род де Флутуанте», так как мы опасаемся, что мы не на месте, чтобы показать или выделить контент. Вы не хотите, чтобы ваши ролевые пользователи могли делиться вашим искусством, поэтому настоятельно рекомендуется использовать плавающий плагин для панели общего доступа, поскольку мы не WPBeginner.

Мы надеемся, что эта статья помогла добавить мягкий ролагем в начало страницы вашего сайта с помощью или jQuery. Для других замечательных применений jQuery, а не WordPress, вы можете задать или не задавать частые вопросы о jQuery или согласие с ним или медленную загрузку изображений.

Что лучше и лучше? Дайте нам знать, оставив комментарий ниже.