Droppics dokumentasjon

 

Introduksjon

Droppics er en Joomla-utvidelse som brukes til å generere gallerier og administrere bilder på en smart og produktiv måte.

 

Droppics-hoved

Hovedtrekkene:

  • Lag et galleri med en lysboks med bare 3 klikk
  • Bruk Droppics fra redaktøren og i frontenden
  • Administrer videoer blant bilder
  • AJAX multi-opplasting
  • Miniatyr generasjon på opplasting
  • Vis tilpasning uten CSS
  • Regenerere bilder fra originale og egendefinerte størrelser
  • Galleri design tema inkludert
  • Multi-level gallerier
  • Bestil bilder og gallerier med dra og slipp
  • SEO optimalisert

 

I. DROPPICS INSTALL

1.1 Installer

Vår komponent er kompatibel med Joomla 3.x. Alle funksjonene og integrasjonene fra tredjeparter er inkludert i alle medlemskap.
For å kunne installere komponenten må du laste ned .zip-filen og bruke standard Joomla installasjonsprogrammet.

 

Joomla-installasjon

 

Klikk deretter på Bla gjennom> Last opp og installer-knappen. Komponenten, modulene og pluginene vil bli installert og aktivert som standard.

 

1.2 Oppdatering og automatisk oppdatering

For å oppdatere utvidelsen kan du installere en ny versjon over den gamle ved å laste ned .zip-filen fra JoomUnited eller bruk den automatiske oppdatereren (Anbefales).

 

droppic-oppdatering

 

Den automatiske oppdatereren, som skyver oppdateringsvarselet, er innebygd i Joomla-utvidelsen du har installert. Du vil bli varslet som med en hvilken som helst annen utvidelse i dashbordet, eller du kan sjekke manuelt med menyen: Utvidelse> Administrer> Oppdater meny.

 

Logg inn på kontoen din for å oppdatere

Du må logge inn på JoomUnited-kontoen din for å oppdatere alle JoomUnited Joomla-utvidelsene. For å logge inn, gå til hovedkonfigurasjonen av komponenten, og klikk deretter på Live oppdateringsfanen. Nederst finner du en innloggingsknapp.

 

live oppdatering

 

Skriv inn de samme JoomUnited legitimasjonene du bruker til å logge på www.joomunited.com

 

login-joomunited

 

Knappen blir oransje - gratulerer! Du kan nå oppdatere alle JoomUnited-utvidelsene på denne nettsiden! Hvis medlemskapet ditt er utløpt, får du en forny kobling og en tekst som forklarer det.

 

konto bundet

 

Merk: En enkelt pålogging vil tillate deg å oppdatere alle JoomUnited-utvidelsene (angående medlemskapet ditt). Logg inn vil ikke utløpe med mindre du kobler fra den.

II. DROPPICS GALLERIER

Hovedidéen til Droppics er å angi parametere for bilde og gallerier i komponenten, og deretter administrere dem direkte fra editoren din. Droppics fungerer på alle Joomla standard WYSIWYG redaktører, både for frontend og for backend. For eksempel kan du legge til et galleri i en tilpasset Joomla-modul.


Når Droppics er installert, har du en editor-plugin-knapp som vises nedenfor eller i editoren din (avhengig av redigeringsprogrammet som brukes).

 redaktør-gallery-leder

Klikk på den for å åpne hovedboksen Droppics.

 

lightbox-gallery

 

2.2 Administrer gallerier

For å lage et galleri, klikk på Nytt album i venstre kolonne.

 

ny-gallery

 

Merk: Et standardgalleri er allerede opprettet ved komponentinstallasjon.


For å legge til nye bilder i galleriet kan du dra og slippe media i midten eller klikke på Velg filer-knappen.

 

laste-bilder

 

En meldingstast vil vises øverst til høyre etter at bildene er lastet opp, bestilt, flyttet, fjernet eller redigert av brukeren.

 

varsling-popup-fil

 

Velg ett eller noen bilder for å laste dem opp. Opplasteren er drevet av HTML5, slik at du kan sende store bilder. De blir automatisk endret automatisk til størrelsene som er definert i de globale parameterne (standard er 1200px).


Du kan ordne bildene dine når de lastes opp ved å dra og slippe. Bestillingen lagres automatisk, og det er derfor det ikke er noen knapper å lagre

dragndrop-bilde-ordre

For å sette inn galleriet i artikkelen din, klikk på Sett inn dette galleriet -knappen i høyre kolonne

 

Sett-gallery-innhold


 
Galleriet vil materialisere i artikkelen din med a Droppics-ikonet.

 

galleri-materialisert

 

Lagre innholdet ditt og du er ferdig - ditt første galleri er allerede på nettet! Hvis du klikker på Droppics galleri-bildet i artikkelen, og deretter på Droppics-knappen, vil du laste det valgte galleriet på nytt.

Merk: Hvis aktivert i konfigurasjonen kan du sette opp visningsparametere i hvert galleri fra høyre meny.

 

Standardtemaet lar deg definere:

  • Border size
  • Borderradius
  • Grensefarge
  • Bildeskyggefarge og -størrelse
  • Margin igjen, margin topp, margin høyre, margin bunn
  • Om du vil legge til undergallerier eller ikke
  • Noen ekstra parametere er tilgjengelige i lysbildeserien, for eksempel overgangsforsinkelse, effekt ...

 

2.3 Undergallerier

I Droppics kan du styre gallerier på flere nivåer. For å legge til et galleri-undernivå bare dra og slipp bildekategorier for å sortere eller endre nivåer.

 

For-image-gallery

 

For å aktivere navigasjon under navigasjon, må du sette opp parameteren i overordnet kategori fra menyen til høyre.

 

under gallerier

 

Hvis du har deaktivert galleriinnstillingene og oppsettet fra den globale konfigurasjonen, bruker du menyen Komponenter> Droppics> Valg> Velg temaet for oppsett.

 

innstillinger-subgalleries

 

Siden du har undergallerier, vil du kunne navigere dem i frontenden. Alle undergalleriene dine genererer automatisk miniatyrer for navigasjon.

 

subgalleries-frontend
 

Undergalleriets miniatyrbilde genereres automatisk ved hjelp av det første bildet i bildekategorien. Når du er i et undergalleri, kan du også velge et bilde som skal brukes som en tilbakeknapp fra Alternativ> Hovedparametere Meny.

 

fallback-kategorien

 

En standardstatus på gallerinivået kan settes i de globale alternativene for admin-delen: Åpne Droppics med alle bildekategorier åpnet eller lukket. Det kan spare plass hvis du har et stort antall gallerier.

 

close-image-kategorien

 

2.5 Kopier - Klipp - Lim inn bilder

Når et bilde er lastet opp til Droppics, kan du lage en enkelt / flere valg ved å klikke på den. Du kan velge flere bilder ved å trykke og holde inne CTRL. Den første metoden for å flytte eller kopiere bilder er å bruke dra og slipp. Dra og slipp alene vil flytte bildet, dra og slipp mens du trykker på og holder Shift, kopierer bildene.

 

dra-slipp-bilde

 

Du kan også bruke de øverste høyre knappene.

 

copy-paste-knapper

 

III. ENKEL IMAGE MANAGEMENT


3.1 Enkelt bildevisning

Med Droppics kan du bruke de samme bildene i galleriene dine eller som et enkelt bilde i innholdet ditt. Åpne Droppics, klikk på et bilde, og det høyre panelet vil endres. Fra toppen kan du definere:

  • Borderradius
  • Margin
  • Border size
  • Grensefarge
  • Skygge størrelse
  • Skyggefarge
  • Justering

 

image-parameter1

 

Ikke glem å treffe lagre når du er ferdig med endringen.

Alle disse parametrene kan settes som standard for alle bildene dine i komponentalternativene.

 

enkelt fil-parameter

 

Deretter kan du definere en handling på bildeklikk med en valgfri ekstern lenke og en bildetekst (tekst under bildet ditt):

 

image-parameter2

 

Handlingen på klikk vil avgjøre om brukeren vil:

  • Åpne bildet i en lightbox
  • Følg en lenke til en artikkel eller en meny
  • Følg en lenke til en egendefinert nettadresse
  • Gjør ingenting
  • Se en bildetekst under bildet

Kryssingsfeltet "Følg egendefinert lenke i gallerivisning" legger til linkadferdighet til et enkelt bilde, men det fungerer også i gallerivisningen hvis du legger inn hele galleriet i innholdet ditt. Denne funksjonen brukes ofte til porteføljesider.

Koblingen til menyer og artikler er ferdig med et verktøy som hjelper deg med å finne innholdet ditt lettere på en liste.

 

bilde-link-gallery

 

Når du klikker på et enkelt bilde, har du muligheten til å erstatte bildet over hele Joomla-nettstedet ditt. Last opp en ny og Droppics vil regenerere alle bildestørrelser, inkludert egendefinerte størrelser, og erstatte det i innholdet ditt!

 

image-erstatter

 

Hvis aktivert Forhåndsvisning av bilde parameter i innstillingene, kan du til og med aktivere en museforskyvningseffekt.

 

hover-bilde

 

Og opplastingsprosessen også.

 

upload-prosess

 

3.2 Opprett egendefinerte bildestørrelser

Du kan lage noen egendefinerte bilder med de originale filene, og det opprinnelige bildet forblir uberørt. Klikk på ny størrelse radioknapp, definer minst en bredde og et filnavn for å generere et nytt bilde. Bildefilens nye navn og størrelse vil bli lagt til i listen.

 

image-definert størrelse

 

De tilpassede bildestørrelsene kan også genereres automatisk ved opplasting. For å definere de egendefinerte størrelsene, bruk menyen: Komponent> Droppics> Valg> Enkle bilder> Tilpassede størrelser.

Deretter kan du legge til bildet tilpassede størrelser du vil bli opprettet som standard ved opplasting.

 

definert størrelse-image

 

Når det egendefinerte bildet er generert, får du det i bildetillatelsen. Deretter klikker du bare på sett inn dette bildet å legge inn i artikkelen din.

 

bilde-i-innhold
 
Ved å klikke på bildet og på Droppics knappen, vil bildet åpnes igjen med alle parametrene.

 

åpne på nytt-bilde

 

For SEO formål kan du definere tittel, alternativ tekst og endre det opprinnelige filnavnet.

 

seo-image-info

 

3.3 Bruk av effekter på bildet

Du kan bruke filtre og effekter på bilder. På høyre side av bildestørrelsen klikker du på "Rediger" pennikonet.

 

open-virkning

 

Du vil bli vist en skjerm med effekter.

 

bilde-effekt-syn


 
Du kan søke om endringer og effekter:

  • Avling
  • Endre størrelse
  • Speil
  • Rotere
  • Påfør noen stylingeffekter

 

IV. DROPPICS PARAMETRE


4.1 Forlengelsesparametere


For å få tilgang til Droppics parametrene, bruk Komponent> Droppics> Alternativer Meny.

 

global-parametere

 

  • Miniatyrstørrelse: størrelsen på alle miniatyrer som enten genereres ved import av bilder, eller som vises i gallerier og som enkeltbilder
  • Medium størrelse: størrelsen på det forstørrede bildet, som brukes i lysboksen, for eksempel
  • Original opplastingsstørrelse: størrelsen på det opprinnelige bildet som er lagret på serveren, brukes til å generere nye størrelser
  • Responsive bilder: Gjør det mulig å generere 2 nye bildestørrelser med bredder på 768px og 300px som skal lastes på mobilenhetsskjermene
  • Vis boksens tittel: vis bildetittel når et bilde åpnes i en lysboks
  • Bilder størrelse i lysboksen: størrelsen på bildene viser i lysboksen; hvis du velger Stor, husk å regenerere bilder for mappen hvis du aldri har gjort det før
  • JPG kvalitet: Still inn .jpg-bildens kvalitet
  • PNG-komprimering: bruk den hvis du vil komprimere bildene dine ved opplasting

 

crop-alternativ

  • Bilde beskjæring: Du kan beskjære bildene dine ved opplasting basert på størrelsen du har definert i begynnelsen - ellers vil billedforholdet bli respektert
  • Lukk kategorier: Last inn administrasjonskategoriene / underkategorivisningen åpnet eller lukket
  • Definer uendelige rullingsalternativer: Last inn bilde gradvis, i stedet for alle bilder på sidebelastning
  • Elementer lastet inn: Antall elementer lastet opp først
  • Elementer lastet i ajax: Antall elementer lastet i ajax
  • Last tema i kategori: Last inn og endre temaparametere i hver filkategori
Merk: Hvis du endrer bildestørrelse eller aktiver den responsive funksjonen, må du utføre en Miniatyr regenerering. Vennligst klikk på knappen og regenerere alle bildestørrelser.

 

miniatyr-regenerering

Det kan ta en stund, avhengig av antall bilder, bare vær tålmodig :)

4.2 Tillatelse og frontend bildebehandling


Droppics bruker Joomla standard ACL for å angi tilgang til bildestyring. Som standard har Super admin brukeren tilgang til alle gallerier.
 
Hvis du trenger å begrense tilgang for noen brukere, må du sette dem i minst i administratorgruppen eller opprette en ny Joomla-brukergruppe. For eksempel hvis du vil ha en administrator bruker til Få tilgang til og rediger bare deres egne bilder, sett "Rediger" rett til "nektet" og "rediger eget" til "tillatt". Du kan også begrense:

  • Droppics konfigurasjonstilgang
  • Grensesnitt tilgang
  • Opprettelse av bilde / galleri
  • Bilde / galleri sletting
  • Redigerer / eier filredigering

 

droppics-tillatelse

Droppics gir et alternativ til å håndtere bilder fra frontenden ved hjelp av editor-knappen (som i administrasjonssiden) eller ved hjelp av et dedikert grensesnitt. Når du installerer Droppics, er det lagt til en mal for å gjøre nettopp det.
Bruk en Joomla-meny for å laste Droppics i frontenden. Naturligvis vil alle tillatelsene du har satt opp, bli respektert.

Legg til en Joomla-meny og sett opp Droppics frontend mal stil.

 

droppics-menyen

 

Så, hvis du er tillatt, kan du administrere bilder fra nettsidenes frontend.

 

Frontend-image-utgave

 

4.3 Temaer og bildeinnstillinger

Med Droppics kan du tillate at tema og bildeparameter defineres i hvert bilde og bilde kategori, eller bare som en global innstilling.

 

last tema-parametere

 

Alle temainnstillingene fra den globale konfigurasjonen blir bare brukt hvis du ikke tillater at endringene gjøres i bildekategorien.

 

temaer-konfigurasjon

 

Her er illustrasjonen av temainnstillingene tillatt og ikke tillatt i bildekategorier. I det andre bildet kan du bare bytte tema, men ikke endre temainnstillinger.

 

tema-alternativer

 

4.4 Fjernvideoer

Droppics kan inneholde eksterne videoer fra Youtube, Vimeo og Dailymotion blant bilder. For å aktivere alternativet, bruk Komponent> Droppics> Valg> Legg til eksterne videoer Meny.
Du kan også definere standardbredden på videoen når den er lagt til som en enkelt video eller lastet inn i en lysboks.

 

remote-video

Aktivering av denne innstillingen vil legge til en knapp over opplastningsknappen.

 

add-remote-video

 

Det eneste du må legge til er nettadressen til videoen.

 

add-remote-video-url

 

4.5 Droppics bildeimportør

Droppics har en medieimportør som kan bla gjennom og importere bilder fra serveren din. For å aktivere alternativet, gå til Komponent> Droppics> Valg> kategorien Hovedparametre> Vis importparameter for bilder.

 

image-import

 

Bruk deretter hovedgrensesnittet Droppics til å velge noen medier og importere det i kategorien du vil ha.

 

importør-utvalg

 

4.6 Bilde vannmerke

Droppics kan automatisk bruke et vannmerke (copyright) på bildene dine. Først må du aktivere Bilder vannmerke funksjon fra komponentkonfigurasjonen.

 

enable-vannmerke

 

Velg deretter vannmerkebildet som skal brukes over bildene dine - det kan være et bilde, men vær oppmerksom på dimensjonen.

 

select-vannmerke

 

Det er 5 stillinger hvor du kan plassere vannmerket:

  • Senter
  • Nede til venstre
  • Nede til høyre
  • Øverst til høyre
  • Øverst til venstre

 

vannmerke-posisjon

 

De mulige størrelsene når vannmerket er brukt er:

  • Alle størrelser
  • thumbnail
  • Stor
  • Medium
  • Tilpasset størrelse

Merk: Vannmerket vil bare bli brukt når du har lagret innstillingene og regenerert miniatyrbildene (klikk på '' regenerere miniatyrer '' -knappen).

 

image-vannmerke

 

V. DROPPICS THEMES

5.1 Temaer presentasjon


Droppics kommer med 6 temaer:

  • Standard tema
  • Masonry tema: Dette er et responsivt tema som viser fotovegg
  • Slideshow-tema for å vise en bilkarusell
  • Et polaroid-lignende design tema
  • Heapshot tema, som er en stabel med bilder med en fin effekt å bytte mellom dem
  • Tilpasset avanserte lysbildeserie-tema, med en tilpasset tekstredigerer over bilder

 

galleri-tema-image-params

 

 


Når du har brukt et tema på et galleri, kan du kanskje sette opp temarelaterte alternativer på et enkelt bilde. For eksempel, her har jeg satt opp gallerietemaet som den avanserte lysbildeserien, så jeg kan legge til litt tekst over bildet.

 

Custom-slideshow-tema


I masonry-temaet kan du sette opp maksimal bredde på bildet.

 

masonry-config

 

VI. DROPPICS TIPS OG TRICKS

Droppics er bygget for å brukes i alle WYSIWYG-editor-feltene - du trenger bare å ha innholdsplugin kalt. Mesteparten av tiden er den aktivert som standard.
Merk at dette ikke er tilfelle i Joomla tilpasset HTML-modulen - du må aktivere den som ovenfor.

 

custom-modul

 

I alternativfanen må du stille inn alternativ Forbered innhold til Ja.

 

6.2 Opprett / overstyr et Droppics-tema

Du kan tilpasse og legge til temaer til Droppics. Vi bruker ikke standard MVC Overrides, men Joomla standard plugin system.
Droppics-temaer er plugins, og de er plassert i / plugins / droppics-mappen.

Du må kopiere ett plugin og endre navnet på pluginet for å lage det nye pluginet (pluginname.xml og klassenavnet til pluginet).
Deretter installerer du det gjennom standard Joomla installer. Det skal vises i listen over temaer. Du kan da gjøre alle endringene du vil ha i dette temaet, og det vil ikke bli påvirket av oppdateringer.