Dé Harlinger UITagenda
Dé Harlinger UITagenda is de meest complete agenda van Harlingen en is onmisbaar voor de Harlinger en toerist die volop wil genieten van alles wat de stad en de regio te bieden hebben. Deze agenda toont een volledig overzicht van alle evenementen en activiteiten in en rondom Harlingen, heeft snelle zoek- en filtermogelijkheden, heeft een stijlvol en praktisch design en is gemakkelijk in gebruik. Bovendien biedt de geavanceerde Harlinger UITagenda Plugin nu ook de mogelijkheid om de Harlingenboeit Agenda op jouw eigen website te vertonen, altijd bereikbaar en altijd actueel.
Dé Harlinger UITagenda Plugin
De Harlinger UITagenda Plugin biedt o.a. de volgende functionaliteiten:
- Eenvoudig embedden via een iframe
- Responsive design voor een geoptimaliseerde weergave op laptop, tablet en mobiel
- Keuze tussen vaste breedte en hoogte van het iframe, of flexibele (responsive) afmetingen
- Filteren van evenementen op categorie, periode en/of zoekwoord
- Kleur-gecodeerde evenementen op basis van categorie
- In verschillende overzichten te bekijken zoals per maand, per dag of per geselecteerde periode
- Directe links naar gefilterde overzichten per maand en per dag
- Geëmbedde Google Maps functionaliteit in agenda-items
- Deelmogelijkheden agenda-items met Facebook, Twitter en andere sociale netwerken
- Elk evenement is SEO geoptimaliseerd
- Elk evenement linkt naar de volledige Harlinger UITagenda
Met de nieuwe Harlinger UITagenda Plugin kun je nu, binnen enkele minuten, een uitgebreide en actuele agenda in jouw eigen website vertonen. De agenda kan heel eenvoudig worden geëmbed in een pagina, zonder dat er een aparte template bestand moet worden aangemaakt of aangepast.
Gebruik van onderstaande mogelijkheden is slechts toegestaan voor niet-commerciële doeleinden. Wil je de plugin gebruiken voor andere toepassingen of commerciële doeleinden, neem dan contact met ons op.
Aan de slag!
Dé Harlinger UITagenda op jouw eigen website in 2 eenvoudige stappen:
Stap 1: de code kopiëren
Selecteer wat voor jouw van toepassing is.
- Heb je een website met een vaste breedte of wil je een vaste breedte en hoogte voor jouw agenda? Kopieer (Ctrl+c) dan onderstaande code:
<div class="harlingenboeit-agenda-widget"><iframe src="https://harlingenboeit.nl/agenda/harlingenboeit-agenda-widget" style="height: 800px; width: 800px; border: 5px solid #e7f4fc;"></iframe></div>
- Heb je een responsive website of wil je een responsive agenda? Kopieer dan de volgende code:
<div class="harlingenboeit-agenda-widget">
<iframe src="https://harlingenboeit.nl/agenda/harlingenboeit-agenda-widget" width="100%" scrolling="no" style="border: 0;"></iframe>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="https://harlingenboeit.nl/++resource++harlingenboeit.contenttypes/hb.iframeResizer.min.js"></script>
<script type="text/javascript">
iFrameResize({
enableInPageLinks: true,
});
</script>
</div>
Stap 2: de code plakken in uw eigen website
Open de pagina waarop je de agenda wil plaatsen. Plak (Ctrl+v) de code in jouw HTML bewerkingsprogramma, op de plaats waar de agenda vertoond moet worden.
Klaar! De agenda is geplaatst.
Afmetingen
Vindt je de weergave te groot of te klein? Je kunt het iframe in ieder gewenst formaat weergeven. De afmetingen van het iframe pas je aan met de attributen 'width' en 'height' in de 'style' optie.
Voorbeeld:
style="height: 800px; width: 800px;"
Heb je een responsive iframe gekozen, dan past de breedte van het iframe zich aan de breedte van jouw pagina of website, en is de hoogte afhankelijk van de weergegeven agenda-items.
Heb je vragen?
Heb je vragen of opmerkingen, mail dan naar info@harlingenboeit.nl.
