Dokumentacja Droppics

 

Wprowadzenie

Droppics to rozszerzenie Joomla używane do generowania galerii i zarządzania obrazami w inteligentny i produktywny sposób.

 

Droppics-main

Główne cechy:

  • Stwórz galerię z lightboxem za pomocą zaledwie 3 kliknięć
  • Użyj Droppics z edytora i interfejsu
  • Zarządzaj filmami wśród zdjęć
  • Multi-upload AJAX
  • Generowanie miniatur podczas przesyłania
  • Dostosuj wyświetlanie bez CSS
  • Regeneruj obrazy z oryginalnych i niestandardowych rozmiarów
  • Dołączony motyw do galerii
  • Galerie wielopoziomowe
  • Zamów zdjęcia i galerie za pomocą przeciągania i upuszczania
  • Optymalizacja SEO

 

I. INSTALACJA DROPPICS

1.1 Zainstaluj

Nasz komponent jest kompatybilny z Joomla 3.x. Wszystkie funkcje i integracje ze stronami trzecimi są zawarte we wszystkich członkostwach.
Aby zainstalować nasz komponent, musisz pobrać plik .zip i użyć standardowego instalatora Joomla.

 

joomla-install

 

Następnie kliknij Przeglądaj> przycisk Prześlij i zainstaluj. Komponent, moduły i wtyczki zostaną zainstalowane i aktywowane strona głównayślnie.

 

1.2 Aktualizacja i automatyczny aktualizator

Aby zaktualizować rozszerzenie, możesz zainstalować nową wersję na starej, pobierając plik .zip z JoomUnited lub użyj automatycznego aktualizatora (Zalecana).

 

droppic-update

 

Automatyczny aktualizator, który przesyła powiastrona głównaienie o aktualizacji, jest osadzony w zainstalowanym rozszerzeniu Joomla. Otrzymasz powiastrona głównaienie, podobnie jak w przypadku każdego innego rozszerzenia na pulpicie nawigacyjnym, lub możesz sprawdzić ręcznie za pomocą menu: Rozszerzenie> Zarządzaj> menu Aktualizuj.

 

Zaloguj się na swoje konto, aby zaktualizować

Musisz zalogować się na swoje konto JoomUnited, aby zaktualizować wszystkie rozszerzenia Joomla Joomla. Aby się zalogować, przejdź do głównej konfiguracji komponentu, a następnie kliknij Karta aktualizacji na żywo. Na dole znajdziesz przycisk logowania.

 

uaktualnienia na bieżąco

 

Wprowadź te same poświadczenia JoomUnited, których używasz do logowania się na stronie www.joomunited.com

 

login-joomunited

 

Przycisk zmieni kolor na pomarańczowy - gratulacje! Możesz teraz zaktualizować wszystkie rozszerzenia JoomUnited na tej stronie! Jeśli Twoje członkostwo wygasło, otrzymasz link odnawiający i tekst, który to wyjaśnia.

 

połączone z kontem

 

Uwaga: jedno logowanie pozwoli zaktualizować wszystkie rozszerzenia JoomUnited (dotyczące członkostwa). Logowanie nie wygasa, dopóki go nie rozłączysz.

II. GALERIE DROPPICS

Główną ideą Droppics jest ustawienie parametrów obrazu i galerii w komponencie, a następnie zarządzanie nimi bezpośrednio z edytora. Droppics działa na każdym standardowym edytorze WYSIWYG Joomla, zarówno dla frontendu, jak i backendu. Na przykład możesz dodać galerię w niestandardowym module Joomla.


Kiedy Droppics jest zainstalowany, masz przycisk wtyczki edytora wyświetlany poniżej lub w edytorze (w zależności od używanego edytora).

 redaktor-galeria-manager

Kliknij na nią, aby otworzyć główny lightbox Droppics.

 

lightbox-gallery

 

2.2 Zarządzaj galeriami

Aby utworzyć galerię, kliknij Nowy album w lewej kolumnie.

 

nowa galeria

 

Uwaga: strona głównayślna galeria jest już utworzona podczas instalacji komponentu.


Aby dodać nowe obrazy do galerii, możesz przeciągać i upuszczać media w środkowej części lub kliknąć Wybierz pliki.

 

Przesyłać zdjęcia

 

W prawym górnym rogu pojawi się okienko powiastrona głównaień po przesłaniu, zamówieniu, przeniesieniu, usunięciu lub edycji zdjęć przez użytkownika.

 

plik-wyskakującego powiastrona głównaienia

 

Wybierz jedno lub kilka obrazów, aby je przesłać. Przesyłający jest obsługiwany przez HTML5, więc możesz wysyłać duże obrazy. Zostaną one automatycznie zmienione na rozmiary zdefiniowane w parametrach globalnych (strona głównayślnie jest to 1200px).


Możesz zmienić kolejność zdjęć, gdy są przesyłane za pomocą przeciągania i upuszczania. Zamówienie jest zapisywane automatycznie, dlatego nie ma przycisków do zapisania

dragndrop-image-order

Aby wstawić galerię do swojego artykułu, kliknij Wstaw tę galerię przycisk w prawej kolumnie

 

zawartość wstawiania galerii


 
Galeria urzeczywistni się w Twoim artykule za pomocą Ikona Droppics.

 

zmaterializowana galeria

 

Zapisz swoje treści i gotowe - Twoja pierwsza galeria jest już online! Jeśli klikniesz obraz galerii Droppics w artykule, a następnie na przycisk Droppics, przeładujesz wybraną galerię.

Uwaga: jeśli jest aktywowany w konfiguracji, możesz ustawić parametry wyświetlania w każdej galerii z menu po prawej stronie.

 

strona głównayślny motyw pozwala zdefiniować:

  • Rozmiar obramowania
  • Promień graniczny
  • Kolor ramki
  • Kolor i rozmiar cienia obrazu
  • Margines lewy, górny margines, prawy margines, dolny margines
  • Czy ładować subgalerie, czy nie
  • Niektóre dodatkowe parametry są dostępne w temacie pokazu slajdów, np. Opóźnienie przejścia, efekt ...

 

2.3 Podgalerie

W Droppics możesz zarządzać wielopoziomowymi galeriami. Aby dodać podpoziom galerii, przeciągnij i upuść kategorie obrazów, aby posortować lub zmienić poziomy.

 

porządek-obraz-galeria

 

Aby aktywować nawigację pod galerią, musisz ustawić parametr w kategorii nadrzędnej z menu po prawej stronie.

 

pod galerie

 

Jeśli wyłączyłeś ustawienia galerii i konfigurację z konfiguracji globalnej, użyj menu Komponenty> Droppics> Opcje> Wybierz motyw do skonfigurowania.

 

ustawienia-podkategorie

 

Ponieważ masz sub-galerie, będziesz mógł nawigować po nich w interfejsie. Wszystkie Twoje pod-galerie automatycznie wygenerują miniatury nawigacji.

 

subgalleries-frontend
 

Miniatura pod-galerii jest generowana automatycznie przy użyciu pierwszego obrazu w kategorii obrazu. Gdy znajdziesz się w pod-galerii, możesz również wybrać obraz, który ma być używany jako przycisk Wstecz Opcja> Główne parametry menu.

 

kategoria awaryjna

 

strona głównayślny stan poziomu galerii można ustawić w globalnych opcjach części administracyjnej: otwórz Droppics z otwartymi lub zamkniętymi wszystkimi kategoriami obrazów. Możesz zaoszczędzić miejsce, jeśli masz ogromną liczbę galerii.

 

kategoria zamknij-obraz

 

2.5 Kopiuj - Wytnij - Wklej obrazy

Po przesłaniu zdjęcia do Droppics możesz dokonać pojedynczego / wielokrotnego wyboru, klikając je. Możesz wybrać kilka zdjęć, naciskając i przytrzymując CTRL. Pierwszą metodą przenoszenia lub kopiowania obrazów jest użycie metody „przeciągnij i upuść”. Przeciągnij i upuść sam przesunie obraz, przeciągnij i upuść, a naciśnięcie i przytrzymanie Shift spowoduje skopiowanie zdjęć.

 

przeciągnij-upuść obraz

 

Możesz także użyć przycisków w prawym górnym rogu.

 

przyciski kopiuj-wklej

 

III. ZARZĄDZANIE POJEDYNCZYM OBRAZEM


3.1 Opcje wyświetlania pojedynczego obrazu

Dzięki Droppics możesz używać tych samych obrazów w swoich galeriach lub jako pojedynczy obraz w treści. Otwórz Droppics, kliknij obraz, a prawy panel się zmieni. Z górnej części możesz zdefiniować:

  • Promień graniczny
  • Margines
  • Rozmiar obramowania
  • Kolor ramki
  • Rozmiar cienia
  • Kolor cienia
  • Wyrównanie

 

image-parameter1

 

Nie zapomnij nacisnąć Zapisz po zakończeniu modyfikacji.

Wszystkie te parametry można ustawić strona głównayślnie dla wszystkich obrazów w opcjach komponentu.

 

parametr pojedynczego pliku

 

Następnie możesz zdefiniować akcję na kliknięciu obrazu za pomocą opcjonalnego linku zewnętrznego i podpisu (tekst pod obrazem):

 

image-parameter2

 

Akcja po kliknięciu określi, czy użytkownik:

  • Otwórz obraz w lightbox
  • Kliknij link do artykułu lub menu
  • Podążaj za linkiem do niestandardowego adresu URL
  • Nic nie robić
  • Zobacz podpis pod obrazem

Opcja pola wyboru „Śledź łącze niestandardowe w widoku galerii” dodaje zachowanie łącza do pojedynczego obrazu, ale działa również w widoku galerii, jeśli wstawisz całą galerię do treści. Ta funkcja jest często używana na stronach portfolio.

Łącze do menu i artykułów jest uzupełnione przez narzędzie, które pomoże Ci znaleźć zawartość na liście.

 

galeria-link-galeria

 

Klikając na pojedynczy obraz, masz możliwość zastąpienia obrazu w całej witrynie Joomla. Prześlij nowy, a Droppics zregeneruje wszystkie rozmiary obrazów, w tym rozmiary niestandardowe, i zastąp je w treści!

 

zastąpić obraz

 

Jeśli aktywowano Podgląd obrazu parametr w ustawieniach, możesz nawet aktywować efekt najechania myszą.

 

hover-image

 

A także proces przesyłania.

 

proces przesyłania

 

3.2 Tworzenie niestandardowych rozmiarów obrazu

Możesz tworzyć obrazy o niestandardowych rozmiarach przy użyciu oryginalnych plików, a oryginalny obraz pozostanie nietknięty. Kliknij na nowy rozmiar przycisk radiowy, określ przynajmniej szerokość i nazwę pliku, aby wygenerować nowy obraz. Nowa nazwa i rozmiar pliku obrazu zostaną dodane do listy.

 

obraz-rozmiar niestandardowy

 

Niestandardowe rozmiary obrazów można również generować automatycznie podczas przesyłania. Aby zdefiniować niestandardowe rozmiary, użyj menu: Komponent> Droppics> Opcje> Pojedyncze obrazy> Rozmiary niestandardowe.

Następnie możesz dodać niestandardowe rozmiary obrazu, które chcesz strona głównayślnie utworzyć podczas przesyłania.

 

obraz o niestandardowym rozmiarze

 

Po wygenerowaniu niestandardowego obrazu zostanie on umieszczony na liście obrazów. Następnie kliknij wstaw to zdjęcie dodać w swoim artykule.

 

obraz w treści
 
Klikając z powrotem na obraz i na Droppics przycisk, obraz zostanie ponownie otwarty ze wszystkimi jego parametrami.

 

ponownie otworzyć obraz

 

Dla celów SEO możesz zdefiniować tytuł, alternatywny tekst i zmienić oryginalną nazwę pliku.

 

seo-image-info

 

3.3 Stosowanie efektów na obrazie

Możesz zastosować filtry i efekty na obrazach. Po prawej stronie rozmiaru obrazu kliknij „Edytuj” ikonę pióra.

 

efekt otwarty

 

Zostanie wyświetlony ekran z efektami.

 

obraz-efekt-widok


 
Możesz zastosować modyfikacje i efekty:

  • Przyciąć
  • Zmień rozmiar
  • Lustro
  • Obracać się
  • Zastosuj niektóre efekty stylizacji

 

IV. PARAMETRY DROPPICS


4.1 Parametry rozszerzenia


Aby uzyskać dostęp do parametrów Droppics, użyj Komponent> Droppics> Opcje menu.

 

parametry globalne

 

  • Wielkość miniaturki: rozmiar wszystkich miniatur generowanych podczas importowania obrazów lub wyświetlanych w galeriach i jako pojedyncze obrazy
  • Średni rozmiar: rozmiar powiększonego obrazu, na przykład użyty w lightboxie
  • Oryginalny rozmiar przesyłania: rozmiar oryginalnego obrazu przechowywanego na serwerze, używanego do generowania nowych rozmiarów
  • Elastyczne obrazy: umożliwia generowanie 2 nowych rozmiarów obrazu o szerokości 768 pikseli i 300 pikseli, które będą ładowane na ekrany urządzeń mobilnych
  • Pokaż tytuł lightbox: wyświetl tytuł obrazu, gdy obraz jest otwarty w lightbox
  • Rozmiar obrazów w lightbox: rozmiar zdjęć pokazuje w lightbox; Jeśli wybierzesz Duży, pamiętaj, aby zregenerować zdjęcia do swojego folderu, jeśli nigdy wcześniej tego nie robiłeś
  • Jakość JPG: ustaw jakość zdjęć w formacie .jpg
  • Kompresja PNG: użyj go, jeśli chcesz kompresować obrazy podczas przesyłania

 

opcja crop

  • Przycinanie obrazu: możesz kadrować swoje obrazy podczas przesyłania na podstawie rozmiaru zdefiniowanego na początku - w przeciwnym razie proporcje obrazu będą przestrzegane
  • Zamknij kategorie: wczytaj lub otwórz widok kategorii / podkategorii administratora
  • Zdefiniuj nieskończone opcje przewijania: ładuj obraz stopniowo, a nie wszystkie obrazy na stronie ładowania
  • Elementy najpierw załadowane: Liczba początkowo załadowanych elementów
  • Elementy załadowane w ajax: Liczba elementów załadowanych w ajax
  • Załaduj motyw w kategorii: Załaduj i zmień parametry motywu w każdej kategorii plików
Uwaga: jeśli zmienisz rozmiar obrazu lub aktywujesz funkcję responsywną, musisz wykonać a Regeneracja miniatur. Kliknij przycisk i zregeneruj wszystkie rozmiary obrazów.

 

regeneracja miniatur

Może to trochę potrwać w zależności od liczby zdjęć, bądź cierpliwy :)

4.2 Uprawnienia i zarządzanie obrazami frontendu


Droppics używa strona głównayślnej listy ACL Joomla do ustawiania dostępu do zarządzania obrazami. strona głównayślnie użytkownik Super admin zawsze będzie miał dostęp do wszystkich galerii.
 
Jeśli chcesz ograniczyć dostęp dla jakiegoś użytkownika, umieść go przynajmniej w grupie administratorów lub utwórz nową grupę użytkowników Joomla. Na przykład, jeśli chcesz, aby administrator korzystał z dostęp i edycja tylko własnych obrazów, ustaw „Edytuj” prawo do „odmowy” i „edycji własnej” na „Dozwolone”. Możesz także ograniczyć:

  • Dostęp do konfiguracji Droppics
  • Dostęp do interfejsu
  • Tworzenie obrazu / galerii
  • Usunięcie obrazu / galerii
  • Edycja / własna edycja plików

 

Uprawnienie droppics

Droppics daje możliwość zarządzania obrazami z frontendu za pomocą przycisku edytora (np. Po stronie administratora) lub za pomocą dedykowanego interfejsu. Podczas instalowania Droppics dodaje się szablon, aby to zrobić.
Użyj menu Joomla, aby załadować Droppics w interfejsie. Oczywiście wszystkie skonfigurowane uprawnienia będą respektowane.

Dodaj menu Joomla i skonfiguruj Styl szablonu nakładki Droppics.

 

Menu droppics

 

Następnie, jeśli masz pozwolenie, możesz zarządzać obrazami z interfejsu strony.

 

Frontend-image-edition

 

4.3 Motywy i ustawienia obrazu

Dzięki Droppics możesz zezwolić na zdefiniowanie parametru motywu i obrazu w każdej kategorii obrazu i obrazu lub tylko jako ustawienie globalne.

 

parametry-obciążenia

 

Wszystkie ustawienia motywu z konfiguracji globalnej zostaną zastosowane tylko wtedy, gdy nie pozwoli się na modyfikacje w kategorii obrazu.

 

konfiguracja tematów

 

Oto ilustracja ustawień motywu dozwolonych i niedozwolonych w kategoriach obrazów. Na drugim zdjęciu możesz tylko zmienić motyw, ale nie zmieniać ustawień motywu.

 

opcje motywu

 

4.4 Zdalne filmy

Droppics może zawierać zdalne filmy z Youtube, Vimeo i Dailymotion wśród obrazów. Aby aktywować opcję, użyj Komponent> Droppics> Opcje> Dodaj zdalne filmy menu.
Możesz również zdefiniować strona głównayślną szerokość wideo, gdy zostanie dodany jako pojedynczy film lub załadowany do lightbox.

 

zdalne wideo

Włączenie tego ustawienia spowoduje dodanie przycisku nad przyciskiem przesyłania.

 

dodaj-zdalne-wideo

 

Jedyne, co musisz dodać, to adres URL filmu.

 

add-remote-video-url

 

4.5 Importer obrazów Droppics

Droppics ma importer multimediów, który może przeglądać i importować obrazy z twojego serwera. Aby aktywować opcję, przejdź do Komponent> Droppics> Opcje> karta Główne parametry> Pokaż parametr importowania obrazów.

 

import obrazu

 

Następnie użyj głównego interfejsu Droppics, aby wybrać niektóre media i zaimportować je do wybranej kategorii.

 

wybór importera

 

4.6 Znak wodny obrazu

Droppics może automatycznie zastosować znak wodny (prawa autorskie) na swoich zdjęciach. Po pierwsze, musisz włączyć Znak wodny obrazów funkcja z konfiguracji komponentu.

 

włącz-znak wodny

 

Następnie wybierz obraz znaku wodnego, który chcesz zastosować na zdjęciach - może to być dowolny obraz, ale zwróć uwagę na wymiar.

 

wybierz znak wodny

 

Jest 5 pozycji, w których możesz umieścić znak wodny:

  • Środek
  • Na dole po lewej
  • Prawy dolny
  • W prawym górnym rogu
  • Lewy górny

 

pozycja znaku wodnego

 

Możliwe rozmiary, gdy stosowany jest znak wodny, są następujące:

  • Wszystkie rozmiary
  • Miniaturka
  • Duży
  • Średni
  • Niestandardowy rozmiar

Uwaga: Znak wodny zostanie zastosowany dopiero po zapisaniu ustawień i odtworzeniu miniatur (kliknij przycisk „regeneruj miniatury”).

 

znak wodny

 

V. TEMATY DROPPICS

Prezentacja tematów 5.1


Droppics zawiera 6 motywów:

  • strona głównayślny motyw
  • Motyw Masonry: to responsywny motyw wyświetlający ściany zdjęć
  • Motyw pokazu slajdów, aby wyświetlić karuzelę obrazu
  • Motyw polaroidowy
  • Motyw Heapshot, czyli stos zdjęć z ładnym efektem przełączania między nimi
  • Niestandardowy zaawansowany motyw pokazu slajdów z niestandardowym edytorem tekstu na zdjęciach

 

galeria-motyw-obraz-params

 

 


Po zastosowaniu motywu w galerii możesz ustawić opcje tematyczne na pojedynczym obrazie. Na przykład tutaj ustawiłem motyw galerii jako zaawansowany pokaz slajdów, więc mogę dodać tekst na obrazie.

 

Niestandardowy pokaz slajdów-motyw


W temacie masonry można ustawić maksymalną szerokość obrazu.

 

masonry-config

 

VI. DROPPICS PORADY I PORADY

Droppics jest zbudowany do użycia w każdym polu edytora WYSIWYG - wystarczy wywołać wtyczkę treści. Przez większość czasu jest strona głównayślnie aktywowany.
Zauważ, że tak nie jest w niestandardowym module HTML Joomla - musisz go aktywować jak powyżej.

 

moduł niestandardowy

 

W zakładce opcji musisz ustawić opcja Przygotuj treść do Tak.

 

6.2 Tworzenie / nadpisywanie motywu Droppics

Możesz dostosować i dodać motywy do Droppics. Nie używamy standardowych przesłon MVC, ale strona głównayślny system wtyczek Joomla.
Motywy Droppics są wtyczkami i znajdują się w folderze / plugins / droppics.

Musisz skopiować jedną wtyczkę i zmienić nazwę wtyczki, aby utworzyć nową wtyczkę (pluginname.xml i nazwę klasy wtyczki).
Następnie zainstaluj go za pomocą standardowego instalatora Joomla. Powinien być pokazany na liście tematów. Następnie możesz wykonać wszystkie zmiany w tym temacie, a aktualizacje nie będą miały na niego wpływu.