Как добавить социальные сети в WordPress с помощью Flow Flow
Социальные сети поглощают нашу жизнь. Хотя не в плохом смысле. Мне лично нравится быть в курсе того, чем занимаются друзья, семья и особенно бренды, каждую минуту. Возможно, это не очень хорошо для моей продуктивности, но это отличная новость для вашего онлайн-бренда или бизнеса.
Ваши подписчики хотят знать, о чем вы пишете в Твиттере, закрепляете, лайкаете, публикуете, публикуете и т.д. Так почему бы не упростить им задачу, добавив свой социальный поток в WordPress?
Самый лучший способ добавить социальные сети в свой блог или сайт WordPress – это Flow Flow. Как и в случае с любой функцией, которую вы, возможно, захотите добавить в WordPress, существует множество вариантов плагинов, но позвольте нам объяснить вам, почему мы считаем Flow Flow самым лучшим.
Быстрые каналы
С Flow Flow добавлять каналы стало еще проще. Это может быть сложно, когда вам нужно создать, найти и расшифровать то, что необходимо для авторизации каждого канала социальной сети. И этот процесс может быть еще более сложным, если вам приходится использовать разные плагины для каждой сети. Lucky for your Flow Flow включает поддержку самых популярных сетей (Facebook, Twitter, Instagram, Pinterest и т.д. ), А также упрощает авторизацию ваших каналов с помощью встроенных полей для необходимой информации (а также подробной документации, если вам когда-либо понадобится Помогите).
Легкие настройки
Технические характеристики, конечно же, важны, но также важен внешний вид плагина. Вы не хотите, чтобы на вашем веб-сайте отображался некрасивый или несоответствующий канал. Flow Flow включает параметры для стиля сетки, столбцов, настраиваемого расстояния между столбцами, фона потока (чтобы он соответствовал или выделялся на вашем основном сайте или фоне строки страницы), анимации, цветов шрифтов, стилей социальных иконок и т.д. И если вы хотите настроить элемент, у которого нет встроенной опции, вы всегда можете добавить немного собственного CSS.
Интеграция Visual Composer
Добавляйте свои потоки на страницы по мере их создания с помощью полной интеграции Visual Composer Flow Flow. Плагин полностью совместим с интерфейсным редактором Visual Composer, поэтому вы можете легко вставлять свои потоки при использовании других параметров конструктора страниц для строк и макетов.
Полная совместимость с темой
И, конечно же, Flow Flow совместим с темой Total WordPress. Фактически, для нас большая честь сообщить, что Flow Flow в настоящее время использует тему Total в своем предварительном просмотре в реальном времени. Когда вы объединяете надежный код Total, быстрый импорт демо, почти неограниченные варианты стилей и, конечно же, включенный визуальный конструктор страниц с мощью социальных потоков Flow Flow, вы ничего не сможете построить.
Но теперь, когда вы знаете, почему мы любим Flow Flow, давайте разберемся, как вы можете реализовать этот замечательный плагин на своем веб-сайте WordPress.
Руководство по быстрому запуску Flow Flow
Looks Awesome (команда Flow Flow) проделала отличную работу по документированию своего плагина. Чтобы быстро начать работу, вы можете просто посмотреть их видео-руководство:
Но для тех из вас, кто хочет пройти мимо старой школы, продолжайте читать, чтобы увидеть, как мы настраиваем Flow Flow.
Шаг 1. Купите, загрузите и установите плагин
Сначала вам понадобится собственная копия плагина, поэтому перейдите на CodeCanyon и приобретите лицензию на личное использование.
Получите социальные потоки Flow Flow
Если вы разработчик, вы можете также рассмотреть возможность расширения лицензии – это отличный способ повысить ценность работы вашего клиента, предлагая социальные сети в качестве функции на всех ваших клиентских сайтах. Просто идея.
Получив лицензию, перейдите на страницу загрузок, чтобы загрузить файл плагина. Если вы выберете опцию «Все файлы и документация», помните, что при этом будет загружен zip-файл, который включает в себя не только плагин, поэтому вам нужно будет распаковать его, прежде чем пытаться установить плагин (обычно просто двойной щелчок по файлу сделает трюк).
Затем войдите в свою установку WordPress и перейдите в раздел плагинов. Нажмите кнопку в верхней части экрана, чтобы «Добавить новый», затем снова «Загрузить плагин».
Нажмите на опцию в середине экрана, чтобы «Выбрать файл». Найдите папку, которую вы только что загрузили и разархивировали из CodeCanyon, она должна называться как Flow-Flow 3.0.9 (с изменением последнего бита в зависимости от номера вашей версии). Выберите заархивированный файл (flow-flow.zip) в этой папке и следуйте инструкциям WordPress на экране, чтобы завершить установку плагина. Затем щелкните параметр для активации.
Шаг 2: отредактируйте настройки Flow-Flow
Перед тем, как начать сборку, мы рекомендуем быстро взглянуть на настройки плагина. Если вы перейдете в Flow Flow> Настройки, вы сможете просмотреть встроенные параметры плагина.
По нашему мнению, вы не захотите пропустить параметры роли модератора, формат даты и количество сохраненных сообщений для ваших каналов. Но обязательно взгляните на другие варианты, прежде чем сохранять.
Когда ваш плагин установлен, активен и настроен, вы можете начать с добавления ваших социальных лент. Все социальные сети индивидуальны, и некоторым потребуются токены доступа или приложения, прежде чем вы сможете добавить канал. Но не волнуйтесь – Flow Flow упрощает все это.
Просто перейдите в Flow Flow> Feeds и нажмите зеленую кнопку «Create Feed +», чтобы начать. Это откроет всплывающее окно.
Отсюда выберите социальную ленту, которую хотите добавить. Мы решили начать с Pinterest, поскольку его очень легко добавить.
После выбора канала вам будет предложено ввести настройки канала. Эти параметры зависят от выбранного канала. Pinterest требуется только имя пользователя или имя пользователя / доска, ваша предпочтительная частота обновления (от 5 минут до одного раза в неделю), количество загружаемых сообщений (1, 5, 10 или 20), а также возможность модерировать то, что Показано. Когда вы закончите, нажмите «Добавить ленту».
Теперь повторите процесс для каждой социальной сети, которую хотите добавить! Просто помните, что вам может потребоваться добавить информацию для авторизации, прежде чем вы сможете добавить канал, но Flow Flow упрощает это, предлагая раздел «Auth».
Отсюда вы можете одновременно добавить информацию для авторизации, необходимую для Twitter, Facebook, Instagram, Google+, YouTube, Foursquare, LinkedIn, SoundCloud и Dribble (Pinterest, Flicker, Vimeo, WordPress и RSS не требуют дополнительных авторизаций при добавлении). В каждом разделе социальных настроек есть ссылка на официальную документацию Flow Flow, если вам нужна помощь. Мы настоятельно рекомендуем вам следовать их указаниям, если вы не знаете, как настроить свои приложения и / или токены доступа.
После добавления и сохранения ваших разрешений вы сможете создавать и активировать каналы для этих социальных сетей.
Если вы случайно ввели неверную информацию при создании канала или забыли добавить авторизацию канала, вы увидите оранжевый восклицательный значок (!) В качестве статуса канала. Просто наведите указатель мыши на значок, чтобы увидеть ошибку ленты. После того как вы правильно отредактируете фид или информацию об авторизации, у вас будет возможность включить фид.
После того, как вы добавили все свои социальные сети, вы можете скомпилировать их в социальные сети. Это быстро и легко. Просто перейдите на вкладку «Потоки» и нажмите зеленую кнопку, чтобы «Создать поток».
Дайте своему потоку имя и начните добавлять свои каналы. Просто используйте раскрывающееся поле, чтобы выбрать, а затем добавить каждый из ваших предпочтительных источников каналов.
По мере добавления каналов вы сможете увидеть их в разделе «Подключенные каналы».
генеральный
Затем щелкните вкладку «Общие», чтобы установить важные параметры для упорядочивания, количества сообщений, лайтбокса, конфиденциальности, отображения устройства и т.д.
Сетка
Не пропускайте эти варианты! Вам нужно перейти на вкладку «Сетка», чтобы изменить настройки дизайна сетки (каменная кладка, равная сетка или выравнивание по ширине), столбцов и интервалов, заголовка и т.д.
Стиль Social Stream
Flow Flow позволяет легко создавать потоки, выглядящие по-разному. Используйте параметры стиля карточек и конструктор карточек с перетаскиванием, чтобы перекрасить и реорганизовать сообщения в социальных сетях.
Пользовательские CSS
Если вы разработчик или хорошо разбираетесь в CSS, это встроенный раздел для добавления вашего собственного кода. Это отличный способ настроить визуальное отображение вашего потока, чтобы оно действительно соответствовало веб-сайту вашего клиента.
Короткий номер
Последняя вкладка вашего потока содержит шорткод потока. Его можно скопировать и вставить в сообщение или страницу, чтобы мгновенно отобразить ваш поток.
Шаг 5. Добавьте свой поток на свой веб-сайт
Последний шаг – сделать ваш поток видимым, вставив его на страницу. Один из вариантов – скопировать шорткод и вставить его в текстовый редактор своей страницы. Но если вы используете тему с конструктором страниц, например, наша тема Total WordPress, это так же просто, как нажимать несколько кнопок.
Сначала создайте новую страницу, дайте ей имя и выберите макет страницы, избранное изображение и т.д. Когда вы закончите с настройками страницы, нажмите на бэкэнд Visual Composer или редактор внешнего интерфейса (нам нравится видеть, что мы делаем, поэтому мы всегда используем редактор внешнего интерфейса с Total).
Затем щелкните значок плюса (+), чтобы добавить новый элемент страницы, затем выберите социальную ленту Flow Flow.
Затем выберите социальную ленту, которую хотите добавить, и сохраните изменения. Это оно! Просто опубликуйте свою страницу, чтобы она была видна посетителям вашего сайта.
Дополнительные функции Flow Flow
Сила Flow Flow на этом не заканчивается! Разработчики также выпустили пару полезных надстроек для плагина, чтобы дать вам еще больше добавленной стоимости через ваши социальные сети.
Реклама и брендинг: монетизируйте свои социальные сети с помощью надстройки Flow Flow Advertising & Branding. С его помощью вы можете продавать избранные места в своей социальной сети, вставлять рекламу или даже создавать карты героев для своих кампаний в социальных сетях.
Расширение вещания: в вашем офисе есть вестибюль? Или, может быть, ваша компания проводит или посещает конференцию? Расширение Flow Flow Broadcasting – это именно то, что вам нужно. Используйте его, чтобы отображать прямую трансляцию из социальных сетей на большом экране (телевизор, проектор и т.д.) И мгновенно привлекать внимание к вашим наиболее актуальным сообщениям, твитам, объявлениям и т.д.
Последние мысли
Подводя итог, можно сказать, что Flow Flow – это многофункциональный плагин, который предоставляет каждому пользователю WordPress простой способ коллективного отображения социальных лент (будь то на вашем веб-сайте или на большом экране телевизора). Нам лично нравятся простые варианты, отличная документация, интеграция с Visual Composer (и Total) и полезные расширения. Вы можете узнать больше о Flow Flow на странице плагина, и мы надеемся, что вы попробуете его в своем следующем клиентском проекте или на своем личном веб-сайте.
Есть вопросы о Flow Flow? Или, может быть, вы использовали плагин и хотите поделиться некоторыми советами и рекомендациями? Просто оставьте комментарий – мы будем рады услышать ваше мнение!
Источник записи: https://www.wpexplorer.com