Nieuwsblog: WordPress & Joomla Extensions

Creëer verbluffende galerijen met de beste galerijmanager voor Elementor

MAAK-PRACHTIGE-GALERIJEN-MET-DE-BESTE-GALLERY-MANAGER-VOOR-ELEMENTO_20210609-071032_1

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 paginabuilders 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!

 De WordPress Google Foto's-integratie instellen

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

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

Allereerst hebben we hiervoor een Google Dev APP nodig, ga hier naar: 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, in dit paneel gaat u 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
(vervang door uw domeinnaam)


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 over het album dat wordt geïmporteerd.



Wacht een paar minuten, en klaar! U ziet alle afbeeldingen die zijn geüpload in het galerijdashboard, u kunt alle wijzigingen aanbrengen, zoals het selecteren van een nieuwe galerij.



Nu kun je naar het tabblad
Weergave-instellingen en shortcode gaan 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.



Een s je kunt zien, zijn er 4 beschikbare blokken, voor deze les gaan we het een zogenaamde gebruiken WP Media Folder Gallery Add-on , hiermee wordt de Gallery-add-on 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 het wordt automatisch bijgewerkt wanneer u een nieuwe optie selecteert in het linkergedeelte, dus vink het 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 het is ingesteld en u synchroniseert/maakt de Google Drive-mappen, kunt u naar de pagina/post die u wilt dit gaan en op Bewerken met Elementor klikken .

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

In dit bericht hebben we slechts een paar functies van WP Media Folder uitgelegd en, zoals je kunt zien, heeft het dingen echt gemakkelijker gemaakt dan het zou moeten! Dus waar wacht je op? Ga hierheen en verkrijg je eigen lidmaatschap, je zult zien dat er meer galerijen zijn dan die in dit bericht en veel tools die gewoon geweldig zijn :)

2
Creëer verbluffende galerijen met de beste galerijma...
Bestandsvoorbeelden genereren op WordPress met WP ...
 

Opmerkingen

Er zijn nog geen opmerkingen gemaakt. Wees de eerste die een opmerking plaatst
Al geregistreerd? Hier inloggen
Gast
zaterdag 18 september 2021

Captcha-afbeelding