Как добавить ленту Pinterest на сайт WordPress
Опубликовано: 2023-03-05Pinterest — одна из самых надежных социальных сетей с миллионами пользователей по всему миру. И я думаю, если вы занимаетесь онлайн-бизнесом, у вас, вероятно, есть бизнес-аккаунт Pinterest. Но знаете ли вы, что если у вас есть веб-сайт WordPress, вы можете добавить ленту Pinterest на свой сайт?
Хотите знать, почему вам нужно добавить ленту Pinterest на свой веб-сайт WordPress? Я буду распространяться об этом дальше! Короче говоря, Pinterest — это потрясающая среда для обмена идеями с помощью изображений, GIF-файлов и видео. Вы можете делиться креативными и рекламными материалами со своей целевой аудиторией через доски объявлений Pinterest.
Но все ваши целевые аудитории и клиенты могут быть неактивны в Pinterest. Но это не значит, что они должны упустить ваши инновационные и важные пины. Именно здесь в игру вступит добавление фида Pinterest на ваш сайт WordPress.
В этой статье речь пойдет исключительно о методе добавления канала Pinterest на веб-сайт WordPress. Есть множество инструментов и плагинов, чтобы добавить ленту Pinterest на ваш сайт WordPress. Но я бы рассказал вам, как добавить ленту Pinterest на ваш сайт WordPress с помощью ElementsKit.
Зачем добавлять ленту Pinterest на свой сайт WordPress с помощью ElementsKit:
ElementsKit — это широко используемый аддон для Elementor, который имеет множество полезных функций. Эти функции включают более 74 бесплатных и премиальных виджетов, более 45 готовых шаблонов, более 79 готовых страниц и более 416 готовых разделов. ElementsKit поддерживает интеграцию различных виджетов ленты социальных сетей, включая ленту Pinterest.
С помощью виджета фида Pinterest ElementsKit с возможностью перетаскивания вы можете не только легко добавить ленту Pinterest на свой веб-сайт WordPress, но и получить ряд преимуществ. Кто они такие? Давайте проверим их-
- Перетащите виджет для отображения канала Pinterest
- Простая интеграция с сайтом WordPress.
- Простая система настройки
- Безграничные возможности настройки с цветами, типографикой и т. д.
- Позволяет отображать другие каналы социальных сетей, такие как Facebook, Instagram и т. д.
Как добавить ленту Pinterest на ваш сайт WordPress с помощью ElementsKit:
Добавить или встроить ленту Pinterest на ваш веб-сайт WordPress с помощью ElementsKit очень просто. Вы можете продемонстрировать все свои привлекательные маркетинговые и рекламные значки посетителям вашего сайта. Хотите знать, как встроить ленту Pinterest на свой сайт WordPress?
Давайте сразу перейдем к процессу-
Посетите панель инструментов WordPress:
Во-первых, вам нужно войти в панель администратора вашего сайта WordPress и перейти прямо на панель инструментов. Перейдите к ElementsKit > Виджеты на панели инструментов.
Включите виджет Pinterest Feed Toggle:
Сразу после этого появится список. Все, что вам нужно сделать, это прокрутить вниз до раздела «Ленты социальных сетей» и найти в списке виджет «Фид Pinterest» . Затем включите виджет, включив переключатель. Затем нажмите кнопку «Сохранить изменения» .
Откройте новую страницу или запись в окне Elementor:
Теперь вернитесь к панели инструментов и перейдите к страницам или сообщениям. Затем создайте новую страницу, нажав кнопку « Добавить новую ».
При этом вы перейдете на новую страницу в редакторе Гутенберга. Переключитесь в редактор Elementor, нажав кнопку « Редактировать с помощью Elementor ».
Перетащите виджет Pinterest:
Теперь вы находитесь в окне Elementor. На этом этапе перейдите на левую панель и найдите виджет Pinterest. Просто перетащите виджет в указанную область.
Вы также можете узнать, как добавить ленту Facebook на свой сайт WordPress.
Как добавить ленту Facebook на сайт WordPress
Настройте параметры ленты Pinterest:
Чтобы настроить параметры фида Pinterest, вам нужно перейти в раздел «Настройки» на вкладке «Контент». Введите свое имя пользователя Pinterest позже.
Тип канала: Домашний канал
Здесь показаны пины из домашней ленты профиля. Все, что вам нужно сделать, это установить тип канала на домашнюю ленту. Затем установите количество пинов Pinterest, которые должны отображаться на веб-странице.
Тип подачи: Доска подачи
Он показывает определенную доску из вашего профиля Pinterest. В этом случае установите для параметра «Тип подачи» значение «Подача с доски». Затем введите имя доски Pinterest, которое вы хотите отобразить. Опять же, установите количество пинов Pinterest, которые будут отображаться на веб-странице.
Настройте макет фида Pinterest:
Перейдите в раздел «Макет» на вкладке «Содержимое».
Стиль карт: Сетка
Виджет имеет два доступных стиля компоновки. Сначала установите стиль карточек на сетку. Затем установите количество элементов, отображаемых в одной строке, с помощью Column Count. Отрегулируйте зазор между колонками с помощью Column Gap. После этого отрегулируйте высоту столбца элементов в каждой строке с помощью высоты столбца.
Стиль карт: Каменная кладка
Затем установите стиль карт на Masonry. Как и прежде, установите Column Count, чтобы показать количество элементов в одной строке. Идите вперед, чтобы настроить зазор между столбцами.
Настройте стили ленты Pinterest :
Вы можете настроить внешний вид ленты Pinterest на своем веб-сайте, используя максимальное количество доступных параметров. Следуйте инструкциям ниже-
Стиль виджета :
Вариант стиля для всего фида-
Чтобы настроить стили, выберите тип цвета фона; Классический или градиент. Затем выберите Цвет фона. Вы можете использовать изображение в качестве фона. Установите отступы для всей ленты Pinterest.
Карточка заголовка :
Параметры стиля для заголовка ленты
Чтобы настроить стили, выберите тип цвета фона; Классический или градиент. После этого выберите цвет фона для карты заголовка. В качестве фона можно использовать изображение. Установите отступы для элементов заголовка и отрегулируйте поля для элементов в карточке заголовка.
Изображение профиля :
Параметры стиля для изображения профиля на дисплее
Чтобы настроить стили, отрегулируйте размер изображения профиля и поля справа. Затем установите Радиус границы изображения профиля.
Имя пользователя :
Параметры стиля для отображаемого имени пользователя
Чтобы настроить стили, выберите цвет текста имени пользователя. Затем настройте дизайн, добавив тень текста к имени пользователя. Затем установите типографику для имени пользователя и отрегулируйте поле вокруг имени пользователя.
Описание пользователя :
Параметры стиля для отображения описания пользователя
Чтобы настроить стили, выберите цвет текста описания пользователя и задайте типографику для описания пользователя.
Кнопка заголовка :
Параметры стиля для кнопки «Подписаться» в заголовке
Чтобы настроить стили, задайте типографику текста для кнопки заголовка и выберите тип цвета фона; Классический или градиент. После этого выберите цвет фона для кнопки заголовка. Вы можете использовать изображение в качестве фона. Выберите цвет текста в кнопке «Подписаться» в заголовке.
Контейнер для булавок :
Параметры стиля для контейнера, в котором отображаются контакты
Чтобы настроить стили, выберите тип цвета фона; Классический или градиент. Затем выберите цвет фона для контейнера пинов. Изображение можно использовать в качестве фона.
Затем выберите тип границы для контейнера пинов из предложенных вариантов; Сплошной, Двойной, Пунктирный, Пунктирный, Канавка или Нет (без рамки). Установите ширину границы, цвет границы и радиус границы для контейнера пинов.
Пин-карта :
Варианты стиля для пин-карты
Чтобы настроить стиль, измените радиус границы для пин-карт.
Верхний правый логотип :
Варианты стиля для логотипа Pinterest на карточках в правом верхнем углу
Чтобы настроить стиль, отрегулируйте размер круга вокруг логотипа и размер значка.
Круг логотипа :
Варианты стиля для логотипа Circle
Чтобы настроить стиль, укажите, где вы хотите разместить логотип на картах. Затем выберите тип цвета фона; Классический или градиент. Выберите цвет фона для круга. Вы также можете использовать изображение в качестве фона.
Хотите знать, как добавить ленту Instagram на свой сайт WordPress? Проверьте ссылку ниже-
Как добавить ленту Instagram на сайт WordPress
Заворачивать:
Pinterest — это популярная платформа социальных сетей, полезная для продвижения вашего бизнеса. Создавая булавки Pinterest, вы легко справитесь с этой задачей. Но ваши рекламные посты получат импульс, если вы сможете показывать эти пины прямо на своем сайте, не так ли?
С ElementsKit вы можете легко продемонстрировать свою деловую ленту Pinterest на своем веб-сайте. Все, что вам нужно сделать, это просто следовать простым шагам, показанным выше. Вот и все! Лучше всего? Вы можете безгранично настраивать и стилизовать каждый элемент своей ленты Pinterest с помощью ElementsKit.