Droppics документация

 

Вступление

Droppics - это расширение Joomla, используемое для создания галерей и управления изображениями разумным и продуктивным способом.

 

Droppics-Главный

Основные характеристики:

  • Создайте галерею с лайтбоксом всего за 3 клика
  • Используйте Droppics из редактора и во внешнем интерфейсе
  • Управление видео среди изображений
  • Мультизагрузка AJAX
  • Создание эскизов при загрузке
  • Настройка экрана без CSS
  • Восстановить изображения из оригинальных и нестандартных размеров
  • Тема оформления галереи включена
  • Многоуровневые галереи
  • Заказать изображения и галереи с помощью перетаскивания
  • SEO оптимизирован

 

I. DROPPICS УСТАНОВИТЬ

1.1 Установить

Наш компонент совместим с Joomla 3.x. Все функции и сторонние интеграции включены во все членства.
Для того, чтобы установить наш компонент, вам нужно скачать .zip файл и использовать стандартный установщик Joomla.

 

Joomla установить

 

Затем нажмите кнопку «Обзор»> «Загрузить и установить». Компонент, модули и плагины будут установлены и активированы по умолчанию.

 

1.2 Обновление и автоматическое обновление

Чтобы обновить расширение, вы можете установить новую версию поверх старой, загрузив файл .zip из JoomUnited или использовать автоматическое обновление (рекомендуемые).

 

droppic-обновление

 

Автоматическое средство обновления, которое отправляет уведомление об обновлении, встроено в установленное расширение Joomla. Вы получите уведомление, как и с любым другим расширением на панели инструментов, или вы можете проверить вручную, используя меню: Расширение> Управление> Обновить меню.

 

Войдите в свой аккаунт, чтобы обновить

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

 

в прямом эфире обновление

 

Введите те же учетные данные JoomUnited, которые вы используете для входа на www.joomunited.com

 

Логин-joomunited

 

Кнопка станет оранжевой - поздравляю! Теперь вы можете обновить все расширения JoomUnited на этом сайте! Если срок вашего членства истек, вы получите обновленную ссылку и текст, объясняющий это.

 

счет-сшитый

 

Примечание: один логин позволит вам обновить все расширения JoomUnited (относительно вашего членства). Срок действия входа не истечет, если вы не отключите его.

II. ГАЛЕРЕИ DROPPICS

Основная идея Droppics - установить параметры изображения и галерей в компоненте, а затем управлять ими прямо из вашего редактора. Droppics работает на любом стандартном редакторе WYSIWYG Joomla, как для внешнего, так и для внутреннего интерфейса. Например, вы можете добавить галерею в пользовательский модуль Joomla.


Когда Droppics установлен, у вас есть кнопка плагина редактора, отображаемая ниже или в вашем редакторе (в зависимости от используемого редактора).

 редактор галереи-менеджер

Нажмите на него, чтобы открыть основной лайтбокс Droppics.

 

Lightbox-галерея

 

2.2 Управление галереями

Чтобы создать галерею, нажмите на Новый альбом в левом столбце.

 

новая галерея

 

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


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

 

загрузить изображения

 

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

 

уведомительный всплывающий файл

 

Выберите одно или несколько изображений, чтобы загрузить их. Загрузчик работает на HTML5, поэтому вы можете отправлять большие изображения. Они будут автоматически изменены до размеров, определенных в глобальных параметрах (по умолчанию 1200px).


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

dragndrop-изображения порядка

Чтобы вставить галерею в вашу статью, нажмите на Вставьте эту галерею кнопка в правом столбце

 

вставки-галерея-контент


 
Галерея будет реализована в вашей статье с Значок Droppics.

 

Галерея-материализовался

 

Сохраните контент, и все готово - ваша первая галерея уже в сети! Если вы нажмете на изображение галереи Droppics в статье, а затем на кнопку Droppics, вы перезагрузите выбранную галерею.

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

 

Тема по умолчанию позволяет вам определить:

  • Размер границы
  • Радиус границы
  • Цвет границы
  • Цвет и размер тени изображения
  • Левое поле, верхнее поле, правое поле, нижнее поле
  • Загружать ли под-галереи или нет
  • В теме слайд-шоу доступны некоторые дополнительные параметры, такие как задержка перехода, эффект ...

 

2.3 Подгалереи

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

 

заказ-изображения галереи

 

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

 

суб-галерея

 

Если вы отключили настройки галереи и настройки из глобальной конфигурации, используйте меню Компоненты> Droppics> Функции> Выберите тему для настройки.

 

Настройки-subgalleries

 

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

 

subgalleries-интерфейс
 

Миниатюра под-галереи генерируется автоматически с использованием первого изображения в категории изображений. Попав в галерею, вы также можете выбрать изображение для использования в качестве кнопки возврата на Опция> Основные параметры меню.

 

запасной вариант-категории

 

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

 

макро изображения категории

 

2.5 Копировать - Вырезать - Вставить изображения

После того, как изображение было загружено в Droppics, вы можете выбрать один / несколько элементов, нажав на него. Вы можете выбрать несколько изображений, нажав и удерживая клавишу CTRL. Первый способ перемещения или копирования изображений - это перетаскивание. Перетаскивание само по себе будет перемещать изображение, перетаскивание, а нажатие и удерживание Shift скопирует изображения

 

перетаскивания-изображения

 

Вы также можете использовать верхние правые кнопки.

 

копипаст-кнопка

 

III. ЕДИНОЕ УПРАВЛЕНИЕ ИЗОБРАЖЕНИЯМИ


3.1 Параметры отображения одного изображения

С Droppics вы можете использовать одни и те же изображения в ваших галереях или как одно изображение в вашем контенте. Откройте Droppics, нажмите на изображение, и правая панель изменится. Из верхней части вы можете определить:

  • Радиус границы
  • Поле
  • Размер границы
  • Цвет границы
  • Размер тени
  • Цвет тени
  • центровка

 

image-parameter1

 

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

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

 

одного файла параметров

 

Затем вы можете определить действие при нажатии на изображение с помощью дополнительной внешней ссылки и подписи (текст под вашим изображением):

 

image-parameter2

 

Действие по нажатию определит, будет ли пользователь:

  • Откройте изображение в лайтбоксе
  • Перейдите по ссылке на статью или меню
  • Перейдите по ссылке на пользовательский URL
  • Ничего не делать

Подпись изображения:

  • Перейдите по пользовательской ссылке в представлении галереи
  • Показать подпись

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

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

 

изображение-ссылка-галерея

 

При нажатии на одно изображение, у вас есть возможность заменить изображение на всем сайте Joomla. Загрузите новый, и Droppics восстановит изображения всех размеров, включая нестандартные, и заменит их в вашем контенте!

 

изображение замены

 

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

 

парить-изображение

 

И процесс загрузки также.

 

Загрузка-процесс

 

3.2 Создание пользовательских размеров изображения

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

 

изображения нестандартного размера

 

Пользовательские размеры изображений также могут быть созданы автоматически при загрузке. Для определения нестандартных размеров используйте меню: Компонент> Droppics> Параметры> Отдельные изображения> Нестандартные размеры.

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

 

нестандартного размера изображения

 

Как только пользовательское изображение будет сгенерировано, оно появится в вашем списке изображений. Затем просто нажмите на вставить эту картинку добавить в вашей статье.

 

изображение-в-содержание
 
Нажав обратно на изображение и на Droppics Кнопка, изображение будет открыто снова со всеми его параметрами.

 

повторного открытого изображения

 

Для целей SEO вы можете определить заголовок, альтернативный текст и изменить исходное имя файла.

 

сео-образ-инфо

 

3.3 Применение эффектов к изображению

Вы можете применять фильтры и эффекты к изображениям. Справа от размера изображения нажмите на «Редактировать» значок пера.

 

открыт эффект

 

Вам будет показан экран с эффектами.

 

Изображение эффекта вид


 
Вы можете применять модификации и эффекты:

  • урожай
  • Изменение размера
  • Зеркало
  • Поворот
  • Применить некоторые стилистические эффекты

 

Внутривенно DROPPICS ПАРАМЕТРЫ


4.1 Параметры расширения


Для доступа к параметрам Droppics используйте Компонент> Droppics> Параметры меню.

 

глобальные-параметры

 

  • Размер миниатюры: размер всех миниатюр, которые либо создаются при импорте изображений, либо отображаются в галереях и как отдельные изображения
  • Средний размер: размер увеличенного изображения, используемого в лайтбоксе, например
  • Исходный размер загрузки: размер исходного изображения, хранящегося на сервере, используется для генерации новых размеров
  • Адаптивные изображения: разрешите ему генерировать 2 новых размера изображения с шириной 768 пикселей и 300 пикселей, которые будут загружаться на экраны мобильных устройств
  • Показать название лайтбокса: отображать заголовок изображения при его открытии в лайтбоксе
  • Размер изображения в лайтбоксе: размер картинок в лайтбоксе; если вы выберете большойне забудьте восстановить изображения для своей папки, если вы никогда не делали этого раньше
  • Качество JPG: установить качество изображений .jpg
  • Сжатие PNG: используйте его, если хотите сжать изображения при загрузке

 

Урожай-вариант

  • Обрезка изображения: Вы можете обрезать свои изображения при загрузке на основе размера, который вы определили в начале - в противном случае соотношение изображений будет соблюдаться
  • Закрыть категории: загрузить представление категорий / подкатегорий администратора, открытое или закрытое
  • Определить бесконечные параметры прокрутки: загружайте изображение постепенно, а не все изображения при загрузке страницы
  • Элементы сначала загружены: Количество элементов, загруженных изначально
  • Элементы, загруженные в ajax: Количество элементов, загруженных в ajax
  • Загрузить тему в категории: Загрузка и изменение параметров темы в каждой категории файлов
Примечание: если вы измените размер изображения или активируете адаптивную функцию, вам необходимо выполнить Миниатюра регенерации. Пожалуйста, нажмите на кнопку и восстановите изображения всех размеров.

 

эскиз-регенерации

Это может занять некоторое время в зависимости от количества изображений, просто наберитесь терпения :)

4.2 Разрешение и управление внешним интерфейсом изображения


Droppics использует ACL по умолчанию Joomla для настройки доступа к управлению изображениями. По умолчанию пользователь Super admin всегда будет иметь доступ ко всем галереям.
 
Если вам нужно ограничить доступ для какого-то пользователя, поместите его хотя бы в группу администраторов или создайте новую группу пользователей Joomla. Например, если вы хотите, чтобы администратор получать доступ и редактировать только свои собственные изображения, задавать «Редактировать» право на «отказано» и «редактировать свое» на «разрешено», Вы также можете ограничить:

  • Доступ к конфигурации Droppics
  • Доступ к интерфейсу
  • Создание изображения / галереи
  • Удаление изображения / галереи
  • Редактирование / редактирование собственного файла

 

droppics-разрешение

Droppics дает возможность управлять изображениями из внешнего интерфейса с помощью кнопки редактора (как на стороне администратора) или с помощью специального интерфейса. При установке Droppics для этого добавляется шаблон.
Используйте меню Joomla для загрузки Droppics во внешнем интерфейсе. Естественно, все установленные вами разрешения будут соблюдаться.

Добавьте меню Joomla и настройте Стиль шаблона внешнего интерфейса Droppics.

 

droppics меню

 

Затем, если вам позволено, вы можете управлять изображениями из веб-интерфейса.

 

Frontend-образ-издание

 

4.3 Темы и настройки изображения

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

 

нагрузки тематические параметры

 

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

 

темы-конфигурации

 

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

 

тематические варианты

 

4.4 Удаленное видео

Droppics может включать удаленные видео с Youtube, Vimeo и Dailymotion среди изображений. Для активации опции используйте Компонент> Droppics> Параметры> Добавить удаленное видео меню.
Вы также можете определить ширину видео по умолчанию, когда оно добавляется как отдельное видео или загружается в лайтбокс.

 

удаленное видео

Активация этого параметра добавит кнопку над кнопкой загрузки.

 

надстройка удаленного видео

 

Единственное, что вам нужно добавить, это URL видео.

 

надстройка удаленный_файл видео-URL

 

4.5 Droppics импортер изображений

Droppics имеет медиа-импортер, который может просматривать и импортировать изображения с вашего сервера. Для активации опции перейдите на Компонент> Droppics> Параметры> вкладка Основные параметры> Показать параметр импорта изображений.

 

Изображение-импорт

 

Затем используйте основной интерфейс Droppics, чтобы выбрать носитель и импортировать его в нужную категорию.

 

импортер выбора

 

4.6 Изображение водяного знака

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

 

включить-водяной знак

 

Затем выберите изображение водяного знака, чтобы применить его к вашим изображениям - это может быть любое изображение, но обратите внимание на размер.

 

выберите-водяной знак

 

Есть 5 позиций, где вы можете разместить водяной знак:

  • Центр
  • Нижний левый
  • Нижний правый
  • В правом верхнем углу
  • Верхний левый

 

водяной знак позиция

 

Возможные размеры при нанесении водяного знака:

  • Все размеры
  • Thumbnail
  • большой
  • Средняя
  • Обычный размер

Замечания: Водяной знак будет применен только после сохранения настроек и восстановления эскизов (нажмите кнопку «Восстановить эскизы»).

 

изображения водяного знака

 

V. DROPPICS ТЕМЫ

5.1 Тематическая презентация


Droppics поставляется с 6 темами:

  • Тема по умолчанию
  • Тема Masonry: это адаптивная тема, которая отображает фото стены
  • Тема слайд-шоу для отображения изображения карусели
  • Тема дизайна, похожая на поляроид
  • Тема Heapshot, представляющая собой стопку фотографий с хорошим эффектом переключения между ними
  • Пользовательская расширенная тема слайд-шоу с пользовательским текстовым редактором поверх изображений

 

галерея-тема-образ-PARAMS

 

 


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

 

Пользовательская-слайд-шоу-тема


В теме masonry вы можете установить максимальную ширину изображения.

 

masonry-конфигурации

 

VI. DROPPICS ПОЛЕЗНЫЕ СОВЕТЫ

Droppics создан для использования в каждом поле редактора WYSIWYG - вам просто нужно вызвать плагин контента. Большую часть времени он активирован по умолчанию.
Обратите внимание, что это не так в пользовательском HTML-модуле Joomla - вам нужно активировать его, как указано выше.

 

заказ модуль

 

На вкладке опций вам нужно установить опция Подготовить контент к Да.

 

6.2 Создание / переопределение темы Droppics

Вы можете настроить и добавить темы в Droppics. Мы не используем стандартные переопределения MVC, но систему плагинов Joomla по умолчанию.
Темы Droppics являются плагинами и находятся в папке / plugins / droppics.

Вам нужно будет скопировать один плагин и изменить его имя, чтобы создать новый плагин (pluginname.xml и имя класса плагина).
Затем установите его через стандартный установщик Joomla. Это должно быть показано в списке тем. Затем вы можете внести все изменения, которые вы хотите в этой теме, и это не будет зависеть от обновлений.