Meer extensies: Embed GoogleMap

uit de cursus Starten met Joomla (CMS)

Meer extensies: Embed GoogleMap
Geef een waardering

Hallo vreemdeling,

wat leuk dat je onze site bezoekt. Bekijk gerust een paar video's en als het je bevalt kun je altijd abonnee worden.

Automatisch afspelen

Geef een reactie of stel een vraag

Geef een reactie

Registreer als je wilt reageren.

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.

Starten met Joomla (CMS)

perm_identity Walter van Rooij | video_library 30 video's | query_builder 02:57:24

Volg nu de online cursus Joomla!

Leer hoe je complexe websites kunt maken, met diverse functionaliteiten als een contactformulier, fotogalerij, zoekfunctie tot het creëren van een meertalige website?

Met Joomla bouw je een complete en complexe website met allerlei functionaliteiten zonder dat je verstand hoeft te hebben van programmeren.

Joomla is een CMS (Content Management Systeeem)

Joomla behoort samen met WordPress en Drupal tot de meest populaire CMS systemen. Veel webbedrijven en -designers maken gebruik van een CMS om hierin complexe websites voor hun klanten te bouwen. Waarom zou je het wiel opnieuw gaan uitvinden als er CMS’en bestaan die het fundament voor de website al voor je klaarzetten.
Het grote voordeel van een CMS is dat de klant/opdrachtgever zelf zorg kan dragen voor de content van de website.

Wat ga je in deze online cursus leren?

Je leert allereerst hoe je het programma installeert op je eigen computer zodat je eerst lokaal de website kunt bouwen. Aan het einde van de cursus leer je hoe je de website migreert naar de server waarop de website gehost gaat worden. Je leert hoe je een template installeert en daarna de website gaat inrichten met artikelen, categoriën, menu-onderdelen, modules, plugins en componenten.

Je leert hoe je moet omgaan met de database waar de inhoud van de website in bijgehouden wordt. Hoe je veiligheidsmaatregelen neemt om de database en de website te backuppen. Kortom alle basisvaardigheden die je nodig hebt om een website met Joomla te bouwen, in te richten en online te zetten.

Voor wie is deze cursus bedoeld?

Wil jij leren websites te maken voor klanten en bedrijven die zelf hun site willen vullen met content? Je wilt het meteen goed aanpakken en een gebruikersvriendelijke website maken die goed gevonden kan worden. Dan maak je met Joomla een goede keuze. Je hebt geen enkele voorkennis nodig om deze online cursus te kunnen volgen. Uiteindelijk zul je wel baat hebben bij kennis van html en css. Maar dat kan ook prima na het volgen van deze cursus.

Deze les gaat over het plaatsen van een Google map

in je Joomla Website met behulp van een extensie

De extensie die ik hier voor ogen heb is een Plugin

met de naam Embed Google Map

en om hem te installeren

log ik in op de achterkant van de website.

Hier ben ik in de achterkant van de website.

Om een extension -een extensie- te gaan installeren

ga ik naar Extensions > Manage > Install

Ik kan daar zoeken op naam

en de naam van de extensie die ik zoek heet Content Map

Daar is hij.

De C, de M en de P vertellen me dat

het om een Component, een Module en een Plugin gaat.

En het feit dat er geen dollartekentje bijstaat wil zeggen

dat het een gratis product is.

Ik installeer deze extensie.

Het is gelukt, het product geeft me wel aan

dat ik ook kan bijdragen aan de ontwikkeling ervan,

ofte wel dat ik een betaalde versie kan verkrijgen.

Dat doe ik nu even niet.

De installatie is gelukt, zoals ik zie

het betreft hier

zoals eerder gezegd, zowel een component, een module als een plugin.

De gemakkelijkste manier om deze extensie toe te passen

gaat door middel van de plugin.

Ik ga dus naar Extensions > Plugins

Ik ben hier in de Plugins-pagina en ik zoek naar de plugin

Content Map

Daar is de plugin.

Deze moet natuurlijk gepubliceerd worden.

Ik klik hem even open.

Een API-key, of Application Programming Interface-Key,

is een soort beschermingscode van Google.

Om die te verkrijgen neem ik een nieuwe pagina in mijn browser.

en ik zoek naar Google

Api key

Hier druk ik op de blauwe knop. Get a Key

Er staat hier dat ik een project kan selecteren of benoemen

van het product waar ik een API-key voor wens.

Ik heb dat al eens eerder gedaan; voor de Joomla cursus wil ik graag een Key.

Daar is mijn Key, ik selecteer hem,

ik kopieer hem en ik sluit deze pagina.

en ik voer mijn API-key in.

en ik Save.

Ik Save and Close.

De plugin is actief,

het tweede wat ik nu moet doen is

naar een artikel gaan waar ik mijn Map in wil plaatsen.

Content > Articles, en ik kies

artikel .

Ik zie hier in mijn editor de tekst die in artikel aanwezig is.

Onderaan de pagina zou ik graag mijn map willen hebben.

Om die Map te plaatsen moet ik naar Publishing-options

en daar, rechts in mijn beeld, zie ik Content Map

Plus een klein landkaartje waar ik op kan klikken. Dat doe ik.

Daar kan ik een adres invullen van de plek waar mijn Map naar moet verwijzen.

Ik kies Woldweg in Groningen.

Het adres van House of Training.

Daar is de kaart, de cursor wijst Woldweg aan,

Ik scroll een klein beetje naar beneden en druk op de knop Vul in.

De coördinaten zijn ingevoerd bij Content Map.

Ik Save and Close.

Aan de voorkant van de website ben ik benieuwd hoe het resultaat eruit ziet.

Hier is de voorkant van de website.

Ik klik op artikel om te kijken of mijn Map geslaagd is.

En ja hoor, paginabreed, op % dus,

zie ik mijn Map staan.

Het is goed gelukt om met de plugin

een mooie Google Map te verkrijgen

aan de onderkant van mijn pagina.