Simple Google Calendar Outlook Events Widget

FAQ

Hoe kan ik Google Calendar gebruiken?

Eerst moet je je agenda delen om hem openbaar beschikbaar te maken, of je moet een nieuwe openbare agenda maken. Privé agenda’s kunnen niet gelezen worden door deze plugin. Gebruik dan het openbare iCal adres van de Google agenda ID.
Meer details bij Google support

Waar vind ik de Google Agenda ID?

Je kan de Google agenda ID vinden door naar Agenda instellingen / Agendas te gaan, te klikken op de juiste agenda, dan helemaal naar beneden scrollen om de Calendar ID onder aan de Integreer Agenda sectie te vinden. Dat is je agenda id.
Meer details bij Google support

Hoe meer agenda’s samenvoegen in een module/blok

Vul een komma gescheiden lijst van ID’s in het Calendar ID veld in.
Optioneel kan je een html-class gescheiden door een komma-punt aan alle of sommige ID’s toevoegen om ze te onderscheiden op afkomst in de lay-out van de gebeurtenis.
Bijv.: #example;blue,https://p24-calendars.icloud.com/holiday/NL_nl.ics;red
Gebeurtenissen van #example zullen gemengd worden met gebeurtenissen van NL holidays; html-class “blue” wordt toegevoegd aan alle gebeurtenissen van #example, html-class “red” aan alle gebeurtenissen van NL holidays.

Kan ik HTML gebruiken in de beschrijving van de afspraak?

Je kan HTML gebruiken in de meeste Agenda’s, maar het resultaat in de plugin is mogelijk niet wat je zou verwachten.
Ten eerste: De originele iCalendar standaard staat alleen platte tekst in een gebeurten beschrijving toe. Daarom zullen de meeste agenda’s waarschijnlijk alleen de platte tekst in de Description in de iCal uitvoer zetten.
Ten tweede: Om veiligheidsredenen filtert deze plugin de HTML en zet tekens met speciale betekenis in HTML om in de overeenkomstige HTML-entiteiten.

Maar als je de uitvoer van de kalenderapplicatie vertrouwt, kun je een selectievakje instellen om veilige HTML toe te staan in de uitvoer. Dus als je erin slaagt de HTML in de beschrijving te krijgen en je het selectievakje instelt om veilige HTML toe te staan, kan je die HTML in de uitvoer krijgen, met uitzondering van de tags die niet als veilig worden beschouwd zoals SCRIPT en onbekende tags.
En met de huidige versie van Google Calendar kan je wat HTML in de beschrijving uitvoer zetten. (April 2022) Ik zag de tags <a> (link), <b> (vette tekst), <i> (cursieve tekst), <u> (onderstreepte tekst) en <br> (linebreak) in een iCal beschrijving. Ze komen allemaal door met het selectievakje “Allow safe html” aan. Waarschijnlijk is er nog meer mogelijk, maar Google kan ook besluiten zich meer aan de standaard te houden.
Met Microsoft Outlook werden de HTML tags weggefilterd en bereikten ze de iCal beschrijving niet

In het geval dat je allerlei HTML in je afspraken hebt is een plugin die de API van de agenda-applicatie gebruikt wellicht een betere keus voor jou.

Hoe gebruik ik Microsoft Office Outlook Agenda?

Eerst moet je je agenda delen om hem openbaar te maken, of een gedeelde agenda maken en die openbaar maken. Privé agenda’s kunnen niet gelezen worden door deze plugin.
Publiseer hem dan als een ICS link en gebruik dit linkadres. (iets als https://outlook.live.com/owa/calendar/00000000-0000-0000-0000-000000000000/…/cid-…/calendar.ics) (werkt vanaf versie 1.3.1 van deze widget)
Meer details bij Microsoft Office support

Ik zie alleen de widget, niet het blok

Gebruik je minimaal WP 5.9? Beneden 5.9 werkt het blok niet.
Maak je gebruik van een pagebuilder zoals Elementor? Het blok wordt mogelijk niet weergegeven in de pagebuilder-editor, probeer of het beschikbaar is in de WordPress-editor.
Om gebruikers te ondersteunen die het Gutenberg-blok niet kunnen gebruiken, heb ik in v2.1.1 (met pijn in mijn hart omdat Gutenberg-blokken naar mijn mening de toekomst van WP zijn) de uitvoer van de widget opnieuw gesynchroniseerd met die van het blok.
Anders moesten ze een oplossing gebruiken met een extra plug-in, zoals beschreven in Hoe Gutenberg-blokken weer te geven in andere pagebuilders (Elementor, Divi, enz.) of een andere plug-in te gebruiken die een shortcode toevoegt aan een Gutenberg-blok of misschien een pro functionaliteit van Elementor.

Hoe Apple Agenda (iCloud) gebruiken?

Kies de agenda die u wilt delen (in browser indeling in het linker paneel). Klik op de regel van die agenda op het pictogram Agenda-informatie weergeven (een persoon bijgesneden in een cirkel) aan de rechterkant van de regel. Vink in de pop-up Agenda delen het vakje openbare agenda aan. je ziet de URL hieronder, zoiets als webcal://p59-caldav.icloud.com/published/2/MTQxNzk0NDA2NjE0MTc5AAAAAXt2Dy6XXXXXXPXXxuZnTLDV9xr6A6_m3r_GU33Qj. Klik op Link kopiëren en OK. Plak dat in het veld “Agenda-ID of iCal-URL” van de widget (vóór versie 1.3.1 moest je webcal in https wijzigen)

Fout: cURL error 28: Operation timed out after 5000 milliseconds with 0 bytes received

Waarschijnlijk is de agenda (nog) niet openbaar, je kan de link kopieren voordat hij al echt is openbaar gemaakt. Controleer of de agenda al openbaar is en probeer het dan opnieuw.

Ik zie alleen de kopregel van de agenda, maar geen afspraken?

Er zijn geen afspraken gevonden binnen de selectie. Test b.v. met een afspraak voor de volgende dag en ververs de cache of wacht tot de cache ververst is.
Controleer of je het ics bestand dat je hebt aangewezen in de widget kan downloaden in een browser. Op zijn minst of het een tekst bestand is met als eerste regel “BEGIN:VCALENDAR” en verder regels “BEGIN:VEVENT” en regels “END:VEVENT”. Als je het probleem niet kan oplossen kan je natuurlijk een fout/vraag melden in ons
community support forum

Ik zie alleen de titel van de kalender en de tekst ‘Bezig met verwerken’, zelfs na meer dan een minuut wachten, of een bericht &#61 Code: undefined = Msg: HTTP error, status = 500.

Waarschijnlijk heb je de instelling “Gebruik client tijdzone instellingen, met REST” gekozen in “Gebruik client tijdzone instellingen”. Met deze actieve instelling zal de widget eerst worden weergegeven als een plaatshouder met alleen de titel en de tekstverwerking. In de HTML van deze plaatshouder zijn ook enkele ID’s als parameters voor de JavaScript REST oproep om de inhoud op te halen nadat de pagina is geladen. Deze oproep wordt niet uitgevoerd (correct).
Om correct te werken, moet JavaScript ingeschakeld zijn in een browser met een versie nieuwer dan 2016, maar niet in Internet Explorer.
Dit wordt waarschijnlijk veroorzaakt doordat het JavaScript weergavebestand met het ophaalcommando niet is geladen, bijvoorbeeld in de editor van Elementor of een andere pagebuilder die probeert een voorbeeld van de widget te tonen maar het benodigde JavaScript niet laadt. Dit is een bekend probleem, je kunt dit omzeilen door eerst “Gebruik WordPress tijdzone instellingen, geen REST” in te stellen totdat je tevreden bent met alle andere instellingen en vervolgens “Gebruik client tijdzone …” in te stellen.
Als je de Sibid wijzigt zonder op de Update knop te klikken, kan de nieuwe Sibid al zijn opgeslagen in de plugin opties voor de REST oproep, maar niet in de blok attributen. Als je toch op Update klikt, wordt het probleem opgelost.
De REST oproep kan ook mislukt zijn om andere redenen, dan zou een nieuwe poging waarschijnlijk het probleem oplossen, maar dat heb ik nog nooit gezien bij het testen.
Als je het niet kunt oplossen, kun je natuurlijk een fout / vraag melden in ons community ondersteuningsforum.

Kan ik een gebeurtenissen kalender die alleen dagen, maar geen tijdstippen bevat, zoals een feestdagen kalender gebruiken?

Ja dat kan je, vanaf v1.2.0, heb ik dat getest met https://p24-calendars.icloud.com/holiday/NL_nl.ics .

Dit blok heeft een fout ondervonden en kan niet worden voorvertoond.

Waarschijnlijk heb je een pagina (opnieuw) geopend waar het blok wordt bewerkt, maar je wachtwoordcookie is verlopen.
Log opnieuw in op WordPress en open de pagina opnieuw. Het blok zal beschikbaar zijn.

Dit blok bevat onverwachte of ongeldige inhoud.

Na een update van de plugin verschijnt in plaats van de block inhoud
de melding “Dit blok bevat onverwachte of ongeldige inhoud.” wordt weergegeven en een knop “Poging tot blokherstel”.
↵
Waarschijnlijk wordt dit veroorzaakt door een verschil in de opgeslagen uitvoer en de uitvoer die zou worden opgeslagen als het blok nu zou worden opgeslagen. Dit zal het geval zijn als de code in de opslag is gewijzigd als gevolg van de plug-in-update (of downgrade). Dit zou automatisch moeten worden opgelost door de deprecation code, maar dit is niet altijd mogelijk als een blok op een pagina wordt geplaatst als onderdeel van een gesynchroniseerd patroon, als u terugkeert naar een oudere versie of als de deprecation code niet correct werkt.
↵
* Als u op de knop “Probeer blok herstel” drukt, wordt de uitvoer in het nieuwe formaat opgeslagen en wordt daarmee het probleem opgelost.
↵
* Als het om een gesynchroniseerd patroon gaat, moet je “Blok herstel proberen” in het originele patroon via Origineel bewerken of “Uiterlijk/Patronen”.

Hoe stel ik verschillende kleuren en tekst groottes in voor de datums, de samenvatting en de details?

Er is geen instelling voor de kleur of het lettertype van onderdelen in deze plugin.
Mijn filosofie is dat lay-out en code/inhoud zoveel mogelijk gescheiden moeten worden.
Bovendien moet de plugin naadloos passen bij de stijl van de site en volledig aanpasbaar zijn via CSS.

Dus voor kleur en lettertype worden de instellingen van het thema gebruikt en vervolgens toegepast via CSS.
Maar je kunt elk element binnen de plugin zijn eigen stijl geven (zoals kleur en lettergrootte) vanuit het thema via CSS.

Als je goed bekend bent met de CSS van je thema en het bevat klassen die je wilt gebruiken op deze velden, dan kun je die klassen toevoegen in de Geavanceerde instellingen: "SUFFIX GROUP CLASS:", "SUFFIX EVENT START CLASS:" and "SUFFIX EVENT DETAILS CLASS:"

Anders kun je een blok met extra CSS toevoegen (of extra css of gebruikers css of iets dergelijks), wat mogelijk is met de meeste thema’s.
BELANGRIJK:
Om de CSS heel specifiek op het simple-ical-blok te richten, is het het beste om iets unieks in te voeren in de instellingen van het blok/widget onder Geavanceerd in “HTML ANKER”, bijvoorbeeld ‘Simple-ical-Blok-1’, de code wordt vertaald naar een hoog niveau ID van het blok.
Met het volgende blok extra CSS kun je de datums rood en 24 px maken, de samenvatting blauw en 16 px,
en de details groen met een grijze achtergrond.

/*additional CSS for Simple-ical-Block-1 */
#Simple-ical-Block-1 .ical-date {
color: #ff0000;
font-size: 24px;
}
#Simple-ical-Block-1 .ical_summary {
color: #0000ff;
font-size: 16px;
}
#Simple-ical-Block-1 .ical_details {
color: #00ff00;
background-color: gray;
font-size: 16px;
}
/*end additional CSS for Simple-ical-Block-1 */

Hoe filter ik op categorieën

Waarschuwing: de plug-in ondersteunt alleen categorieën die beschikbaar zijn in het iCal-bestand. Microsoft Outlook ondersteunt categorieën, maar deelt deze niet via het ical-bestand.↵
Als de ical categorieën bevat, zijn er drie opties in de geavanceerde sectie om deze te gebruiken.

— Categorieën Filter Operator:↵
Hier kun je kiezen hoe je de filter categorieën vergelijkt met de gebeurtenis categorieën.
↵
– Leeg geen filtering.↵
– ANY is waar als ten minste één van de elementen van de filter set aanwezig is in de gebeurtenissen set, of met andere woorden: de filter set doorsnijdt de gebeurtenissen set, de doorsnede bevat ten minste één element. Dit lijkt mij de meest praktische operator.
↵
– ALL is waar als alle elementen van de filter set in de gebeurtenissen set voorkomen, of met andere woorden: de doorsnede bevat hetzelfde aantal elementen als de filter set. De gebeurtenissen set kan andere elementen bevatten.
↵
– NOTANY is waar als ANY NIET waar is. De doorsnede is leeg.↵
– NOTALL is waar als ALL NIET waar is. De doorsnede bevat minder elementen dan de filter set.
↵
– Een speciaal geval zijn evenementen zonder categorieën. In het filter verwerkt de plug-in dit alsof de categorie een nul tekenreeks (“”) is.

— Categorieën filterlijst:↵
– Lijst met filter categorieën gescheiden door een komma (niet tussen dubbele aanhalingstekens). Als een categorie een komma bevat, moet u er een backslash (\,) aan toevoegen. Er wordt een nul tekenreeks als categorie aangemaakt als er niets in de lijst wordt ingevoerd of als de lijst eindigt met een komma, of als er twee komma scheidingstekens direct naast elkaar staan.
↵
– Categorieën (althans in deze plug-in) gedragen zich als eenvoudige tags en hebben geen intrinsieke betekenis of relatie. Als u dus alle evenementen met categorie bloem, roos of tulp wilt selecteren, moet u ze allemaal aan de filterlijst toevoegen. Bij categorie bloem selecteer je niet automatisch ook roos en tulp

— Categorieën weergeven met scheidingsteken: ↵
– Hier kunt u ervoor kiezen om de lijst met gebeurtenis categorieën weer te geven na de samenvatting en met welk scheidingsteken. Als u dit veld leeg laat, wordt de lijst niet weergegeven.

Als de gebeurtenis categorieën bevat, wordt de lijst met categorieën van deze gebeurtenis, opgeschoond als klassen (spaties verwijderd etc.), toegevoegd aan de html-klassen van de gebeurtenis (aan het list-group-item).

How can I report security bugs?

You can report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team help validate, triage and handle any security vulnerabilities. Report a security vulnerability.

Hoe kan ik bijdragen aan Simple Google Calendar Outlook Events Widget?

We zijn blij met je hulp! Hier zijn een paar dingen die je kunt doen:

• Beoordeel onze plugin en help hem verder te verspreiden!
• meldt fouten of help vragen beantwoorden in ons community support forum.
• Help door toevoegen, of verbeteren van eenplugin vertaling.