Droppics documentatie

 

Invoering

Droppics is een Joomla-extensie die wordt gebruikt om galerijen te genereren en afbeeldingen op een slimme en productieve manier te beheren.

 

Droppics-main

Belangrijkste kenmerken:

  • Maak een galerij met een lightbox met slechts 3 klikken
  • Gebruik Droppics vanuit de editor en in de frontend
  • Beheer video's tussen afbeeldingen
  • AJAX multi-upload
  • Thumbnail genereren bij uploaden
  • Weergave aanpassen zonder CSS
  • Regenereer afbeeldingen van originele en aangepaste formaten
  • Galerij ontwerpthema inbegrepen
  • Galerijen op meerdere niveaus
  • Bestel afbeeldingen en galerijen met slepen en neerzetten
  • SEO geoptimaliseerd

 

I. DROPPICS INSTALLEREN

1.1 Installeren

Ons onderdeel is compatibel met Joomla 3.x. Alle functies en integraties van derden zijn opgenomen in alle lidmaatschappen.
Om onze component te installeren, moet u het .zip-bestand downloaden en standaard het Joomla-installatieprogramma gebruiken.

 

joomla-install

 

Klik vervolgens op Bladeren> Uploaden en installeren. Het component, modules en plug-ins worden standaard geïnstalleerd en geactiveerd.

 

1.2 Update en automatische updater

Om de extensie te updaten, kun je een nieuwe versie installeren over de oude versie door het .zip-bestand te downloaden van JoomUnited of gebruik de automatische updater (aanbevolen).

 

droppic update

 

De automatische updater, die de updatemelding pusht, is ingesloten in de Joomla-extensie die u hebt geïnstalleerd. U ontvangt een melding zoals bij elke andere extensie in het dashboard, of u kunt handmatig controleren via het menu: Uitbreiding> Beheer> Update menu.

 

Log in op uw account om bij te werken

Je moet inloggen op je Joom United-account om al je JoomUnited Joomla-extensies te updaten. Om u aan te melden, gaat u naar de hoofdconfiguratie van het onderdeel en klikt u vervolgens op Live update-tabblad. Onderaan vindt u een inlogknop.

 

live Update

 

Voer dezelfde Joom United-referenties in die u gebruikt om u aan te melden op www.joomunited.com

 

login-joomunited

 

De knop wordt oranje - gefeliciteerd! U kunt nu alle Joom United-extensies op deze website bijwerken! Als uw lidmaatschap is verlopen, krijgt u een vernieuwingslink en een tekst waarin dit wordt uitgelegd.

 

-Account die is gekoppeld

 

Opmerking: met één enkele login kunt u alle JoomUnited-extensies bijwerken (met betrekking tot uw lidmaatschap). Het inloggen verloopt niet tenzij u het loskoppelt.

II. DROPPICS GALERIJEN

Het belangrijkste idee van Droppics is om parameters van afbeeldingen en galerijen in de component in te stellen en deze vervolgens rechtstreeks vanuit je editor te beheren. Droppics werkt op elke Joomla standaard WYSIWYG-editor, zowel voor de frontend als voor de backend. U kunt bijvoorbeeld een galerij toevoegen in een aangepaste Joomla-module.


Wanneer Droppics is geïnstalleerd, hebt u een knop voor een editor-plug-in die hieronder of in uw editor wordt weergegeven (afhankelijk van de gebruikte editor).

 editor-gallery-manager

Klik erop om de Droppics lightbox te openen.

 

lightbox-gallery

 

2.2 Galerijen beheren

Klik op om een ​​galerij te maken Nieuw album in de linkerkolom.

 

nieuw-gallery

 

Opmerking: een standaard galerij is al gemaakt bij de installatie van componenten.


Als u nieuwe afbeeldingen in uw galerij wilt toevoegen, kunt u media slepen en neerzetten in het middelste gedeelte of op klikken Selecteer de knop bestanden.

 

upload afbeeldingen

 

Er verschijnt een melding in de rechterbovenhoek nadat afbeeldingen zijn geüpload, besteld, verplaatst, verwijderd of bewerkt door de gebruiker.

 

notificatie-popup-file

 

Selecteer een of enkele afbeeldingen om ze te uploaden. De uploader wordt mogelijk gemaakt door HTML5, dus je kunt grote afbeeldingen verzenden. Ze worden automatisch aangepast naar de formaten die zijn gedefinieerd in de globale parameters (standaard is 1200 px).


U kunt uw afbeeldingen opnieuw ordenen wanneer ze zijn geüpload met slepen en neerzetten. Bestelling wordt automatisch opgeslagen, daarom zijn er geen knoppen om op te slaan

DragNDrop-image-order

Om de galerij in uw artikel in te voegen, klikt u op de Voeg deze galerij toe knop in de rechterkolom

 

Steek-gallery-inhoud


 
De galerij zal materialiseren in je artikel met een Droppics-pictogram.

 

-Gallery gematerialiseerd

 

Sla uw inhoud op en u bent klaar - uw eerste galerij is al online! Als u op de Droppics-galerijafbeelding in het artikel klikt en vervolgens op de Droppics-knop, laadt u de geselecteerde galerij opnieuw.

Opmerking: indien geactiveerd in de configuratie, kunt u in het rechter menu de weergaveparameters in elke galerij instellen.

 

Met het standaardthema kunt u het volgende definiëren:

  • Randafmeting
  • Randradius
  • Rand kleur
  • Kleur en afmeting afbeelding schaduw
  • Marge links, marge boven, marge rechts, marge onderaan
  • Of u subgalerijen wilt laden of niet
  • Sommige extra parameters zijn beschikbaar in het thema van de diavoorstelling, zoals overgangsvertraging, effect ...

 

2.3 Subgalerieën

In Droppics kunt u galerijen met meerdere niveaus beheren. Om een ​​galerij-subniveau toe te voegen versleept u eenvoudig de beeldcategorieën om niveaus te sorteren of te wijzigen.

 

order-image-gallery

 

Als u de navigatie in een subgalerie wilt activeren, moet u de parameter in de bovenliggende categorie instellen in het menu aan de rechterkant.

 

sub-galerijen

 

Als u de galerijinstellingen en de configuratie vanuit de algemene configuratie hebt uitgeschakeld, gebruikt u het menu Componenten> Droppics> Opties> Selecteer het thema dat u wilt instellen.

 

Instellingen-subgalleries

 

Omdat je sub-galerijen hebt, kun je ze navigeren in de frontend. Al uw sub-galerijen zullen automatisch navigatie-thumbnails genereren.

 

subgalleries-frontend
 

De miniatuur van de subgalerij wordt automatisch gegenereerd met de eerste afbeelding in de categorie. Als je eenmaal in een sub-galerij bent, kun je ook een afbeelding kiezen om te gebruiken als een terugknop van de Optie> Hoofdparameters menu.

 

fallback-categorie

 

Een standaardstatus van het galerieniveau kan worden ingesteld in de algemene opties voor het beheeronderdeel: open Droppics met alle afbeeldingscategorieën geopend of gesloten. Het kan u ruimte besparen als u een enorm aantal galerijen heeft.

 

close-image-categorie

 

2.5 Kopiëren - Knippen - Afbeeldingen plakken

Zodra een foto is geüpload naar Droppics, kunt u een enkele / meerdere selecties maken door erop te klikken. U kunt meerdere afbeeldingen selecteren door CTRL ingedrukt te houden. De eerste methode om foto's te verplaatsen of te kopiëren, is slepen en neerzetten. Alleen slepen en neerzetten zal de afbeelding verplaatsen, slepen en neerzetten terwijl Shift ingedrukt houden ingedrukt wordt gehouden om de foto's te kopiëren.

 

drag-drop-image

 

U kunt ook de knoppen rechtsboven gebruiken.

 

copy-paste-knoppen

 

III. ENIG BEELDMANAGEMENT


3.1 Weergaveopties voor één afbeelding

Met Droppics kunt u dezelfde afbeeldingen gebruiken in uw galerijen of als één afbeelding in uw inhoud. Open Droppics, klik op een afbeelding en het rechterpaneel zal veranderen. Vanaf het bovenste gedeelte kunt u definiëren:

  • Randradius
  • Marge
  • Randafmeting
  • Rand kleur
  • Schaduwgrootte
  • Schaduwkleur
  • opstelling

 

image-parameter1

 

Vergeet niet om op save te klikken als je klaar bent met je aanpassing.

Al deze parameters kunnen standaard worden ingesteld voor al uw afbeeldingen in de componentopties.

 

single-file-parameter

 

Vervolgens kunt u een actie definiëren voor het klikken op afbeeldingen met een optionele externe link en een bijschrift (tekst onder uw afbeelding):

 

image-parameter2

 

De actie bij klikken bepaalt of de gebruiker:

  • Open de afbeelding in een lightbox
  • Volg een link naar een artikel of een menu
  • Volg een link naar een aangepaste URL
  • Niets doen

Bijschrift van de afbeelding:

  • Volg aangepaste link in galerijweergave
  • Laat het bijschrift zien

De optie "Volg aangepaste koppeling in galerijweergave" voegt het koppelingsgedrag toe aan één afbeelding, maar het werkt ook in de galerijweergave als u de hele galerij in uw inhoud invoegt. Deze functie wordt vaak gebruikt voor portfolio-pagina's.

De link naar menu's en artikelen wordt aangevuld met een hulpmiddel om u te helpen uw inhoud gemakkelijker in een lijst te vinden.

 

image-Link-gallery

 

Wanneer u op één afbeelding klikt, kunt u de afbeelding overal op uw Joomla-website vervangen. Upload een nieuwe en Droppics regenereert alle afbeeldingsformaten inclusief aangepaste formaten en vervang deze in uw inhoud!

 

image-replace

 

Indien geactiveerd de Afbeelding preview parameter in de instellingen, kunt u zelfs een muisaanwijzer-afbeeldingseffect activeren.

 

hover-image

 

En het uploadproces ook.

 

upload-proces

 

3.2 Maak aangepaste beeldformaten

U kunt afbeeldingen met een aangepast formaat maken met de originele bestanden en de originele afbeelding blijft onaangeroerd. Klik op de nieuwe maat keuzerondje, definieer ten minste een breedte en een bestandsnaam om een ​​nieuwe afbeelding te genereren. De nieuwe naam en het nieuwe formaat van het afbeeldingsbestand worden aan de lijst toegevoegd.

 

image-maat-formaat

 

De aangepaste beeldformaten kunnen ook automatisch worden gegenereerd bij het uploaden. Om de aangepaste formaten te definiëren, gebruikt u het menu: Component> Droppics> Opties> Enkele afbeeldingen> Aangepaste formaten.

Vervolgens kunt u de aangepaste beeldformaten toevoegen die u standaard bij het uploaden wilt maken.

 

custom-size-image

 

Zodra de aangepaste afbeelding is gegenereerd, staat deze in uw afbeeldingenlijst. Klik dan gewoon op plaats deze afbeelding om toe te voegen in uw artikel.

 

beeld-in-inhoud
 
Door terug te klikken op de afbeelding en op de Droppics knop, zal de afbeelding opnieuw worden geopend met alle bijbehorende parameters.

 

re-laad op beeld

 

Voor SEO-doeleinden kunt u de titel, alternatieve tekst en de oorspronkelijke bestandsnaam wijzigen.

 

seo-image-info

 

3.3 Effecten toepassen op afbeelding

U kunt filters en effecten toepassen op afbeeldingen. Klik aan de rechterkant van de afbeelding op de "Bewerk" penpictogram.

 

open effect

 

Je krijgt een scherm met effecten te zien.

 

image-effect-view


 
U kunt wijzigingen en effecten toepassen:

  • Gewas
  • Resize
  • Spiegel
  • Draaien
  • Sommige stylingeffecten toepassen

 

IV. DROPPICS PARAMETERS


4.1 Extensieparameters


Voor toegang tot de Droppics-parameters gebruikt u de Component> Droppics> Opties menu.

 

global-parameters

 

  • Duimnagel grootte: de grootte van alle miniaturen die worden gegenereerd bij het importeren van afbeeldingen of die worden weergegeven in galerijen en als afzonderlijke afbeeldingen
  • Middelgroot: de grootte van de vergrote afbeelding, bijvoorbeeld gebruikt in de lightbox
  • Oorspronkelijke uploadgrootte: de grootte van de originele afbeelding opgeslagen op de server, gebruikt om nieuwe formaten te genereren
  • Responsieve beelden: hiermee kunt u twee nieuwe afbeeldingsformaten genereren met een breedte van 768 px en 300 px die worden geladen op schermen van mobiele apparaten
  • Toon lightbox-titel: toon de titel van de afbeelding wanneer een afbeelding in een lightbox wordt geopend
  • Afbeeldingen in lichtbak: de grootte van de afbeeldingen wordt weergegeven in lightbox; als jij kiest Groot, vergeet niet om foto's voor de map opnieuw te genereren als je dit nog nooit eerder hebt gedaan
  • JPG-kwaliteit: stel de kwaliteit van uw .jpg-afbeeldingen in
  • PNG-compressie: gebruik het als u uw afbeeldingen bij het uploaden wilt comprimeren

 

crop-optie

  • Afbeelding bijsnijden: u kunt uw afbeeldingen bijsnijden op basis van de grootte die u aan het begin hebt gedefinieerd, anders wordt de beeldverhouding gerespecteerd
  • Sluit categorieën: laad de weergave admincategorieën / subcategorieën geopend of gesloten
  • Definieer oneindige scrollopties: laad het beeld progressief in plaats van alle afbeeldingen die geladen zijn op de pagina
  • Elementen eerst geladen: Aantal elementen dat oorspronkelijk is geladen
  • Elementen geladen in ajax: Aantal elementen geladen in ajax
  • Thema laden in categorie: Laad en wijzig themaparameters in elke bestandscategorie
Opmerking: als u de afbeeldingsgrootte wijzigt of de responsieve functie activeert, moet u een Miniatuurregeneratie. Klik op de knop en regenereer alle afbeeldingsformaten.

 

thumbnail-regeneratie

Het kan een tijdje duren, afhankelijk van het aantal afbeeldingen, wees geduldig :)

4.2 Toestemming en frontend beeldbeheer


Droppics gebruikt de standaard ACL van Joomla om toegang te krijgen tot beeldbeheer. Standaard heeft de Super admin-gebruiker altijd toegang tot alle galerijen.
 
Als u de toegang voor een bepaalde gebruiker wilt beperken, plaatst u deze ten minste in de beheerdersgroep of maakt u een nieuwe Joomla-gebruikersgroep. Bijvoorbeeld als u een beheerder wilt toegang en bewerk alleen hun eigen afbeeldingen, stel in "Bewerken" recht op "geweigerd" en "eigen bewerken" op "Toegestaan". Je kunt ook beperken:

  • Droppics configuratietoegang
  • Toegang tot de interface
  • Afbeelding / galerij maken
  • Verwijderen van afbeeldingen / galerij
  • Bewerking bewerken / bewerken

 

droppics permission

Droppics biedt een optie om afbeeldingen vanaf de frontend te beheren met behulp van de editor-knop (zoals in de admin-kant) of via een speciale interface. Bij het installeren van Droppics is een sjabloon toegevoegd om precies dat te doen.
Gebruik een Joomla-menu om Droppics in de frontend te laden. Uiteraard worden alle rechten die u hebt ingesteld gerespecteerd.

Voeg een Joomla-menu toe en stel het in Droppics frontend sjabloonstijl.

 

droppics-menu

 

Vervolgens kunt u afbeeldingen van de frontend van de website beheren als dit is toegestaan.

 

Frontend-image-editie

 

4.3 Thema's en beeldinstellingen

Met Droppics kunt u toestaan ​​dat de thema- en afbeeldingsparameters worden gedefinieerd in elke afbeeldings- en afbeeldingscategorie, of alleen als een algemene instelling.

 

load-theme-parameters

 

Alle thema-instellingen van de globale configuratie worden alleen toegepast als u niet toestaat dat de wijzigingen in de afbeeldingscategorie worden aangebracht.

 

thema-configuratie

 

Hier is de illustratie van de toegestane thema-instellingen en niet toegestaan ​​in afbeeldingscategorieën. In de tweede afbeelding kunt u alleen van thema wisselen, maar de thema-instellingen niet wijzigen.

 

thema opties

 

4.4 Externe video's

Droppics kan video's op afstand van YouTube, Vimeo en Dailymotion onder afbeeldingen bevatten. Gebruik de om de optie te activeren Component> Droppics> Opties> Externe video's toevoegen menu.
U kunt ook de standaardbreedte van de video definiëren voor wanneer deze wordt toegevoegd als een enkele video of wordt geladen in een lightbox.

 

remote-video

Als u deze instelling activeert, wordt een knop boven de uploadknop toegevoegd.

 

add-remote-video

 

Het enige dat u moet toevoegen, is de URL van de video.

 

add-remote-video-url

 

4.5 Droppics-afbeeldingimporter

Droppics heeft een media-importeur die afbeeldingen van uw server kan doorzoeken en importeren. Ga naar de om de optie te activeren Component> Droppics> Opties> tabblad Hoofdparameters> Parameter afbeeldingen importeren weergeven.

 

image-import

 

Gebruik vervolgens de Droppics-hoofdinterface om bepaalde media te selecteren en deze in de gewenste categorie te importeren.

 

importeur-selectie

 

4.6 Afbeelding watermerk

Droppics kan automatisch een watermerk (copyright) op uw afbeeldingen toepassen. Eerst moet u de Afbeeldingen watermerk functie van de componentconfiguratie.

 

enable-watermerk

 

Selecteer vervolgens de watermerkafbeelding die u over uw afbeeldingen wilt toepassen. Dit kan elke afbeelding zijn, maar let op de dimensie.

 

select-watermerk

 

Er zijn 5 posities waar u het watermerk kunt plaatsen:

  • Centrum
  • Linksonder
  • Rechts onder
  • Rechtsboven
  • Linksboven

 

watermerk-positie

 

De mogelijke afmetingen wanneer het watermerk wordt toegepast, zijn:

  • Alle maten
  • thumbnail
  • Groot
  • Medium
  • Aangepast formaat

Notitie: Het watermerk wordt alleen toegepast na het opslaan van de instellingen en het opnieuw genereren van de miniaturen (klik op de knop 'Regenereer miniaturen opnieuw').

 

image-watermerk

 

V. DROPPICS-THEMA'S

5.1 Thema-presentatie


Droppics wordt geleverd met 6 thema's:

  • Standaard thema
  • Masonry-thema: dit is een responsief thema dat fotomuren laat zien
  • Thema diavoorstelling om een ​​beeldcarrousel weer te geven
  • Een polaroid-achtig ontwerpthema
  • Heapshot-thema, een stapel foto's met een leuk effect om tussen te schakelen
  • Aangepast geavanceerd diavoorstellingsthema, met een aangepaste teksteditor voor afbeeldingen

 

gallery-theme-image-params

 

 


Nadat u een thema op een galerij hebt toegepast, kunt u mogelijk themagerelateerde opties voor één afbeelding instellen. Hier heb ik bijvoorbeeld het galerusthema ingesteld als de geavanceerde diavoorstelling, dus ik kan wat tekst toevoegen aan de afbeelding.

 

Custom-slideshow-thema


In het masonry-thema kunt u de maximale breedte van de afbeelding instellen.

 

masonry-config

 

VI. DROPPICS TIPS EN TRUCS

Droppics is gebouwd om te worden gebruikt in elk WYSIWYG-editorveld - u hoeft alleen de plugin voor inhoud te hebben. Meestal is het standaard geactiveerd.
Merk op dat dit niet het geval is in de aangepaste HTML-module van Joomla - u moet deze activeren zoals hierboven.

 

custom-module

 

Op het tabblad met opties moet u de optie Inhoud voorbereiden op Ja.

 

6.2 Een Droppics-thema maken / opheffen

U kunt thema's aanpassen en toevoegen aan Droppics. We gebruiken niet de standaard MVC-overschrijvingen, maar het standaard Joomla-plug-insysteem.
Droppics-thema's zijn plug-ins en ze bevinden zich in de map / plugins / droppics.

U moet één plug-in kopiëren en de naam van de plug-in wijzigen om uw nieuwe plug-in te maken (pluginname.xml en de klassenaam van de plug-in).
Installeer het vervolgens via het standaard Joomla-installatieprogramma. Het moet in de lijst met thema's worden getoond. U kunt vervolgens alle gewenste wijzigingen aanbrengen in dit thema en dit wordt niet beïnvloed door updates.