Kunne du tænke dig at oprette et kort med flere steder i WordPress med Elementor og essentielle tilføjelser?
Antag, at du har en virksomhed, der allerede har flere filialer i byen, og du vil oprette et digitalt kort, der viser placeringen af disse filialer. Hvis du har en WordPress-baseret hjemmeside, kan du nemt lave sådan et kort. Der er et fantastisk plugin, du kan bruge til at oprette et kort med flere placeringer: Væsentlige tilføjelser.
Væsentlige tilføjelser er en tilføjelse Elementor premium, så du skal også installere Elementor før du kan bruge det. Du kan bruge den gratis version af Elementor til at oprette et kort med modulet Essential Addons.
La gratis version af Essential Addons er også tilgængelig. Widget'en til at oprette et kort er dog kun tilgængelig på den betalte version. Du kan downloade den betalte version af Essential Addons på dens officiel hjemmeside.
Vi vil bruge Google Maps-platformen til at oprette et kort på din WordPress ved hjælp af Essential Addons. Før du starter, skal du sørge for at installere Elementor og Essential Addons.
Integrer Google Maps med modulet Essential Addons
Før du kan tilføje et Google Maps-kort med Essential Addons, skal du først integrere dem. Du skal bruge en API-nøgle for at integrere Google Maps med Essential Addons-moduler.
Besøg først Google API-konsol og log ind med din Google-konto. Opret et nyt projekt ved at klikke på rullemenuen øverst og klikke på NYT PROJEKT.
Giv dit nye projekt et navn, og klik på knappen CREATE .
Når dit nye projekt er oprettet, skal du vælge det fra rullemenuen og klikke på bibliotek på venstre panel.
Google opdeler Google Maps Platform API i 17 typer. Du kan se dem ved at klikke på linket VIS ALLE i afsnittet Kort. Du skal aktivere API'er afhængigt af, hvad du ønsker at opnå.
Opdag også: Sådan opretter du en tilpasset enkelt produktskabelon i WooCommerce med Elementor
I vores tilfælde skal du aktivere følgende API'er for at tilføje et kort fra Google Maps ved hjælp af Essential Addons.
- API retninger
- Geokodning API
- Maps JavaScript API
- API-sæder
For at aktivere en API skal du vælge en API du vil aktivere (ved at klikke på den) og klikke på knappen AKTIVER.
Når du har fuldført aktiveringen af de nødvendige API'er, skal du vende tilbage til hovedbetjeningspanelet i Google API-konsollen og klikke på identifikatorer på venstre panel. Klik på knappen Opret legitimationsoplysninger og vælg API-nøgle. Kopier API-nøglen på pop op-vinduet, der vises.
Log ind på dit WordPress-dashboard og klik Væsentlige tilføjelser på venstre panel. Klik på fanen Elements og scroll ned i afsnittet Avanceret Google Maps. Klik på Indstillinger og indsæt den API-nøgle, du lige har kopieret.
Klik på knappen GEM INDSTILLINGER for at anvende den nye ændring.
Begynd at oprette kortet
Når Google Maps og Essential Addons er integreret, kan du begynde at oprette kortet. For at gøre dette skal du oprette en ny side (Sider – > Tilføj ) eller en ny vare (Varer – > Tilføj) og rediger den med Elementor.
Inden du opretter siden, skal du indstille layoutet ved at klikke på tandhjulsikonet i nederste venstre hjørne for at åbne panelet Indstillinger. Indstil layoutet fra rullemenuen.
Opret en ny sektion ved at klikke på plusknappen i redigeringsfeltet. Hvis du vil have et bredere område til kortet, kan du vælge den enkelte kolonnestruktur. Træk widgetten EA Google Maps fra venstre panel til redigeringsområdet.
Gå til venstre panel og indstil korttypen til multiple-markør.
Åbn sektionen Indstillinger for kortmarkør og klik på den eksisterende kortmarkør for at redigere den. Indsæt bredde- og længdegraden for den første placering, du vil tilføje til kortet. Indstil også titlen samt beskrivelsen.
For at få en placerings bredde- og længdegrad, skal du åbne Google Maps og søge efter det sted (sted), hvis bredde- og længdegrad du vil have. Når du er fundet, skal du klikke med højre museklik og venstreklikke på nummeret, der vises i kontekstmenuen.
Denne handling giver dig derfor mulighed for at kopiere breddegraden (den første værdi) og længdegraden (den anden værdi).
Når du er færdig med at tilføje bredde- og længdegraden for den første placering, skal du klikke på knappen TILFØJ ET ELEMENT for at tilføje en anden placering til dit kort.
Åbn Google Maps igen og find den nye placering, du vil tilføje til kortet, og kopier længdegraden såvel som længdegraden og indsæt dem i de respektive felter som ovenstående. Gentag ovenstående trin for at tilføje flere placeringer til kortet.
Læs også: Sådan bruger du Elementors indlæg-widget
Åbn blokken, når du er færdig med at tilføje lokationer Kort kontrol for at aktivere/deaktivere de kommandoer, du vil angive på dit kort. Du kan også indstille zoomniveauet her.
Du kan også åbne blokken Kort tema for at vælge det Google Maps-tema, du vil bruge.
Indtil videre har du oprettet et kort med flere placeringer. Du kan åbne fanen stil for at definere højden samt bredden af kortet.
Hvis du vil have et kort i fuld bredde, skal du indstille det afsnit, der indeholder kortet, til fuld bredde. For at gøre dette skal du klikke på sektionens håndtag.
I faneblad og blok layout sæt Indholdsbredde til fuld bredder og kolonnegabet på Ingen afvigelse
Klik på knappen UDGIVETER nederst i venstre panel for at offentliggøre din side.
Integrer kortet i en side eller et indlæg
Hvis du af en eller anden grund foretrækker at indlejre dit kort på en side/indlæg (siden/indlægget oprettet med standard WordPress — Gutenberg) editor, kan du bruge WordPress plugin Elementor Blokke til Gutenberg. Dette plugin vil konvertere en Elementor-skabelon til en Gutenberg-blok.
For at gemme det kort, du lige har oprettet som en Elementor-skabelon, skal du klikke på pileikonet ved siden af knappen PUBLICER / OPDATERING og vælg Gem som skabelon.
Giv din model et navn, og klik på knappen INDREGISTRER.
Derefter skal du oprette en ny side eller et nyt indlæg (sørg for, at du har installeret Elementor-plugin Blokke til Gutenberg). Tilføj en ny blok og vælg Elementor bibliotek og vælg den skabelon, du lige har oprettet.
Bemærk: Hvis du ser meddelelsen "Kun til udviklingsformål", når du tilføjer et kort, skal du sørge for at aktivere din Google Cloud-fakturering. Den nye Google-politik kræver, at udviklere aktiverer faktureringskontoen (du kan stadig bruge Google Maps API gratis).
Få Elementor Pro nu!!!
Konklusion
Så! Det er det for denne artikel, der viser dig, hvordan du opretter et kort med flere steder med Elementor. Hvis du er i tvivl om, hvordan du kommer dertil, så lad dem vide det i kommentarer.
Du kan dog også konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.
Men i mellemtiden del denne artikel på dine forskellige sociale netværk.
...
