mobile_gallery-min

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

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

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

Содержание:

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

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

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

image1-minСкриншот №1

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

image2-minСкриншот №2

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

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

image3-minСкриншот №3

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

image4-minСкриншот №4

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

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

image5-minСкриншот №5

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

image6-minСкриншот  №6

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

image7-minСкриншот №7

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

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

image8-minСкриншот №8

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

image9-minСкриншот №9

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

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

image10-minСкриншот №10

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

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

image11-minСкриншот №11

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

27-09-2016-14-14-16-minСкриншот №12

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

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

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

image13-minСкриншот №13

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

image14-minСкриншот №14

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

image15-minСкриншот №15

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

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