TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Как добавить кнопку Pinterest на изображения Weebly?

25

Pinterest – один из самых простых способов поделиться своими изображениями с более широкой аудиторией и сделать их популярными. Это также поможет привлечь больше трафика на ваш сайт Weebly от заинтересованных пользователей. Вы когда-нибудь задумывались, как люди добавляют кнопку общего доступа Pinterest, видимую при наведении курсора мыши на все изображения на странице? На самом деле это так же просто, как добавить несколько строк кода, чтобы включить это, и мы объясним это на примере в этой статье.

По теме: Как настроить AddThis и ShareThis для публикации в социальных сетях в Weebly?

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

Как добавить кнопку Pinterest на изображения Weebly?

Как добавить кнопку Pinterest на изображения Weebly?

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

<script async defer data-pin-hover="true" data-pin-tall="true" src="//assets.pinterest.com/js/pinit.js"></script>

Вот и все!!! Да действительно все !!!

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

Pinterest предлагает инструмент для создания виджетов для создания различных типов кнопок общего доступа для веб-сайтов и приложений.

Как добавить кнопку Pinterest на изображения Weebly?

Создание и настройка кнопки Pin It для вашего сайта

  1. Перейдите в конструктор виджетов и выберите тип кнопки, которую хотите добавить. Помимо кнопки «Закрепить», у вас есть другие опции, такие как кнопка подписки, закрепление, доска и профиль, которые можно добавить на свой сайт.
  2. Нажмите на опцию «Закрепить», а затем выберите опцию «Наведение изображения» в раскрывающемся списке типа кнопки.
  3. Вы можете создать два типа кнопок: одна – закругленная с красным фоном, а другая – прямоугольная с красным / белым / серым фоном. Круглая кнопка доступна только с красным фоном, и для круглой кнопки не будет дополнительных параметров настройки. В этом примере мы создадим прямоугольную кнопку, поэтому снимаем флажок с круглой кнопки и выбираем большой размер кнопки.
  4. Выберите серый цвет для вашей кнопки.
  5. Выберите язык текста кнопки: английский или японский.
  6. Проверьте предварительный просмотр кнопки, наведя указатель мыши на изображение предварительного просмотра.
  7. Скопируйте сгенерированный код и вставьте его в нижний колонтитул своей страницы Weebly.

На одной странице вы сможете добавить только один тип кнопки, поскольку несколько скриптов не будут работать на одной странице. Но вы можете вставить скрипт для кнопок разных стилей на разные страницы вашего сайта, что означает, что на одной странице вы можете отображать круглые кнопки, а на другой странице вы можете отображать прямоугольную кнопку с белым фоном. Вы также можете вставить скрипт в раздел «Настройки> SEO> Код нижнего колонтитула », чтобы он работал на уровне сайта, и все изображения на вашем сайте будут иметь кнопку Pinterest Pin It.

Источник записи: www.webnots.com
Leave A Reply

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