TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Gallery by Supsystic – создаем галерею в мобильном телефоне

1 754

О том, что из себя представляет галерея, созданная при помощи плагина Gallery by Supsystic я уже подробно описывал в данной статье. В данной записи мы рассмотрим, как быстро создать галерею при помощи браузера в мобильном телефоне.

В качестве мобильного устройства будет выступать телефон LG Optimus One, в качестве мобильного браузера — стандартный браузер Android (данная инструкция осуществлена благодаря эмулятору Genymotion)

Содержание:

  • [Входим в админ панель WordPress из телефона](#Входим в админ панель WordPress из телефона)
  • [Добавление новой галереи](#Добавление новой галереи)
  • [Добавление изображений в галерею](#Добавление изображений в галерею)
  • [Добавление изображений из галереи Android](#Добавление изображений из галереи Android)
  • [Добавление шорткода галереи в запись](#Добавление шорт кода галереи в запись)

Входим в админ панель WordPress из телефона

Для входа в панель администрирования WordPress с мобильного телефона наберите в окне ввода адреса данную ссылку:

АДРЕС_ВАШЕГО_САЙТА/wp-admin

На данной странице введите свой логин (1, Скрин.№1) и пароль (2, Скрин.№1), за тем нажмите кнопку «Войти» (3, Скрин.№1). Для того чтобы не вводить постоянно данные аутентификации поставьте галочку в чекбоксе «Запомнить меня» (4, Скрин.№1).

Gallery by Supsystic - создаем галерею в мобильном телефонеСкриншот №1

Теперь, когда нам открылась страница администрирования сайта (админ панель), создадим нашу галерею. Для этого перейдем к элементам управления сайтом, как правило для того что бы они отобразились в браузере мобильного телефона нужно нажать на тогл меню (Скрин.№2).

Gallery by Supsystic - создаем галерею в мобильном телефонеСкриншот №2

Добавление новой галереи

Далее с левой стороны страницы отобразятся инструменты администрирования, среди них выберите пункт «Gallery by Supsystic» (1, Скрин.№3), за тем нажмите на пункт «Новая галерея» (2, Скрин.№3).

Gallery by Supsystic - создаем галерею в мобильном телефонеСкриншот №3

В открывшейся странице введите название новой галереи, в данном примере галерее было присвоено название «mob_gall» (1, Скрин.№4), после чего сохраните галерею при помощи нажатия кнопки «Сохранить» (2, Скрин.№4).

Gallery by Supsystic - создаем галерею в мобильном телефонеСкриншот №4

Добавление изображений в галерею

На следующей странице нажмите кнопку «Добавить картинки» (Скрин.№5)

Gallery by Supsystic - создаем галерею в мобильном телефонеСкриншот №5

Далее нажмите на кнопку «Импорт через WordPress библиотеку» (Скриншот №6).

Gallery by Supsystic - создаем галерею в мобильном телефонеСкриншот №6

Перед Вами откроется страница медиатеки WordPress (Скриншот №7).

Gallery by Supsystic - создаем галерею в мобильном телефонеСкриншот №7

Добавление изображений из галереи Android

По умолчанию WordPress нам предложит свою медиатеку. Но допустим, что мы хотим добавить изображения которые находятся в памяти телефона. Для этого перейдем на вкладку «Загрузить файлы» (1, Скриншот №7). Перейдя на вкладку нажмем кнопку «Выберите файлы» (Скриншот №8).

Gallery by Supsystic - создаем галерею в мобильном телефонеСкриншот №8

Далее браузер нам предлагает источники изображений, Вы можете сделать фотографию и это фото будет сразу же загружено в вашу галерею, или же выбрать другой источник изображений. Но в данной инструкции мы воспользуемся галереей изображений android, для этого нажмем «Gallery» (Скриншот №9).

Gallery by Supsystic - создаем галерею в мобильном телефонеСкриншот №9

Теперь открылась галерея изображений в которой мной будут выбраны фотографии.

Стоит отметить что в случае с Android 4.4 выбор через стандартную галерею возможен по одному изображению за раз, то есть массовая загрузка фотографий не поддерживается. Причем, как только вы укажите на нужную фотографию пальцем (Скриншот №10), сразу же начнется процедура добавления её в медиатеку WordPRess.

Gallery by Supsystic - создаем галерею в мобильном телефонеСкриншот №10

Когда изображения были загружены в медиатеку, выберите их простым щелчком пальца по нужному изображению. О том что изображение было выбрано будет свидетельствовать отмеченный чекбокс в верхнем правом углу изображения (1, Скриншот №11).

Полсе выбора изображений нажмите «Choise image» (2, Скриншот №11).

Gallery by Supsystic - создаем галерею в мобильном телефонеСкриншот №11

Начнется процесс добавления изображений в галерею (Скриншот №12).

Gallery by Supsystic - создаем галерею в мобильном телефонеСкриншот №12

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

Добавление шорт кода галереи в запись

Теперь когда галерея была создана перейдем к записи (или странице) для которой предназначается наша галерея, для этого нажмите на меню тогл (1, Скриншот №13), далее «Записи» (2, Скриншот №13), и «Все записи» (3, Скриншот №13).

Gallery by Supsystic - создаем галерею в мобильном телефонеСкриншот №13

Выберите запись, и откройте её. После того как запись была открыта нажмите на кнопку галереи (Скриншот №14)

Gallery by Supsystic - создаем галерею в мобильном телефонеСкриншот №14

Далее выберите галерею (1, Скриншот №15) и нажмите кнопку «Select» (2, Скриншот №15).

Gallery by Supsystic - создаем галерею в мобильном телефонеСкриншот №15

На этом и заканчивается данная инструкция, все что вам осталось это только сохранить изменения в записи (или странице) после вставки шорт кода галереи, и просмотреть изменения на сайта.

Источник записи: https://mediadoma.com

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее