We use a plugin named Simple Calendar to “style” the calendar created from a Google Calendar ID. We can choose the colors of the bars across the top of each date square (separate choices for today’s date, days with events, days with no events) and we can style the text easily.
With a developer’s assistance, we can do further styling but for the most part, we use the settings of the plugin. Each calendar can be styled differently with respect to the bar colors. We can also “group” Google calendar ID’s together so that events from 2 or more Calendar ID’s can show on the same calendar grid.
A developer can also extract the calendar data and style it further (developer time is required to do this) but I can provide some examples of other sites/calendars we’ve done if you would like to see them.
Here is the calendar called “Parish Calendar” (calendar ID is: hshamp@stmarypinckney.org.) This calendar is the same as the calendar currently on this page: https://stmarypinckney.org/current-events/
July 2024 |
||||||
|---|---|---|---|---|---|---|
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|
1
|
2
|
3
|
4
|
5
|
6
|
|
|
7
|
8
|
9
|
10
|
11
|
12
|
13
|
|
14
|
15
|
16
|
17
|
18
|
19
|
20
|
|
21
|
22
|
23
|
24
|
25
|
26
|
27
|
|
28
|
29
|
30
|
31
|
|||
This is the calendar called “Grades 6-8 Calendar” – there are currently no entries showing. The Google Calendar ID is: stmarypinckney.org_634o22i6celru72lor52l0jfio@group.calendar.google.com
July 2024 |
||||||
|---|---|---|---|---|---|---|
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|
1
|
2
|
3
|
4
|
5
|
6
|
|
|
7
|
8
|
9
|
10
|
11
|
12
|
13
|
|
14
|
15
|
16
|
17
|
18
|
19
|
20
|
|
21
|
22
|
23
|
24
|
25
|
26
|
27
|
|
28
|
29
|
30
|
31
|
|||
Youth Calendar: Google Calendar ID: stmarypinckney.org_l1qgk74pdduhb5m93f9428i7fc@group.calendar.google.com
July 2024 |
||||||
|---|---|---|---|---|---|---|
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|
1
|
2
|
3
|
4
|
5
|
6
|
|
|
7
|
8
|
9
|
10
|
11
|
12
|
13
|
|
14
|
15
|
16
|
17
|
18
|
19
|
20
|
|
21
|
22
|
23
|
24
|
25
|
26
|
27
|
|
28
|
29
|
30
|
31
|
|||
School Extracurricular Calendar – Grouped calendar from the Cross Country and the School Athletics Calendars.
Cross Country – et1qb4kf255uud11ersge6iur4@group.calendar.google.com
July 2024 |
||||||
|---|---|---|---|---|---|---|
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|
1
|
2
|
3
|
4
|
5
|
6
|
|
|
7
|
8
|
9
|
10
|
11
|
12
|
13
|
|
14
|
15
|
16
|
17
|
18
|
19
|
20
|
|
21
|
22
|
23
|
24
|
25
|
26
|
27
|
|
28
|
29
|
30
|
31
|
|||
School Athletics – stmarypinckney.org_634o22i6celru72lor52l0jfio@group.calendar.google.com (Same as Grades 6-8 calendar ID?)
July 2024 |
||||||
|---|---|---|---|---|---|---|
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|
1
|
2
|
3
|
4
|
5
|
6
|
|
|
7
|
8
|
9
|
10
|
11
|
12
|
13
|
|
14
|
15
|
16
|
17
|
18
|
19
|
20
|
|
21
|
22
|
23
|
24
|
25
|
26
|
27
|
|
28
|
29
|
30
|
31
|
|||
St. Mary RCIA Calendar – Calendar ID of: stmarypinckney.org_0oj56pt9nqc99s22e12dl364h0@group.calendar.google.com
July 2024 |
||||||
|---|---|---|---|---|---|---|
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|
1
|
2
|
3
|
4
|
5
|
6
|
|
|
7
|
8
|
9
|
10
|
11
|
12
|
13
|
|
14
|
15
|
16
|
17
|
18
|
19
|
20
|
|
21
|
22
|
23
|
24
|
25
|
26
|
27
|
|
28
|
29
|
30
|
31
|
|||
I wasn’t able to pull an iframe code from any of these calendars (but I can send instructions on how to find the <iframe> code) but my work calendar as an embedded <iframe> code, without the styling from the Simple Calendar plugin, would look like this:
Using an <iframe> code doesn’t allow for any changes to colors, etc. – what you see is what you get.