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

Як додати кнопку Pin Pin Pin It на зображення Weebly?

0

Pinterest – це один із найпростіших способів поділитися своїми зображеннями з широкою аудиторією та зробити їх популярними. Це також допоможе привернути більше відвідувачів вашого веб -сайту від зацікавлених користувачів. Вам коли -небудь було цікаво, як люди додають кнопку спільного доступу до Pinterest, видиму при наведенні миші на всі зображення на сторінці? Насправді, це так просто, як додати кілька рядків коду, щоб включити це, і ми пояснимо на прикладі в цій статті.

Пов’язані: Як налаштувати AddThis та ShareThis у соціальних мережах у Weebly?

Наведіть курсор на зображення нижче, щоб побачити кнопку спільного доступу до Pinterest.

Як додати кнопку Pin Pin Pin It на зображення Weebly?

Як додати кнопку Pinterest Pin it на зображення Weebly?

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

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

Це воно!!! Так, це справді так !!!

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

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

Як додати кнопку Pin Pin Pin It на зображення Weebly?

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

  1. Перейдіть до конструктора віджетів і виберіть тип кнопки, яку потрібно додати. Крім кнопки "Закріпити", у вас є інші варіанти, такі як кнопку "Підписатись", "PIN -код", "Дошка" та "Профіль", які можна додати на свій сайт.
  2. Натисніть на опцію «Закріпити», а потім виберіть опцію «Наведення зображення» зі спадного типу кнопки.
  3. Ви можете створити два типи кнопок – одна – округлена з червоним фоном, а інша – прямокутна з червоним/білим/сірим фоном. Кругла кнопка доступна лише з червоним фоном, і для круглої кнопки подальших налаштувань не буде. У цьому прикладі ми створимо кнопку прямокутника, тому зніміть прапорець із круглої опції та виберіть великий розмір кнопки.
  4. Виберіть сірий колір для своєї кнопки.
  5. Виберіть мову тексту кнопки: англійську або японську.
  6. Щоб перевірити попередній перегляд кнопки, наведіть курсор миші на зображення попереднього перегляду.
  7. Скопіюйте створений код і вставте його в нижній колонтитул вашої сторінки Weebly.

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

Джерело запису: webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі