Хотите отобразить событие Facebook на своем веб-сайте WordPress? События Facebook позволяют вам содействовать ваши мероприятия, используя возможности крупнейшей в мире социальной сети.

В этом уроке мы покажем вам, как отображать ваши события в Facebook на WordPress.

Способ первый: добавление событий Facebook вручную

Этот метод использует плагины социальных сетей Facebook для добавления событий Facebook в WordPress. Вам нужно будет отредактировать файл из вашего WordPress тема. Если вам неудобно добавлять код вручную, попробуйте другие методы.

Давайте начнем.

Вы должны сначала посетить страницу плагина на сайте " Facebook для developpers ". В поле URL-адрес страницы Facebook введите URL-адрес своей страницы Facebook.

Плагин Facebook Page может отображать несколько вкладок на вашей странице, включая вкладку «События». Просто вставьте «события» в область вкладок, и вы увидите окно предварительного просмотра, в котором отображается вкладка событий вашей страницы.

Конфигурация плагина Facebook

Вы также можете настроить другие параметры, такие как размер фото крышка, высота контейнера, ширина и т. д.

Как только вы будете удовлетворены, нажмите на кнопку Получить код». Откроется окно с двумя полями кода.

Поле кода Facebook

Первая часть кода должна быть добавлена ​​в файл header.php ваш WordPress тема, сразу после тега .

Затем вам нужно скопировать вторую часть кода и добавить ее в статью, страницу или виджет WordPress.

Не забудьте сохранить свои изменения.

Вот и все. Что вам еще нужно сделать, это посетить ваш сайт, и ваши события будут видны.

Презентация мероприятий facebook

Второй метод: добавить события Facebook с плагином

Этот метод позволяет добавлять события Facebook в WordPress без добавления кода в ваш файл. WordPress тема.

Первое, что вам нужно сделать, это установить и активировать плагин " WP Вставить Facebook ". Для получения более подробной информации см. наше пошаговое руководство по установке Плагин Wordpress.

После активации плагина необходимо посетить Настройки> Вставить Facebook Для настройки параметров плагина.

Страница настроек плагина разделена на несколько вкладок. Сначала вы перейдете на вкладку Магия Встраивание ». Перейти в раздел " Настройки Facebook .

Настройки встраивания Facebook

Вы должны войти в приложение и предоставить ID и секретные ключи. Вы можете получить эти ключи, посетив сайт Facebook Разработчики Создать новое приложение.

Создать приложение facebook

Откроется окно, в котором вам будет предложено указать имя для вашего приложения и выбрать категорию.

Создать приложение facebook

Нажмите на кнопку Создать идентификатор приложения «Для того, чтобы продолжить.

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

Ключ приложения Facebook

Теперь вы увидите свой ключ APP ID »И ваше приложение« секретный ключ Которые будут скрыты, и вам нужно будет нажать на них, чтобы просмотреть их.

Вставьте идентификатор приложения и секретные ключи в настройки виджета и нажмите кнопку «Сохранить».

Вы заметите, что настройки виджета теперь будут отображать новую кнопку под названием " Токен доступа .

Токен доступа к виджету facebook

Однако, чтобы получить токен доступа, вам нужно будет добавить URL-адрес своего сайта в приложение Facebook.

На странице настроек приложения Facebook прокрутите вниз и нажмите кнопку «Добавить платформу».

Добавить платформу виджетов facebook

Это вызовет окно, показывающее различные платформы, на которых вы можете использовать приложение. Вы должны выбрать " Веб-сайт .

Выбор платформы facebook

Затем вам нужно добавить URL-адрес вашего веб-сайта в поле сайта и нажать кнопку «Сохранить изменения».

Сохраните URL-адрес вашего веб-сайта приложения facebook

Теперь вы можете вернуться к настройкам виджета и нажать на кнопку Получить маркер доступа ". Вы перейдете на сайт Facebook, где вам будет предложено предоставить приложению разрешение на доступ к вашему профилю.

Маркер доступа к странице facebook

После этого вы будете перенаправлены на страницу настроек виджета. Не забудьте нажать на кнопку « Сохранить изменения Чтобы сохранить ваши настройки.

Теперь вы можете посетить свой сайт, чтобы увидеть события Facebook, доступные в виджете.

событие facebook демонстрация

Виджет «События Facebook» поставляется с базовой таблицей стилей, которая может не соответствовать цветам вашей темы. Вам нужно будет использовать " инспектировать Чтобы увидеть классы CSS, созданные плагином, а затем использовать эти классы для изменения внешнего вида событий.

Это все, что нужно для этого урока. Надеюсь, оно поможет вам опубликовать события Facebook в своем блоге.