Как добавить виджет Flickr в WordPress

Вы хотите добавить виджет Flickr в WordPress? Создав виджет Flickr, вы можете показывать изображения, видео и даже целые альбомы на своем сайте...

Вы хотите добавить виджет Flickr в WordPress?

Создав виджет Flickr, вы можете показывать изображения, видео и даже целые альбомы на своем сайте WordPress. Это простой способ поддерживать свежесть и привлекательность вашего контента и увеличивать число подписчиков на Flickr.

В этой статье мы покажем вам, как можно добавить виджет Flickr на ваш сайт WordPress.

Как добавить виджет Flickr в WordPress

Самый простой способ добавить виджет Flickr в WordPress — это использовать Photonic. Этот плагин позволяет показывать контент с множества различных сайтов и платформ, включая Google Photos, SmugMug и Flickr.

Для отображения контента с Flickr вам понадобится SSL-сертификат. Если вам нужна помощь, ознакомьтесь с нашим руководством о том, как получить бесплатный SSL-сертификат для вашего сайта WordPress.

После этого вы готовы установить и активировать плагин Photonic. Вы можете посмотреть наше руководство по установке плагина WordPress для получения пошаговых инструкций.

После активации перейдите на сайт Photonic » Настройки. Затем вы можете перейти на вкладку «Flickr».

Photonic

Как только вы это сделаете, нажмите на ссылку «Настройки Flickr».

Для начала вам нужно подключить Photonic к вашей учетной записи Flickr, создав API-ключ и секрет. Чтобы получить эту информацию, вам сначала нужно создать приложение на сайте Flickr.

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

Рекомендуется создать ключ и секрет в новой вкладке, чтобы вы могли легко переключаться между сайтом Flickr и приборной панелью WordPress.

В новой вкладке браузера перейдите на страницу API Flickr. На этой странице нажмите на ссылку «Подать заявку на получение ключа онлайн сейчас».

Создание приложения Flickr

Теперь вы можете ввести адрес электронной почты и пароль, которые вы используете для своей учетной записи Flickr.

После того как вы войдете в свой аккаунт, вам нужно будет сообщить Flickr о том, планируете ли вы использовать виджет Flickr для коммерческого или некоммерческого проекта.

Если вы создаете личный блог WordPress или сайт для малого бизнеса, нажмите на кнопку «Применить некоммерческий ключ».

Создание коммерческого или некоммерческого проекта Flickr

На следующем экране дайте название своему приложению, введя его в поле «Как называется ваше приложение». Посетители вашего сайта не увидят названия, так как оно предназначено только для вашей ссылки.

Здесь также есть поле «Что вы создаете», где вы можете сообщить Flickr о том, как вы собираетесь использовать приложение.

Создание виджета Flickr для WordPress

После ввода всей этой информации стоит внимательно прочитать правила и условия Flickr. Если вы согласны, то просто нажмите на кнопку «Отправить».

Теперь Flickr покажет API-ключ и секрет, которые вы можете использовать для подключения сайта Flickr к приложению Photonic.

Просто скопируйте ключ и секрет, а затем переключитесь обратно на панель управления WordPress. Теперь вы можете вставить эти два значения в поля ‘Flickr API Key’ и ‘Flickr API Secret’.

Добавление ключа и секрета API Flickr

После этого просто прокрутите экран в самый низ и нажмите на кнопку «Сохранить настройки страницы Flickr».

На данном этапе Platonic имеет доступ к сайту Flickr. Следующим шагом будет предоставление плагину разрешения на доступ к вашей учетной записи Flickr.

Чтобы сделать это, перейдите по адресу Photonic » Аутентификация в вашей приборной панели WordPress. Затем вы можете нажать на кнопку ‘Войти и получить токен доступа от Flickr’.

Добавление маркера доступа в WordPress

Это приведет вас к экрану, где вы сможете ввести имя пользователя и пароль Flickr.

Как только вы это сделаете, просто нажмите на «Войти.’

Flickr

Теперь Flickr покажет некоторую информацию о действиях, которые может выполнять Photonic, и о данных, к которым он будет иметь доступ.

Если вы согласны предоставить Photonic эти разрешения, то можете нажать на кнопку «OK, я авторизую его».

Предоставление Photonic доступа к Flickr

После нажатия на эту кнопку вы будете автоматически отправлены обратно в приборную панель WordPress.

На этом экране вы увидите новый Токен доступа и Секрет Токена доступа. Чтобы добавить эти маркеры в настройки Photonic, просто нажмите на кнопку «Сохранить маркер».

Токен доступа Flickr

Теперь WordPress переведет вас на страницу Photonic » Настройки экран с уже вставленными в нужные поля маркером доступа и секретом маркера доступа.

После этого есть еще несколько параметров, которые вам нужно будет настроить.

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

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

Однако, возможно, вы захотите установить аккаунт по умолчанию. Например, если вы планируете показывать контент только с вашего личного аккаунта Flickr, то установка этого параметра по умолчанию поможет вам сэкономить время. При необходимости вы всегда можете отменить эти настройки.

Чтобы установить пользователя по умолчанию, откройте новую вкладку и перейдите на аккаунт Flickr, который вы хотите использовать. Затем вы можете скопировать URL-адрес в адресную строку браузера, который должен иметь вид https://www.flickr.com/photos/username/.

Теперь вернитесь в панель управления WordPress и вставьте URL Flickr в поле «Пользователь по умолчанию».

Установка имени пользователя Flickr по умолчанию

После этого вы можете настроить, как Photonic будет показывать содержимое виджета Flickr на вашем сайте.

Для начала вы можете нажать на выпадающий список «Медиа для показа» и выбрать, что показывать: только фото, только видео или и фото, и видео.

Выбор медиафайлов Flickr для отображения

После этого вы можете выбрать, насколько большими будут эскизы в виджете Flickr.

Когда посетитель заходит на ваш сайт, Photonic покажет миниатюры всех ваших изображений и видео, как показано на следующем изображении.

Предварительный просмотр миниатюр Flickr на сайте WordPress

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

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

Пример слайд-шоу Flickr

Чтобы изменить размер миниатюр, просто откройте выпадающий список «Размер миниатюр» и выберите значение из списка.

Далее вы можете выбрать размер изображения, которое появляется, когда посетитель нажимает на миниатюру. Для этого просто откройте выпадающий список «Размер основного изображения» и выберите размер из списка.

Изменение размера изображения

Планируете ли вы показывать видео в виджете Flickr?? Затем вам нужно будет открыть выпадающий список «Размер видео» и выбрать, какого размера видео-лайтбокс будет отображаться на вашем сайте.

Лайтбокс — это просто всплывающее окно, в котором отображается видеоконтент, аналогично видеоплееру. Пока лайтбокс открыт, посетители не смогут взаимодействовать с остальной частью страницы.

Настройки лайтбокса для видео

Есть еще несколько настроек, на которые вы, возможно, захотите обратить внимание. Однако это должно быть хорошим началом для большинства сайтов WordPress.

Когда вы будете довольны добавленной информацией, прокрутите экран до самого низа и нажмите на кнопку «Сохранить настройки страницы Flickr».

Теперь, когда вы настроили плагин, вы можете добавить виджет Flickr в любой пост, страницу или область с поддержкой виджетов.

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

Для начала просто откройте страницу или пост, куда вы хотите добавить виджет Flickr. Здесь нажмите на значок +, а затем введите ‘Photonic Gallery’, чтобы найти нужный блок.

Блок Photonic Gallery

Как только вы нажмете на блок Photonic Gallery, он добавит блок на ваш сайт.

После этого перейдите и нажмите на Добавить фотогалерею.

Блок Photonic Flickr

Откроется всплывающее окно, в котором вы можете выбрать, откуда Photonic будет получать изображения и видео, например, из Instagram или Google Photos.

Примечание: Хотите создать галерею Instagram на своем сайте? Мы рекомендуем плагин Smash Balloon, потому что он прост в использовании и мощный. Посмотрите, как создать пользовательскую ленту фотографий Instagram в WordPress.

Поскольку мы хотим добавить виджет Flickr в WordPress, нажмите на ‘Flickr.’ Затем нажмите на кнопку «Далее».

Выбор медиаисточника

Теперь вы можете открыть выпадающее меню и выбрать тип контента, который вы хотите показать.

Это может быть только одна фотография, несколько фотографий или даже целые альбомы, галереи изображений или коллекции Flickr.

Настройка блока Flickr

После выбора опции вам нужно будет указать аккаунт Flickr, с которого Photonic должен получать контент.

Самый простой вариант — просто получить фотографии или видео из имени пользователя по умолчанию, которое вы добавили в настройках Photonic. Для этого просто нажмите на радиокнопку ‘Текущий пользователь’.

Использование имени пользователя по умолчанию

Хотите показывать контент из другого аккаунта Flickr? Затем нажмите на радиокнопку «Другой пользователь».

Это добавляет новое поле, в которое вы можете вставить URL-адрес аккаунта Flickr, который вы хотите использовать.

Как настроить блок Flickr Photonic

Другой вариант — показать изображения и видео из группы Flickr. Для этого просто нажмите на радиокнопку «Группа.

Затем, в новой вкладке перейдите в группу, которую вы хотите использовать. Теперь вы можете скопировать URL, который должен выглядеть примерно так: https://www.flickr.com/groups/group-name.

Теперь вернитесь к приборной панели WordPress и вставьте URL в поле ‘Имя группы’.

Настройки названия группы Flickr

Выбрав нужный вариант, нажмите кнопку «Далее».

На следующем экране вы увидите предварительный просмотр всех различных изображений и видео, которые Photonic будет показывать в вашем виджете Flickr.

Если вы не хотите показывать все эти изображения и видео, вы можете отфильтровать содержимое на основе того, как оно помечено на Flickr.

В поле ‘Tags’ просто введите теги, которые вы хотите использовать. Если вы хотите использовать несколько тегов в своем фильтре, то просто отделите каждый тег запятой.

Фильтрация изображений и видео с помощью тегов

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

Если вы введете более одного тега, то вам нужно будет выбрать, показывать ли все медиа, имеющие один из этих тегов, или только медиа, имеющие все теги.

Для этого откройте выпадающий список ‘Tag mode’ и нажмите на ‘Any tag’ или ‘All tags.’

Фильтрация изображений и видео с помощью тегов

Имейте в виду, что превью миниатюр на этой странице не будут обновляться автоматически. Если вы внесете какие-либо изменения, то в предварительном просмотре могут не отображаться изображения и видео, которые будут включены в готовый виджет Flickr.

Когда вы будете довольны внесенными изменениями, нажмите «Далее.’

На этом экране вы увидите все различные макеты, которые вы можете использовать для виджета Flickr, такие как квадратная сетка и слайд-шоу.

Просто нажмите на макет, который вы хотите использовать, а затем нажмите на кнопку «Далее».

Различные макеты Photonic

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

Вы можете увидеть различные настройки в зависимости от выбранного вами макета. Например, если вы используете макет Circular Icon Grid или Square Grid, то вы сможете выбрать, сколько колонок включить в виджет Flickr.

Круговой макет виджета Flickr

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

Как только вы закончите с настройками для вашего макета, нажмите на кнопку «Далее».

Макет слайд-шоу Flickr

Теперь всплывающее окно будет показывать код, который он добавит на ваш сайт. Если вы хотите продолжить, нажмите на кнопку «Далее».

Photonic не показывает содержимое Flickr внутри редактора постов, поэтому вам нужно будет нажать на кнопку «Предварительный просмотр», чтобы увидеть, как виджет будет выглядеть для людей, которые посещают ваш сайт.

Предварительный просмотр виджета Flickr

Как только вы будете довольны тем, как выглядит виджет Flickr, вы сможете обновить или опубликовать эту страницу в обычном режиме.

Надеемся, что эта статья помогла вам узнать, как добавить виджет Flickr в WordPress. Вы также можете ознакомиться с нашим руководством по созданию собственного подкаста или посмотреть подборку лучших телефонных сервисов для малого бизнеса.

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий