Droppics dokumentation

 

Introduktion

Droppics er en Joomla-udvidelse, der bruges til at generere gallerier og håndtere billeder på en smart og produktiv måde.

 

Droppics-main

Hovedtræk:

  • Opret et galleri med en lightbox med kun 3 klik
  • Brug Droppics fra editoren og i frontenden
  • Administrer videoer blandt billeder
  • AJAX multi-upload
  • Thumbnail generation på upload
  • Skærmtilpasning uden CSS
  • Regenerere billeder fra originale og brugerdefinerede størrelser
  • Galleri design tema inkluderet
  • Multi-level gallerier
  • Bestil billeder og gallerier med træk og slip
  • SEO optimeret

 

I. DROPPICS INSTALL

1.1 Installer

Vores komponent er kompatibel med Joomla 3.x. Alle funktioner og 3rd party integrationer er inkluderet i alle medlemskab.
For at kunne installere vores komponent skal du downloade .zip filen og bruge standard Joomla installationsprogrammet.

 

joomla-installation

 

Klik derefter på Gennemse> Upload & Install-knappen. Komponenten, modulerne og plugins vil blive installeret og aktiveret som standard.

 

1.2 Opdatering og automatisk opdatering

For at opdatere udvidelsen kan du installere en ny version over den gamle ved at downloade .zip-filen fra JoomUnited eller brug den automatiske opdaterer (anbefales).

 

droppic-opdatering

 

Den automatiske opdatering, der skubber opdateringsmeddelelsen, er indlejret i Joomla-udvidelsen, du har installeret. Du får besked som med en anden udvidelse i instrumentbrættet, eller du kan tjekke manuelt ved hjælp af menuen: Udvidelse> Administrer> Opdater menu.

 

Log ind på din konto for at opdatere

Du skal logge ind på din JoomUnited-konto for at opdatere alle dine JoomUnited Joomla-udvidelser. For at logge ind, få adgang til komponentens hovedkonfiguration, og klik derefter på Live opdateringsfanen. Nederst finder du en login-knap.

 

live opdatering

 

Indtast dine samme JoomUnited legitimationsoplysninger, som du bruger til at logge ind på www.joomunited.com

 

log-joomunited

 

Knappen bliver orange - tillykke! Du kan nu opdatere alle JoomUnited udvidelser på denne Homemeside! Hvis dit medlemskab er udløbet, får du en fornyet link og en tekst, der forklarer det.

 

konto-linked

 

Bemærk: Et enkelt login giver dig mulighed for at opdatere alle JoomUnited-udvidelser (vedrørende dit medlemskab). Log ind vil ikke udløbe, medmindre du afbryder forbindelsen.

II. DROPPICS GALLERIER

Hovedidéen for Droppics er at indstille parametre for billede og gallerier i komponenten, og derefter administrere dem direkte fra din editor. Droppics virker på hver Joomla standard WYSIWYG editor, både til frontend og til backend. Du kan f.eks. Tilføje et galleri i et brugerdefineret Joomla-modul.


Når Droppics er installeret, har du en editor plugin-knappen vist nedenfor eller i din editor (afhængigt af editoren i brug).

 redaktør-galleri-leder

Klik på den for at åbne hovedlyset Droppics.

 

lightbox-galleri

 

2.2 Administrer gallerier

For at oprette et galleri skal du klikke på Nyt album i den venstre kolonne.

 

ny-galleri

 

Bemærk: Et standardgalleri er allerede oprettet ved komponentinstallation.


For at tilføje nye billeder i dit galleri kan du trække og slippe medier i midten eller klikke på Vælg filer-knappen.

 

upload-billeder

 

En underretning popup vises i øverste højre hjørne, efter at billederne er uploadet, bestilt, flyttet, fjernet eller redigeret af brugeren.

 

meddelelse-popup-fil

 

Vælg et eller nogle billeder for at uploade dem. Uploaderen er drevet af HTML5, så du kan sende store billeder. De ændres automatisk til de størrelser, der er defineret i de globale parametre (standard er 1200px).


Du kan sortere dine billeder, når de uploades ved hjælp af træk og slip. Orden gemmes automatisk, hvorfor der ikke er nogen knapper, der skal gemmes

dragndrop-image-ordre

For at indsætte galleriet i din artikel skal du klikke på Indsæt dette galleri knappen i højre kolonne

 

Indsæt-galleri-indhold


 
Galleriet vil fremstå i din artikel med en Droppics ikon.

 

galleri-materialiseret

 

Gem dit indhold, og du er færdig - dit første galleri er allerede online! Hvis du klikker på Droppics galleriets billede i artiklen, og derefter på Droppics knappen, genindlæser du det valgte galleri.

Bemærk: Hvis aktiveret i konfigurationen kan du indstille visningsparametre i hvert galleri fra den højre menu.

 

Standardtemaet giver dig mulighed for at definere:

  • Border størrelse
  • Borderradius
  • Border farve
  • Billedskygge farve og størrelse
  • Margen venstre, margen top, margen højre, margen bunden
  • Uanset om du skal indlæse undergallerier eller ej
  • Nogle yderligere parametre er tilgængelige i diasshowtemaet, som overgangsforsinkelse, effekt ...

 

2.3 Undergallerier

I Droppics kan du styre multi-level gallerier. For at tilføje et galleri-underniveau skal du blot trække og slippe billedkategorier for at sortere eller ændre niveauer.

 

ordre-image-galleri

 

For at aktivere undergalleri-navigation, skal du indstille parameteren i overordnet kategori fra menuen til højre.

 

sub-gallerier

 

Hvis du har deaktiveret galleriindstillingerne og opsætningen fra den globale konfiguration, skal du bruge menuen Komponenter> Droppics> Valg> Vælg temaet til opsætning.

 

indstillinger-subgalleries

 

Da du har undergallerier, vil du kunne navigere dem i fronten. Alle dine undergallerier genererer automatisk miniaturer til navigation.

 

subgalleries-frontend
 

Undergalleriets miniaturebillede genereres automatisk ved hjælp af det første billede i billedkategorien. Når du er i et undergalleri, kan du også vælge et billede, der skal bruges som en tilbageknap fra Mulighed> Hovedparametre menu.

 

fallback-kategori

 

En standardtilstand på galleriniveauet kan indstilles i de globale muligheder for admindelen: Åbn Droppics med alle billedkategorier åbnet eller lukket. Det kan spare dig for plads, hvis du har et stort antal gallerier.

 

close-image-kategori

 

2.5 Kopier - Klip - Indsæt billeder

Når et billede er blevet uploadet til Droppics, kan du lave en enkelt / flere valg ved at klikke på den. Du kan vælge flere billeder ved at trykke på og holde CTRL nede. Den første metode til at flytte eller kopiere billeder er at bruge træk og slip. Træk og slip alene vil flytte billedet, træk og slip, mens du trykker på og holder Shift, kopieres billederne.

 

træk-slip-billede

 

Du kan også bruge de øverste højre knapper.

 

copy-paste-knapper

 

III. ENKEL IMAGE MANAGEMENT


3.1 Indstillinger for enkeltbilledvisning

Med Droppics kan du bruge de samme billeder i dine gallerier eller som et enkelt billede i dit indhold. Åbn Droppics, klik på et billede, og det højre panel ændres. Fra den øverste del kan du definere:

  • Borderradius
  • Margin
  • Border størrelse
  • Border farve
  • Skygge størrelse
  • Skyggefarve
  • Justering

 

image-parameter1

 

Glem ikke at sparke, når du er færdig med din ændring.

Alle disse parametre kan som standard indstilles til alle dine billeder i komponentindstillingerne.

 

single-fil-parameter

 

Derefter kan du definere en handling på billedklik med et valgfrit eksternt link og en billedtekst (tekst under dit billede):

 

image-parameter2

 

Handlingen på klik afgør, om brugeren vil:

  • Åbn billedet i en lightbox
  • Følg et link til en artikel eller en menu
  • Følg et link til en brugerdefineret URL
  • Gøre ingenting
  • Se en billedtekst under billedet

Afkrydsningsfeltet "Følg brugerdefineret link i gallerivisning" tilføjer linkadfærd til et enkelt billede, men det virker også i gallerivisningen, hvis du indsætter hele galleriet i dit indhold. Denne funktion bruges ofte til porteføljesider.

Linket til menuer og artikler udfyldes med et værktøj, der hjælper dig med at finde dit indhold lettere på en liste.

 

billede-link-galleri

 

Når du klikker på et enkelt billede, har du mulighed for at erstatte billedet over hele dit Joomla-websted. Upload en ny og Droppics vil regenerere alle billedstørrelser, herunder brugerdefinerede størrelser, og erstatte det i dit indhold!

 

billede-udskift

 

Hvis aktiveret Billedeksempel parameter i indstillingerne, kan du endda aktivere en musevæverbilledeeffekt.

 

hover-billede

 

Og uploadprocessen også.

 

upload-proces

 

3.2 Opret brugerdefinerede billedstørrelser

Du kan oprette nogle brugerdefinerede størrelse billeder ved hjælp af de originale filer, og det originale billede forbliver uberørt. Klik på ny størrelse alternativknappen, definerer mindst en bredde og et filnavn for at generere et nyt billede. Billedfilens nye navn og størrelse vil blive tilføjet til listen.

 

billede-custom-størrelse

 

De brugerdefinerede billedstørrelser kan også genereres automatisk ved upload. For at definere de brugerdefinerede størrelser skal du bruge menuen: Komponent> Droppics> Valg> Enkeltbilleder> Tilpassede størrelser.

Derefter kan du tilføje det billede, der er tilpasset størrelser, du vil oprette som standard ved upload.

 

custom-size-billede

 

Når det brugerdefinerede billede er genereret, får du det i din billedfortegnelse. Så klik blot på indsæt dette billede at tilføje i din artikel.

 

billede-i-indhold
 
Ved at klikke på billedet og på Droppics knappen åbnes billedet igen med alle dens parametre.

 

genåbne-image

 

Til SEO formål kan du definere titel, alternativ tekst og ændre det oprindelige filnavn.

 

seo-image-info

 

3.3 Anvendelse af effekter på billedet

Du kan anvende filtre og effekter på billeder. På højre side af billedstørrelsen skal du klikke på "Rediger" pennikonet.

 

open-effekt

 

Du vil blive vist en skærm med effekter.

 

billede-effekt-view


 
Du kan anvende ændringer og effekter:

  • Afgrøde
  • Resize
  • Spejl
  • Rotere
  • Anvend nogle stylingeffekter

 

IV. DROPPICS PARAMETRE


4.1 Forlængelsesparametre


For at få adgang til Droppics parametrene, brug Komponent> Droppics> Indstillinger menu.

 

globale-parametre

 

  • Thumbnail størrelse: størrelsen af ​​alle miniaturer, der enten genereres ved import af billeder, eller som vises i gallerier og som enkeltbilleder
  • Medium størrelse: størrelsen på det forstørrede billede, der f.eks. bruges i lysboksen
  • Original upload størrelse: størrelsen på det originale billede, der er gemt på serveren, bruges til at generere nye størrelser
  • Responsive billeder: gør det muligt at generere 2 nye billedstørrelser med bredder på 768px og 300px, der vil blive indlæst på mobilenhedsskærme
  • Vis lightbox titel: Vis billedets titel, når et billede åbnes i en lightbox
  • Billeder størrelse i lightbox: størrelsen af ​​billederne vises i lightbox; hvis du vælger StorHusk at genskabe billeder til sin mappe, hvis du aldrig har gjort det før
  • JPG kvalitet: Indstil din .jpg billeder 'kvalitet
  • PNG kompression: brug det, hvis du vil komprimere dine billeder ved upload

 

afgrøde-indstilling

  • Billedbeskæring: Du kan beskære dine billeder ved upload baseret på den størrelse, du har defineret i starten - ellers billedforholdet vil blive respekteret
  • Luk kategorier: Indlæs administratorkategorierne / underkategorierne visningen åbnet eller lukket
  • Definer uendelige rulleindstillinger: Indlæse billedet progressivt, snarere end alle billeder på sidebelastning
  • Elementerne er først lastet: Antal elementer indlæst oprindeligt
  • Elementer indlæst i ajax: Antal elementer lastet i ajax
  • Indlæs tema i kategori: Indlæse og ændre temaparametre i hver filkategori
Bemærk: Hvis du ændrer billedstørrelse eller aktiverer den responsive funktion, skal du udføre en Thumbnail regeneration. Venligst klik på knappen og genoprett alle billedstørrelser.

 

thumbnail-regenerering

Det kan tage et stykke tid afhængigt af antallet af billeder, bare vær tålmodig :)

4.2 Tilladelse og frontend billedbehandling


Droppics bruger Joomla's standard ACL til at indstille adgang til billedbehandling. Som standard har Super admin-brugeren adgang til alle gallerier.
 
Hvis du har brug for at begrænse adgangen til nogle brugere, skal du i det mindste sætte dem i administratorgruppen eller oprette en ny Joomla-brugergruppe. For eksempel, hvis du vil have en administratorbruger til Få adgang til og rediger kun deres egne billeder, sæt "Rediger" ret til "nægtet" og "rediger eget" til "tilladt". Du kan også begrænse:

  • Droppics konfigurationsadgang
  • Interface adgang
  • Oprettelse af billede / galleri
  • Billede / galleri sletning
  • Redigering / egen filredigering

 

droppics-tilladelse

Droppics giver mulighed for at styre billeder fra frontenden ved hjælp af editorknappen (som i admin side) eller ved hjælp af en dedikeret grænseflade. Når du installerer Droppics, tilføjes en skabelon for at gøre netop det.
Brug en Joomla-menu til at indlæse Droppics i frontenden. Naturligvis vil alle tilladelser du har oprettet blive respekteret.

Tilføj en Joomla-menu og indstil den Droppics frontend skabelon stil.

 

droppics-menu

 

Så hvis du er tilladt, kan du styre billeder fra Homemesidenes frontend.

 

Frontend-image-udgave

 

4.3 Temaer og billedindstillinger

Med Droppics kan du tillade, at tema og billedparameter defineres i hver billed- og billedkategori, eller kun som en global indstilling.

 

load-tema-parametre

 

Alle temaindstillingerne fra den globale konfiguration vil kun blive anvendt, hvis du ikke tillader ændringerne i billedkategorien.

 

temaer-konfiguration

 

Her er illustrationen af ​​de indstillede temaindstillinger og ikke tilladt i billedkategorier. I det andet billede kan du kun skifte tema, men ikke ændre temaindstillinger.

 

tema-optioner

 

4.4 Fjernvideoer

Droppics kan omfatte fjernvideoer fra Youtube, Vimeo og Dailymotion blandt billeder. For at aktivere indstillingen skal du bruge Komponent> Droppics> Valg> Tilføj fjern videoer menu.
Du kan også definere standardbredden af ​​videoen, når den tilføjes som en enkelt video eller indlæst i en lightbox.

 

fjernstyret video

Aktivering af denne indstilling vil tilføje en knap over uploadknappen.

 

add-remote-video

 

Det eneste du skal tilføje er videoens URL.

 

add-remote-video-url

 

4.5 Droppics billedimportør

Droppics har en medieimportør, der er i stand til at gennemse og importere billeder fra din server. For at aktivere indstillingen skal du gå til Komponent> Droppics> Valg> Fanen Hovedparametre> Vis importparameter for billeder.

 

billede-import

 

Brug derefter Droppics hovedgrænsefladen til at vælge nogle medier og importere det i den kategori du ønsker.

 

importør-udvælgelse

 

4.6 Billede vandmærke

Droppics kan automatisk anvende et vandmærke (copyright) på dine billeder. For det første skal du aktivere Billeder vandmærke funktion fra komponentkonfigurationen.

 

muliggøre-vandmærke

 

Vælg derefter vandmærkebilledet, der skal anvendes over dine billeder - det kan være et hvilket som helst billede, men vær opmærksom på dimensionen.

 

Vælg-vandmærke

 

Der er 5 stillinger, hvor du kan placere vandmærket:

  • Centrum
  • Nederst til venstre
  • Nederst til højre
  • Øverst til højre
  • Øverst til venstre

 

vandmærke-stillingen

 

De mulige størrelser, når vandmærket påføres, er:

  • Alle størrelser
  • Miniature
  • Stor
  • Medium
  • Brugerdefineret størrelse

Bemærk: Vandmærket vil kun blive anvendt, når du har gemt indstillingerne og regenereret miniaturerne (klik på knappen '' regenerere miniaturer '').

 

billede-vandmærke

 

V. DROPPICS THEMES

5.1 Temaer præsentation


Droppics kommer med 6 temaer:

  • Standard tema
  • Masonry tema: Dette er et lydhørt tema, der viser fotovægge
  • Diasshow-tema for at vise et billedkarrusel
  • Et polaroidlignende designtema
  • Heapshot tema, som er en stak af fotos med en god effekt at skifte mellem dem
  • Brugerdefineret avanceret diasshow tema, med en brugerdefineret tekst editor over billeder

 

galleri-tema-image-params

 

 


Når du har anvendt et tema på et galleri, kan du muligvis opsætte temarelaterede muligheder på et enkelt billede. For eksempel har jeg her oprettet gallerietemaet som det avancerede diasshow, så jeg kan tilføje lidt tekst over billedet.

 

Brugerdefineret-slideshow-tema


I masonry-temaet kan du indstille billedets maksimale bredde.

 

masonry-config

 

VI. DROPPICS TIPS OG TRICKS

Droppics er bygget til at blive brugt i hvert WYSIWYG editor-felt - du skal bare have indholds-plugin kaldet. Det meste af tiden er det aktiveret som standard.
Bemærk, at dette ikke er tilfældet i Joomla-brugerdefineret HTML-modul - du skal aktivere det som ovenfor.

 

custom-modul

 

På fanen Indstilling skal du indstille mulighed Forbered indhold til Ja.

 

6.2 Opret / tilsidesæt et Droppics tema

Du kan tilpasse og tilføje temaer til Droppics. Vi bruger ikke standard MVC Overrides, men Joomla standard plugin system.
Droppics temaer er plugins, og de er placeret i mappen / plugins / droppics.

Du skal kopiere et plugin og ændre navnet på plugin'et for at oprette dit nye plugin (pluginname.xml og klassens navn på plugin'et).
Derefter skal du installere det via standard Joomla installationsprogrammet. Det skal vises i listen over temaer. Du kan derefter gøre alle de ændringer, du ønsker i dette tema, og det vil ikke blive påvirket af opdateringer.

 

BARE I TID, DROPEDITOR4RD ÅRSDAG SUPER SALG!
25% FRA på Dropfiles, Droppics, Droptables & Bundle - 14. august til 21. august
COUPON: DROP4TH

DropEditor Anniv NL

For 4 år siden har vi lanceret DropEditor, vores Joomla-fri teksteditor.
Hvilken succes 14.000 brugere senere, vil vi gerne dele dette med dig