Simple Google Calendar Outlook Events Block 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 gebruik ik Apple Agenda (iCloud Mac/ios)?

Kies de agenda die je wilt delen. Klik op het radio symbool (een punt met drie kwart cirkels) geheel rechts in de regel van die agenda. Vink het vakje Openbare Agenda In de pop-up Agenda Delen aan. Dan zie je onder aan de url iets als: webcal://p59-caldav.icloud.com/published/2/MTQxNzk0NDA2NjE0MTc5AAAAAXt2Dy6XXXXXPXXxuZnTLDV9xr6A6_m3r_GU33Qj. Klik op Kopieer Link en OK. Plak hem in het “Calendar ID, of iCal URL” veld van de widget (voor versie 1.3.1 moest je dan webcal in https veranderen)
Meer details in de MacObserver (engels)

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.

After an update 6.6 of WordPress a page with this block in a synced pattern on it freezes in the editor.

Maybe the block is long time ago placed on several pages as a synced pattern or reusable block and everything worked fine until WordPress 6.5
It is possible that the id of the block is not initialized, the editor tries to initialize the id but this is not prossible in a synced pattern.
Before 6.6 the update failed and the processing went ahead, from 6.6 the update fails and tries again (in an endless loop).
Solution: Update and save the block in the editor of the pattern to which the block belongs.

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 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.