Gazmarket59.ru

Газ Маркет 59
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

WordPress счетчик для социальных кнопок

Начнем с того, что кнопки соцсетей надо ставить на видное место, а это значит – шапка или верх сайдбара. Никто не будет скроллить в самый низ сайта, чтобы увидеть там кнопки. Какие именно ставить туда кнопки? Не нужно делать иконостас на все соцсети, где у вас есть аккаунты.

Признайтесь честно, что вы активны только в одной или максимум двух социальных сетях. Так зачем же вы посылаете вашего посетителя, например на Google+, где последняя от вас запись была 3 года назад.

Если вы активны только на фейсбуке, тогда и поставьте одну, но зато большую кнопку на фейсбук. Желательно рядом с кнопкой напишите, что увидит там посетитель или он может там сделать что-то осмысленное, например, оставить комментарий или записаться на курс.

Яндекс кнопки соц сетей

Популярный русскоязычный поисковик предоставляет отличную возможность кнопки социальных сетей на сайт от Яндекса . Тут все до боли просто:

Теперь несколько картинок для лучшего понимания, выбираем какие сайты будем использовать:

Подбираем внешний вид, кнопки со счетчиком или без, маленькие или крупные и копируем код для вставки на сайт:

Все предельно просто, это даже проще чем использовать плагины, ну по крайней мере мне так кажется.

Не буду проводить обзор всех возможных сервисов, их суть одна и та же:

  1. Выбираете соц сети.
  2. Изменяете внешний вид.
  3. Копируете код.
  4. Вставляете у себя на сайт.

Теперь список сервисов:

  • http://share.pluso.ru/
  • http://share42.com/ru
  • https://uptolike.com/
  • http://social-likes.js.org/ru/

Настройки практически идентичны, можете выбрать более понятные для вас или более широкий функционал. Пример первого сервиса:

Не буду долго описывать, незачем, все интуитивно понятно.

Как установить кнопки соц сетей на сайт WordPress

Обычно кнопки-ссылки расположены под статьями или же на боковых сайд барах. Что бы расположить кнопки социальных сетей на ваш сайт нам потребуется провести установку и настройку требуемого плагина, или же внедрить код непосредственно в шаблон. Сперва рассмотрим плагины, а уж затем ручное добавление кнопок. Как устанавливать плагины можно прочитать .

Для данного случая мы выбрали два удобных плагина, которые именуются как Social Share Buttons и Jetpack.

Первым более продвинутым плагином для добавления кнопок социальных сетей на ваш сайт WordPress является Jetpack.

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

Затем нажимаем «Настроить» и нас перекидывает в меню настроек социальных сетей.

В данном блоке мы выбираем нужные нам кнопки для социальных сетей.

Что бы выбрать нужные нам нужно просто перетащить кнопки социальных сетей с верхнего поля в нижнее, ниже мы увидим визуальное отображение иконок.

В следующем меню мы настраиваем стиль кнопки и места их вывода на нашем сайте.

После того как мы настроили то что нам нужно, нажимаем «Сохранить изменения» и наши кнопки социальных сетей появятся под нашими записями на сайте.

Установка кнопок социальных сетей на сайт WordPress. Настройки Social Share Buttons.

Итак, не будем ходить вокруг да около, а перейдем сразу же к установке кнопок социальных сетей . Заходим с в меню настройки и добавления плагинов. Через поиск находим предложенный нами Social Share Buttons for WordPress.

Установив и активировав плагин для добавления иконок социальных сетей , заходим в появившееся новое меню с консоли нашего WordPress — Share Buttons.

Как видим, меню наше делиться на три подменю, рассмотрим и разберем каждый из них по отдельности:

Главные настройки отображения кнопок социальных сетей на сайте WordPress.

Что мы можем тут настроить?

  • Мы можем загрузить логотип нашего сайта, что предаст нашим кнопкам некой зрительной привязки к нашему ресурсу.
  • Текст призыв или что-то в этом роде можно разместить над кнопками.
  • Автоматическая генерация мета данных которые будут привязаны к опубликованной статье в соц сети.
  • Позиционирование кнопок социальных сетей, слева справа по центру по отношению к статье.
  • Вертикальные позиции кнопок, внизу или вверху.

И чекбоксы выбора где отображаются ваши кнопки, с позиции «На главную» убрана галочка потому что нам не нужны кнопки под каждым анонсом статей на главной странице, так же можно исключить статьи на которых не будут отображаться иконки кнопок.

Share настройки, выбор стиля кнопок для социальных сетей.

  1. Выбираем понравившиеся стиль и сортируем на свое усмотрение наши иконки.
  2. Настраиваем с какими именно соц. сетями вы хотите взаимодействовать и где соответственно продвигать свой продукт.
  3. Настройка отступов между иконками.
Читайте так же:
Предохранительный клапан для счетчика

В этом цикле настроек кнопок для взаимодействия с социальными сетями на сайте WordPress нужно разбираться с каждой кнопкой отдельно, если вам будет это интересно и нужно вы сами разберетесь что к чему.

После того как все настройки были сделаны, мы сможем убедиться в их полезности и функциональности уже на вашем сайте WordPress.

Какой из плагинов использовать выбирать вам, но я рекомендую Jetpack, он часто обновляется и более быстрый в работе.

Установка социальных кнопок: плагин Slick Social Share Buttons

Плагин Slick Social Share Button добавит на Ваш сайт следующие социальные кнопки: facebook, twitter, google +1, linkedin, digg, delicious, reddit, stumbleupon, buffer and pinterest pin it social media . Не спешите устанавливать этот плагин — в нем нет некоторых социальных кнопок рунета.

Если Вы все же решите его установить, тогда скачайте этот плагин по этой ссылке http://wordpress.org/extend/plugins/slick-social-share-buttons , установите его и активируйте. После установки, можно будет выбрать, кнопки социальных сетей для установки на Вашем блоге. Перейдите в админпанели » Social Buttons «, и еще раз » Social Buttons «. Вы перейдете в настройки плагина. Рассмотрим все блоки по-порядку:

Slick Social Buttons Setting

Картинка кликабельна

1. «Type» (тип кнопки) — «floating» (плавающая) или «Slide Out» (за пределами). Если выбрать «Floatin«, тогда кнопка будет плавать по экрану. При выборе режима «Floating«, появляется дополнительный параметр правее «Disable Floating Effects«. Поставьте галочку, если Вы хотите, чтобы не было плавающего эффекта. Мне, например, этот режим понравился, потому что при виде этой кнопки на экране, так и хочется по ней кликнуть. Правда, мне кажется, что такая кнопка будет отвлекать посетителей Вашего блога. Если выбрать «Slide Out«, тогда социальная кнопка будет статическая и приклеена в определенном месте месте экрана, справа или слева — это настраивается в «Location«.

2. Location — выбор места расположения кнопки: Top Left (вверху слева), Top Right (вверху справа), Bottom Left (внизу слева), Bottom Right (внизу справа), Left (слвеа), Right(справа).

3. Position From Center (расположение кнопки от центра). Если поставить галочку к этой настройке, то можно будет задать расположение кнопки от центра экрана в пикселях.

4. Offset (смещение) — указав параметры, можно сместить кнопку в определенное место.

5. Direction (расположение) — Можно выбрать, как будут социальные кнопки располагаться, вертикально или горизонтально. Эта функция появляется, когда выбран режим Slide Out.

6. Float Speed (скорость плавающей кнопки) — можно указать с какой скоростью будет перемещаться плавающая кнопка. Не ставьте маленькое значение, потому что будет некрасиво смотреться эффект, т.е. эффекта вообще не будет.

7. Slide Speed (скорость открытия кнопки) — можно задать скорость, с которой будет открываться, и закрываться кнопка.

8. Auto-Close (автоматическое закрывание) — после того, как человек сделает ретвит или просто поставит лайк (like), то кнопка зама закроется.

9. Load Open (Открыто) — если выбрать этот режим, то кнопка будет всегда открыта.

10. Tab Image Url — В это поле можно добавить свою картинку для кнопки. Оставьте поле пустым, чтобы изображение кнопки осталось по умолчанию.

После всех настроек, кликните » Сохранить изменения «

плагин Slick Social Share Buttons

Display Pages For Social Share Buttons

В этих настройках нужно выбрать, где Вы желаете чтобы кнопки были видны, а где нет.

  1. Home Page — на домашней странице WordPress
  2. Pages — на страницах
  3. Posts Pageкнопка будет видна на главной странице
  4. Category Pages — в категориях
  5. Posts — в постах
  6. Archive Pagesв архивах

Считаю, что надо включить все настройки, чтобы посетители видели эту кнопку всегда.
Если ниже в этом блоке кликнуть на » Show Categories «, тогда Вы сможете видеть все категории, которые у Вас есть на блоге. Вы можете из раздела » Include » кликать по категориям, которые не хотите, чтобы имели социальные кнопки. Щелкая по категориям, они будет перемещаться в окно » Exclude » — исключить.
Нажав на » Hide Categories » — закроется окно с категориями. После настройки нажмите » Сохранить изменения «

плагин Slick Social Share Buttons

Читайте так же:
Счетчик статистики для ucoz

Social Share Buttons

Здесь все понятно. Нужно выбрать кнопки, которые Вы хотите чтобы отображались на Вашем блоге, а потом немного поэкспериментировать над их внешним видом. После того, как выберите кнопки и настроите их внешний вид, обязательно нажмите » Сохранить изменения «.

  1. Twitter Username — введите Ваш логин в Твиттере, но без знака «@». Этот знак подставится автоматически.
    В этом разделе надо ввести данные twitter, facebook и можно вставить изображение для facebook.

Twitter URL shortener

  1. Shortener — можно указать, какой сервис будет обрезать Вашу ссылку для вставки ее в Twitter. В Твиттере нельзя передавать больше 140 символов, поэтому длинные ссылки нужно обрезать.

Ну вот, первый плагин рассмотрели, как он работает и что из себя представляет. Давайте теперь посмотрим второй плагин WP Social Buttons. Этот плагин конечно больше подходит для Рунета, потому что в нем ест почти все социальные кнопки.

Плагин WP Social Buttons

Рассмотрим теперь плагин WP Social Buttons. Скачайте http://comphobby.ru/socialbuttons2.zip и установите этот плагин. Как устанавливать плагин, читайте в 10 уроке. Активируйте его и переходите » Параметры» > » Socials Buttons «.

  1. В настройках «Настройки кнопок для добавления поста в социальные сервисы«, выберите все социальные кнопки, которые Вы хотите, чтобы отображались в Ваших постах.
  2. В графе » Заголовок «, напишите что-нибудь, например: пощелкайте пожалуйста по кнопочкам, если Вам понравилась моя статья
  3. Выберите стиль и размер кнопок.

Следующая настройка » Invite Buttons » — (Кнопки приглашения)

  1. Заголовок кнопок приглашения. Можете написат к примеру следующее: давайте пообщаемся. В общим, что-нибудь в этом роде.
  2. Потом введите все адреса к кнопкам, чтобы люди нажав на одну из них, попадали на Вашу страницу в социальных сетях.
  3. Выберите стиль и размер кнопок.
  4. Нажмите » Сохранить изменения «.

Скриншот после установки и настройки этого плагина:

Плагин WP Social Buttons

Все, плагин настроен и работает отлично.

Плагин Social Share Buttons

Рассмотрим плагин Social Share Button. В Панели Администратора перейдите: » Плагины » > » Добавить новый «. В поисковой строке введите название плагина » Social Share Buttons «, нажмите » Поиск плагинов «. Там Вы увидите плагин под названием » Social Share Buttons for WordPress 2.7 «. Кликните по ссылке » Установить «. Потом, когда плагин установится, нажмите » Активировать «.

Перейдите в левой колонке, в самом низу «Share Buttons» > «Главные настройки» . Если хотите, можете вставить Ваш логотип. Выберите графический файл на Вашем компьютере для логотипа. Теперь введите текст перед социальными кнопками, позицию кнопок и прочее. Я не стал описывать эти настройки, потому что там все на русском языке и достаточно понятно.

Теперь перейдите «Share Buttons» > «Share настройки«. Выберите стиль для Ваших кнопок и какие кнопки должны быть видны.

Перейдите » Share Buttons » > » Like настройки «. Здесь нужно настроить лайки (like). Лайки — это кнопки, которые называются » Мне нравится «. Не обязательно конечно, что они будут у Вас называться так, но чаще всего они называются именно так.
В первом блоке настроем Вам надо решить, какие лайк-кнопки добавить, а какие исключить.

Плагин Social Share Buttons

Как все настроите, нажмите » Сохранить изменения «.
В следующем блоке настроек, по-моему, все понятно: нужно выбрать тип кнопки, название для кнопок, счетчики, текст и ширину блока кнопок.

Плагин Social Share Buttons

В следующем блоке настроек, нужно настроить: Facebook и Вконтакте зарегистрировать API ID, кликнув на ссылку правее, на которую указывает стрелка.

Я на Fecebook-е зарегистрировал без проблем, а Вконтакте пока не пробовал, но думаю, что так же с регистрацией не будет проблем. При регистрации на Facebook приходит SMS-сообщение с кодом, который нужно потом ввести. Если Вы не указывали свой сотовый телефон на Facebook-e, тогда возможно будут проблемы с регистрацией.

Вот так выглядят кнопки после моих настроек.

Плагин Social Share Buttons

Вот в принципе и все. Плагин работает хорошо и без проблем. Следующее, что мы рассмотрим, это как установить на блог социальные кнопки без плагина.

Установка социальных кнопок через сервис AddThis

Перейдите на сайт addthis по ссылке http://addthis.com/ , чтобы зарегистрироваться. Кликните » Join Now » (Зарегистрироваться).

Читайте так же:
Норма счетчика старения масла

Как установить кнопки социальных сетей на сайт или блог

Введите Ваши данные в регистрационную форму, затем кликните » Register «. Все, Вы зарегистрировались. Теперь Вам нужно залогиниться, если Вы не вошли автоматически после регистрации. Кликните на » Sign in » (смотрите скриншот выше), введите Ваши данные, которые Вы вводили при регистрации. Нажмите » Get AddThis «. Где нажимать, отмечено красным.

На следующей странице выберите, какой блок кнопок Вы хотели бы установить себе на блог.

  1. Стрелка №1 показывает, что должно быть в данный момент выбрано
  2. Стрелка №2 показывает, где нужно выбирать блок кнопок для своего блога.
  3. Стрелка №3 — для выбора больше настроек.
  4. Стрелка №4 — здесь можно выбрать свой стиль кнопок.
  5. Стрелка под №5 показывает, что должно быть выбрано.

Следующий код скопируйте в буфер обмена и нажмите » Grab it «, то ест скопировать код.

Теперь откройте файл вашей темы single.php и вставьте туда этот код.
Код желательно вставлять в конце файла перед комментариями. В моем случае, я вставил перед строкой

Дополнительные кнопки социальных сетей

Перейдя по следующей ссылке http://www.addthis.com/services/list , можно добавить дополнительные кнопки на блог.
Находите кнопку сервиса, который вас интересует, и копируйте код, как показано на скриншоте ниже. Код, который нужно скопировать, отмечен желтым цветом.

Дополнительные кнопки социальных сетей

У меня получился следующий код, который я вставил в файл single.php.

Дополнительные кнопки социальных сетей

Желтым цветом отмечено, какие коды я добавил.

  1. livejournal
  2. google
  3. googlebuzz
  4. google_plusone
  5. friendfeed
  6. blogger
  7. odnoklassniki_ru

Если Вы желаете знакомиться на Вашем блоге с новыми людьми и быть с ними друзьями, тогда можете установить дополнительные кнопки » Follow Me «, то есть следуй за мной. Нужно на сайте http://addthis.com выбрать, как показано на скриншоте:

В следующем окне выберите, какие кнопки Вам нужны, выберите стиль кнопок и заполните все пустые поля Вашу страницу в социальных сетях. Например, для Twitter нужно ввести только логин.

Кликните потом внизу » Get The Code «, копируете его и так же вставляете в файл single.php Вашей темы.
На свой блог я установил кнопки именно через этот сервис. Как они выглядят, можете посмотреть в конце статьи.

Кнопки социальных сетей от Яндекс

Пожалуй, это самый легкий способ установки социальных кнопок на своем блоге. Эти кнопки можно установить в сайдбаре, да и вообще, где угодно. Перейдите по этой ссылке http://api.yandex.ru/share/ . Теперь на странице Яндекс Вы можете выбрать кнопки, которые хотели бы установить на своем блоге.

1. Выберите кнопки, которые Вы хотели бы установить на блог.

2. Выберите блок кнопок, который Вам больше нравится.

3. Скопируйте код, который я выделил рамочкой и установите его у себя на блоге. Обычно его устанавливают в файл single.php, но в моем шаблоне этот код нужно устанавливать в файл post-single.php. Надеюсь Вы разберетесь.

Вот вроде и все, чем я хотел поделиться с Вами в этом уроке.

________________________
К Уроку 35. Плагин WP-PostViews. Счетчик просмотров статей

Устанавливая социальные кнопки для сайта, не следует «гнаться» за количеством — лучше учитывать популярность соцсетей. Например, установка кнопки соцсети «My Space», популярной на Западе и практически неизвестной на наших просторах, не приведет к желаемому результату.

А вот если среди потенциальной целевой аудитории сайта много пользователей «Твиттера», нужно обязательно установить любую из его кнопок.

Настройка кнопки проста до безобразия. Радует также русскоязычная инструкция на странице настроек. Однако генератор кода учитывает довольно мало вариантов оформления счетчика, поэтому, если не устроят стандартные предложения, часть кода придется прописывать вручную.

Установка Uptolike Share Buttons

Плагин можно скачать с официального сайта — Uptolike Share Buttons, либо установить из поисковой строки, как устанавливать плагины можно прочитать в мой стать здесь. Мне кажется второй вариант проще, его и рассмотрим. В админке WordPress переходим в раздел Плагины -> Добавить новый в поисковой строке набираем Uptolike Share Buttons, и устанавливаем найденный плагин.

Не забываем после установки активировать плагин (нажав соответствующий пункт), после чего переходим к настройке Uptolike Share Buttons выбрав появившейся пункт UpToLike в админке.

Читайте так же:
Таймер счетчик мк51 программа

Основные настройки

Перед нами появляется панель настроек состоящая из горизонтальных вкладок и трех страниц, в которой разобраться совсем несложно. Начнем со вкладки Конструктор и настроим основные настройки.

Выбираем где будет располагаться наш блок с кнопками, пример расположения показывается в панели предпросмотра, и меняет свое положение в соответствии с выбранным пунктом.

1. Вертикально и горизонтально — блок с кнопками будет располагаться вертикально или горизонтально в виде полоски непосредственно перед началом статьи или/и после статьи либо одновременно сверху и снизу. Местоположение блока задается на вкладке Настройки

2. Справа, слева, снизу или сверху — блок с кнопками соцсетей всегда неподвижно прижата к одной из сторон экрана и будет находиться постоянно на виду у читателя, что вероятно несколько повысит вероятность клика, но постоянное нахождение перед глазами возможно вызовет некое раздражение, поэтому тут надо поэкспериментировать, лично мне ближе классический вариант — после статьи, прочитал, оценил и поделился.

3. Показывать счетчик показывает счетчик, метод показа может быть Раздельный — около каждой кнопочки появляется индивидуальный счетчик, либо Общий — суммарный счетчик для всех кнопок. Первый вариант мне кажется загромождает блок, особенно если кнопок много, а второй смотрится более прилично.

4. Цитирование — при выделении фрагмента текста появляется кнопка Поделиться и пользователю предоставляется возможность поделится данным фрагментом текста и ссылкой на данную страницу в любой социальной сети (этих сетей 25 шт.)

5. Following — дополнительная возможность для пользователя присоединиться к одной из вашей сети после расшаривания страницы в социальную сеть.

6. Кнопка «наверх» — перемещает пользователя наверх страницы, фактически дублирует кнопку вверх, которая есть практически на всех сайтах.

Выбор социальных сетей

На этой вкладке ставим галочки на социальных сетях, которые мы хотим видеть на своем блоке кнопок. Все остальные сети будут доступны нажав кнопку с тремя точками. Поменять положение кнопок относительно друг друга можно ухватив мышкой за метку с тремя полосками справа от выделенной кнопки и перетащив ее в нужное место.

Настройка стилей

Можно радикально поменять вид кнопок социальных сетей (все изменения видны в реальном времени):

  • установить размер кнопки — на выбор три типоразмера;
  • поменять форму — установить круглую, квадратную или квадратную со скругленными краями;
  • установить эффект при наведении курсора мышки на кнопку — поворот по часовой стрелке, увеличение размера, либо оставить без эффекта;
  • установить стиль кнопки — внешнее оформление кнопки;

После всех изменений не забывайте сохранять изменения.

Статистика

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

Вот так выглядит экран статистики, информации для анализа предостаточно, и отслеживать ее в админке своего сайта значительно удобнее чем на стороннем сервисе.

Положительные отличия от скриптовой установки для WordPress:

  1. Удобнее чем установка скрипта, не надо думать куда его вставлять, и где потом искать (если забыл);
  2. Очень простое изменение в процессе работы — местоположение, внешний вид кнопок;
  3. Удобство пользование статистикой;

Все кто не любит установку плагинов на сайте могут пойти на он-лайн сервис UpToLike и использовать скриптовый вариант, который кстати имеет более широкие возможности.

Рекомендую посмотреть мой видео урок «Добавляем кнопки социальных сетей — плагин Uptolike Share»

А какой плагин для социальных сетей вы используете на своем сайте?

P.S. Список самых необходимых плагинов для WordPress, большинство из которых установлены на моем сайте можно найти в моем посте здесь.

Жду Ваших комментариев. Подписывайтесь на обновления блога. Буду благодарен, если Вы поделитесь этим постом в социальных сетях!

Плагин социальных кнопок

Установив плагин для социальных кнопок (AddToAny Share Buttons), вы увидите чек-бокс с функцией (Show sharing buttons. — показывать блок), в редакторе каждой страницы. По умолчанию включен для всех…

Станет доступна вкладка «СоцЗакладки» на панели WordPress. Здесь вы найдете настройки для внешнего вида, условий показа и массу различных сетей.

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

Читайте так же:
Как приобрести счетчики гейгера

Присутствует регулировка положений по вертикали и горизонтали, возможно включение нескольких блоков (в конце, вначале, справа, слева).

♦ Кнопка прокрутки для сайта с помощью плагинов

Для движка WordPress на данный момент разработано несколько плагинов для вертикальной прокрутки. Все они действуют примерно по одинаковому принципу – в нижней части страницы создается специальная кнопка с текстом или картинкой, которая и отвечает за прокрутку. Однако все эти плагины отличаются друг от друга по функционалу, настройкам и некоторым другим параметрам.

» Smooth Scroll Up

Данный инструмент обладает довольно неплохим набором настроек. Прежде всего, вы можете выбрать, что именно будет отображено на месте элемента, отвечающего за прокрутку страницы – обычный текст, кнопка или произвольная картинка. Также можно выбрать одно из трех мест для размещения элемента прокрутки – по центру, справа или слева. На кнопке можно разместить абсолютно любой текст. Можно разместить кнопку не в самом низу страницы, а на определенном расстоянии от ее верха (при прокрутке вниз кнопка будет автоматически прижиматься к нижней части экрана).

Также вы можете задать анимацию при прокрутке. Доступно два варианта анимации – обычная и с затемнением. После установки плагина можно скрыть данную кнопку на главной странице блога, а также на страницах версии блога для мобильных устройств. Скачать Smooth Scroll Up можно вот отсюда — https://Wordpress.org/plugins/smooth-scroll-up. На данный момент плагин скачан больше 40 тысяч раз. Поддерживаемые версии движка — с 3.2 до 4.1.

» jQuery Smooth Scroll

Это гораздо более простой в плане настроек и функционала плагин. Здесь вообще нет ничего лишнего. Сразу после установки jQuery Smooth Scroll начнет работать (можно вообще не вносить никаких изменений в настройки). Кнопка прокрутки называется «Back to top». Она будет расположена в нижнем углу каждой страницы блога.
Сама прокрутка страницы является чуть более плавной, чем в Smooth Scroll Up. Внести какие-то изменения в функционал или работу плагина можно только посредством правки CSS или JS-кода. Ссылка на плагин — https://Wordpress.org/plugins/jquery-smooth-scroll. На данный момент он скачан порядка 50 тысяч раз. Поддерживаемые версии движка WordPress – с 3.1 до 4.0.

» WPFront Scroll Top

Очень качественный плагин с большим количеством настроек. В частности, можно выбрать тип элемента для прокрутки – кнопка, текст, картинка (которая может быть загружена вами напрямую с компьютера). Можно активировать элемент быстрой прокрутки на мобильной версии сайта, отключить или включить его для каких-то определенных страниц/разделов.
Кроме того, можно настроить размеры кнопки, степень ее прозрачности, скорость прокрутки. Можно прописать собственные правила CSS для внешнего оформления данного элемента, задать отступы и т.д.

Скачать WPFront Scroll Top можно вот здесь — https://Wordpress.org/plugins/wpfront-scroll-top. На данный момент плагин скачан порядка 18 тысяч раз. Поддерживаемые версии движка – с 3.0 до 4.0.

» Scroll Back To Top

Довольно простой плагин, который начинает работать сразу после своей активации (кнопка прокрутки автоматически появится в нижней части страницы). Однако здесь есть и настройки, в которые при необходимости можно внести изменения. В частности, можно задать ширину и высоту кнопки, основной и фоновый цвет, степень прозрачности, радиус закругления, положение на странице, выравнивание по вертикали, отступы.

Можно выбрать для кнопки один из заранее подготовленных разработчиками значков (либо вписать сюда какой-то свой текст). Также можно выбрать размер данного значка. Ссылка для скачивания Scroll Back To Top — https://Wordpress.org/plugins/scroll-back-to-top. На данный момент плагин скачан порядка 19 тысяч раз. Поддерживаемые версии движка – с 3.0 до 3.9.2.

Заключение.
Как вы догадываетесь, способов и вариантов установить кнопку вверх на сайте без плагинов, существует не мало. Описать их все просто не реально, потому я предложил вам те способы которые опробовал сам и которые подошли моему блогу.
Через некоторое время попробую подкорректировать CSS и JavaScript для того, чтобы стрелка на кнопке переворачивалась и скроллинг происходил не только вверх, но и вниз. Думаю напишу об этом еще одну статью.

Всего хорошего. Удачи и терпения!!
С огромным Уважением, Vladimir Zadorozhnyuk

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector