Creëer verbluffende galerijen met de beste galerijmanager voor Elementor

Page Builders en galerijen zijn het grootste deel van de tijd belangrijk voor WordPress-websites, aangezien galerijen u in staat stellen om afbeeldingen/producten op een goede manier te tonen en paginabuilders u in staat stellen om de inhoud professioneel aan uw pagina toe te voegen.

De paginabouwers zoals Elementor hebben meestal tools/blokken om galerijen te maken, maar deze zijn niet de beste omdat ze niet veel opties hebben om ze aan te passen, maar maak je geen zorgen, want WP Media Folder zal je hierbij helpen;)

WP Media Folder biedt u een Gallery-add-on waarmee u spectaculaire tools en functies in uw galerijen kunt maken en aanpassen.

In dit bericht gaan we zien hoe je ze kunt gebruiken met Elementor , Google Foto's en ook je cloudmappen dus laten we beginnen!

Galerijen met widget voor Elementor in video

De WordPress Google Photos-integratie instellen

Allereerst zal ik je de plug-ins laten weten die we voor deze tutorial gebruiken, dit zijn Elementor, WP Media Folder en de 2 Pro Add-ons (een voor galerijen en de andere voor een cloudverbinding).

Nu we het weten, laten we beginnen, we gaan de galerij maken van Google Foto's. Hiervoor moeten we onze WordPress-site verbinden met ons Google Foto's-account, laten we kijken hoe we dat moeten doen.

Allereerst hebben we hiervoor een Google Dev APP nodig, ga hier: https://console.developers.google.com/project en maak een nieuw project aan.

Voeg een naam toe aan het project, je kunt toevoegen wat je wilt.

Wacht nu even tot het project is aangemaakt.

Als het de eerste keer is dat u deze Fotobibliotheek-API gebruikt , moet u deze activeren. Om deze te activeren, gaat u naar de MarketPlace in het linkermenu.

Typ nu in het zoekvak Photos Library API en doorzoek het.

Klik erop en vervolgens op Inschakelen .

Nu het is ingeschakeld, klikt u op "API en services" in het linkermenu. Ga in dit paneel naar Referenties .

Nu u hier bent, gaat u in het bovenste paneel naar + Credentials maken > OAuth-client-ID , voeg desgevraagd een naam toe aan uw OAuth-toestemmingsscherm.

Stel nu de inloggegevens als volgt in:

• Selecteer "Webapplicatie" en voeg een naam naar keuze toe.
• Geautoriseerde JavaScript-oorsprong: https://uw-domein.com (vervangen door uw domeinnaam, zonder slash).
  
• Geautoriseerde omleidings-URI's: https://uw-domein.com/wp-admin/options-general.php?page=option-folder&task=wpmf&function=wpmf_google_photo_authenticated
  

Houd er rekening mee dat Google hun beleid heeft gewijzigd, dus u moet uw geautoriseerde domeinen invullen op het tabblad OAuth-toestemmingsscherm > App bewerken .

Klik in het gedeelte Geautoriseerde domeinen op +Domein toevoegen en voeg uw domein toe.

Voeg het ook toe aan het gedeelte Domeinverificatie .

En klaar! Je krijgt je ID en geheim om toe te voegen in de configuratie van WP Media Folder :)

Laten we nu uw Google Foto's-account verbinden met uw WordPress-site, hiervoor gaat u naar Instellingen > WP Media Folder > Cloud > tabblad Google Photo.

U kunt de automatische modus gebruiken die het gemakkelijkst is omdat u alleen hoeft in te loggen op uw Google-account, hiervoor kiest u Automatisch in de "Verbindingsmodus" en vervolgens Connect Google Photo .

Er verschijnt een pop-up, klik op Akkoord .

De laatste stap is: log in op uw Google-account, sta de machtigingen toe en voltooi de verbinding.

Dat is alles, heel gemakkelijk en snel, nietwaar? :)

Elementor + Gallery-plug-in, de beste combinatie

Nu we de verbinding hebben voltooid, gaat u naar Media> Mediamapgalerijen , klik in dit gedeelte op + Nieuwe galerij toevoegen en geef uw nieuwe galerij een naam, voor de zelfstudie noemen we deze Google P-galerij , en ook, we zijn de Square Grid- galerij gaan gebruiken.

Nu heb je alle opties om afbeeldingen in te stellen en toe te voegen aan je galerij, je ziet het Google Photo- logo, klik erop.

Hiermee wordt een pop-up geladen met alle afbeeldingen die beschikbaar zijn op uw Google Foto's-account, u hebt de mogelijkheid om veel afbeeldingen uit een album te selecteren of een volledig album te selecteren, in deze zelfstudie gaan we een volledig album selecteren, selecteer hiervoor het album en vervolgens Album importeren .

U ziet een melding dat het album wordt geïmporteerd.

Een paar minuten wachten, en klaar! U ziet alle geüploade afbeeldingen in het galerijdashboard. U kunt alle wijzigingen aanbrengen, zoals het selecteren van een nieuwe galerij.

Nu kun je naar het Weergave-instellingen en shortcode om je galerij volledig aan te passen, je hebt instellingen zoals de volgorde, het aantal kolommen en de actie bij klikken.

Nadat u de galerij-instellingen hebt voltooid, klikt u op Opslaan en kunt u naar de pagina/het bericht gaan waar u de galerij wilt toevoegen en op Bewerken met Elementor klikken zodat de paginabouwer wordt geladen.

Selecteer nu het gedeelte waar u de galerij wilt toevoegen en zoek naar de WP Media Folder blokken.

Zoals je kunt zien, zijn er 4 beschikbare blokken, voor deze tutorial gaan we degene genaamd WP Media Folder Gallery Addon , hierdoor wordt de Gallery Addon in de paginabuilder geladen.

Nadat je het blok naar de sectie hebt verplaatst, zie je een optie voor een voorbeeld en aan de linkerkant de optie om een ​​galerij te kiezen, selecteer de galerij die we eerder hebben gemaakt.

In het rechtergedeelte ziet u het voorbeeld van de galerij en deze wordt automatisch bijgewerkt wanneer u een nieuwe optie in het linkergedeelte selecteert, dus vink deze aan, bevestig dat alles in orde is en klik op Publiceren .

Dat is het! Je hebt met een paar klikken een professionele galerij gemaakt en deze rechtstreeks vanuit de Page Builder geconfigureerd :)

Elementor gebruiken om Google Drive-galerijen te maken in WordPress

 Als een pluspunt gaan we zien hoe u galerijen kunt maken met afbeeldingen uit de cloud, aangezien u met WP Media Folder uw mediabibliotheek kunt verbinden met Cloud Services (Dropbox, Google Drive, OneDrive en AWS).

In dit voorbeeld zullen we het gebruik van Google Drive -verbinding, kunt u zien hoe aan te sluiten hier , zult u merken dat het proces is echt vergelijkbaar met het Google Foto verbinding :)

Wanneer dit is ingesteld en u de Google Drive-mappen synchroniseert/maakt, kunt u naar de pagina/het bericht gaan dat u wilt wijzigen en op Bewerken met Elementor .

Zoek in het linkergedeelte naar het gedeelte WP Media Folder en klik op het blok
WP Media Folder Gallery .

Klik nu op + in het gedeelte "Afbeeldingen toevoegen".

Dit opent een pop-up met de Mediabibliotheek, selecteer de Cloud Folder, alle afbeeldingen die u wilt toevoegen door erop te klikken en tenslotte Maak een nieuwe Galerij > Voeg Galerij in .

Hiermee wordt een galerij gemaakt met behulp van de afbeeldingen rechtstreeks uit de cloud, dus nadat je deze hebt toegevoegd, kun je de galerij-instellingen in het linkergedeelte instellen en het voorbeeld van de galerij in het rechtergedeelte bekijken, zodat het heel gemakkelijk te bewerken en controleer of de galerij eruit zal zien zoals we willen :)

Nu kun je galerijen maken met de kracht van WP Media Folder , op een heel gemakkelijke manier met Elementor, en ook opslagruimte besparen met Google Drive, wat kun je nog meer vragen? :)

Begin met het gebruik van de beste WordPress Gallery-plug-in

WP Media Folder uitgelegd en, zoals je kunt zien, heeft het de zaken echt eenvoudiger gemaakt dan zou moeten en meer nu met het nieuwe thema en de nieuwe interface ! Dus waar wacht je op? Ga hierheen en verkrijg je eigen lidmaatschap. Je zult zien dat er meer galerijen zijn dan degene die in dit bericht worden getoond en veel tools die gewoon geweldig zijn :)