Хотите добавить кнопку «Закрепить» на Pinterest в WordPress? Недавно в статистике нашего блога появился новый источник трафика.
Это было достаточно важно для нас, чтобы заметить. Этот источник трафика был Pinterest.
Pinterest – это популярная социальная сеть, которая позволяет вам делиться визуальным контентом и привлекать много трафика на ваш сайт (следите за WPTec на Pinterest).
В этой статье мы покажем вам, как добавить кнопку «Закрепить» на Pinterest в свой блог WordPress. Мы также объясним, как добавить кнопку «Прикрепить» к изображениям вашего сайта.
^
Добавление кнопки «Закрепить» в Pinterest с помощью плагина
Pinterest официально изменил название кнопки «Закрепить» на «Сохранить» в 2016 году.
Хотя некоторые плагины по-прежнему используют имя «Закрепить» вместо «Сохранить», они выполняют ту же функцию, что и прикрепление ваших изображений в Pinterest.
Самый простой способ добавить кнопку Pinterest на свой сайт WordPress – использовать плагин для обмена в социальных сетях.
Мы рекомендуем использовать плагин Shared Counts для этой цели. Это лучший плагин для социальных сетей для WordPress, потому что он бесплатный и позволяет легко добавлять кнопку Pinterest вместе с другими популярными социальными сетями.
Для начала вам необходимо установить и активировать плагин Shared Counts. Вы можете следовать нашим пошаговым инструкциям по установке плагина WordPress для получения подробных инструкций.
После установки перейдите на страницу «Настройки» Shared Counts, чтобы настроить плагин.
^
На странице настроек вам нужно прокрутить вниз до раздела «Дисплей» и затем нажать на текстовое поле «Поделиться кнопками для отображения».
Откроется выпадающее меню, в котором вы можете выбрать службы социальных сетей, которые вы хотите добавить. По умолчанию Pinterest будет присутствовать в этом поле, наряду с Facebook и Twitter.
Вы также можете выбрать место и тип публикации, где вы хотите отобразить кнопку Pinterest. Он поставляется с несколькими стилями кнопок, которые вы можете выбрать из опции «Поделиться стилем кнопки».
Когда вы закончите, не забудьте нажать кнопку Сохранить изменения, чтобы сохранить настройки.
Теперь вы можете посетить любой пост на своем веб-сайте, чтобы увидеть кнопку Pinterest в действии.
^
Еще одна полезная вещь о SharedCounts – это бесплатное дополнение Custom Pinterest Image, доступное на Github. Это позволяет вам установить собственное изображение и описание для Pinterest, оптимизированное для Pinterest.
Примечание: мы используем плагин SharedCount на нашем сайте, потому что это лучший вариант на рынке. Это очень хорошо закодировано и это бесплатно.
Добавление кнопки «Закрепить» в WordPress вручную в WordPress
Некоторые промежуточные пользователи могут предпочесть добавить кнопки совместного доступа в социальные сети на свой сайт WordPress вместо использования плагина.
Давайте посмотрим, как вручную добавить кнопку Pinterest в WordPress.
Первое, что вам нужно сделать, это сделать полную резервную копию WordPress вашего сайта. Это поможет вам восстановить ваш сайт на случай, если что-то сломается случайно.
Затем вам нужно подключиться к вашему хостингу WordPress с помощью FTP-клиента и затем перейти в папку / wp-content / themes /.
Отсюда вам нужно открыть вашу текущую папку темы и затем найти файл footer.php.
^
Затем просто щелкните правой кнопкой мыши по этому файлу и выберите «Загрузить» из меню. Это загрузит файл footer.php на ваш компьютер.
Теперь вам нужно открыть файл footer.php с помощью простого текстового редактора, такого как Блокнот, а затем вставить следующий скрипт прямо перед тегом </ body>.
^
Как только вы это сделали, вам нужно сохранить файл и затем загрузить его обратно в папку текущей темы.
Затем вам нужно найти и скачать файл single.php из папки вашей темы и открыть его для редактирования. После этого вам нужно добавить следующий код.
Вам нужно будет выбрать место, где вы хотите, чтобы оно появилось в вашем сообщении. После заголовка сообщения наиболее распространено размещение кнопок социальных сетей.
^
Приведенный выше код отображает кнопку Pinterest с вашим избранным изображением, заголовком, описанием и URL-адресом публикации в URL-адресе общего ресурса.
Наконец, вам нужно сохранить файл и загрузить его обратно в каталог вашей темы, используя FTP.
Это добавит вертикальную кнопку «Поделиться» к сообщениям вашего сайта. Если вы хотите отобразить горизонтальную кнопку общего доступа, просто измените параметр count-layout на горизонтальный.
Создание шорткода для кнопки Pinterest
Недавно один из наших пользователей спросил нас, как создать шорткод для кнопки «Закрепить» на Pinterest.
Шорткоды в WordPress позволяют легко добавлять динамические элементы в ваши записи, страницы и виджеты WordPress. Создав шорткод, вы сможете вручную добавить кнопку Pinterest в свои статьи.
Во-первых, вам нужно добавить следующий код в файл functions.php вашей темы или плагин для сайта:
^
После этого вы можете использовать [pin] шорткод в ваших постах WordPress, где вы хотите отобразить кнопку Pinterest.
Добавление кнопки «Закрепить» над вашими изображениями
Если у вас есть сайт о моде, фотографии или портфолио, то вы определенно хотите, чтобы ваши изображения были опубликованы на Pinterest, чтобы увеличить посещаемость вашего сайта.
Давайте посмотрим, как добавить кнопку Pinterest, прикрепите его к изображениям в WordPress. Эта кнопка появляется только тогда, когда пользователь наводит указатель мыши на ваши изображения, что позволяет им легко делиться изображением в своем профиле Pinterest.
Во-первых, вам нужно установить и активировать плагин Pinterest для кнопок картинок.
После активации перейдите на страницу «Настройки» Pinterest, чтобы настроить плагин.
^
На странице настроек вы можете выбрать, где вы хотите показать кнопку «Закрепить» на вашем сайте WordPress. Вы можете отображать его только на отдельных сообщениях, страницах, страницах категорий или везде на вашем сайте.
Следующий вариант – выбрать описание по умолчанию из выпадающего меню. Это будет использоваться в качестве описания изображения для закрепленного изображения.
После этого вам нужно нажать на кнопку Сохранить, чтобы сохранить настройки. Теперь вы можете зайти на ваш сайт и навести курсор мыши на любое изображение, чтобы увидеть кнопку «Закрепить» на Pinterest.
^
Если вы хотите исключить отображение некоторых изображений из кнопки «Закрепить», вы можете добавить класс CSS nopin к изображениям, которые хотите исключить.
Для этого вам нужно выбрать блок изображения в редакторе постов, а затем щелкнуть значок 3 вертикальных точек на панели инструментов блока. Откроется меню, в котором вам нужно нажать кнопку «Изменить как HTML».
^
Теперь вы увидите HTML-код вашего изображения. Давайте добавим nopin в атрибут class тега img:
^
Аналогично, вы также можете использовать плагин для отключения автоматического отображения кнопки «Прикрепить» и использовать класс «pinthis» для CSS, чтобы выборочно отображать кнопку на определенных изображениях.
Для этого вам необходимо посетить страницу настроек плагина, а затем найти раздел «Дополнительно» в правой части страницы.
^
Теперь вам нужно проверить опцию, которая гласит: «Показывать кнопку« Закрепить »только на изображениях с классом =» pinthis »and, а затем нажать кнопку« Сохранить ».
В следующий раз, когда вы добавите изображение в сообщение или страницу, вам нужно выбрать блок изображения и затем использовать опцию «Редактировать как HTML», чтобы добавить этот класс CSS в код изображения. Вот пример:
^
Это покажет кнопку Pinterest на этом конкретном изображении, даже если вы отключили опцию автоматического показа кнопки «Прикрепить» на вашем сайте.
Это все!
Мы надеемся, что эта статья помогла вам понять, как добавить кнопку «Закрепить» на Pinterest в свой блог WordPress. Вы также можете ознакомиться с нашим руководством о том, как создать электронную рассылку и получить больше подписчиков.
