Pretty Google Calendar is transitioning to Hydrogen Calendar Embeds<\/a>. Please install that plugin for future updates and improvements.<\/p>\n\n You:<\/strong> I just want to embed a Google Calendar in my WordPress site.\nGoogle:<\/strong> Here's a special kind of ugly!\nPretty Google Calendar:<\/strong> I got this.<\/p>\n\n This is a light and simple to use plugin that embeds Google Calendars in your website with style, beauty and grace.<\/p>\n\n Highlights:<\/strong><\/p>\n\n How it works:<\/strong><\/p>\n\n Shortcode Options<\/strong><\/p>\n\n Calendar ID of the desired google calendar (note: must be set to 'Make available to public'. To display multiple calendars, separate ID's by a comma. (Note: calendars must fall under same API access.))<\/p>\n\n Optional custom CSS identifiers for each calendar (must match the number of calendars in Sets the locale for calendar. Defaults to \"en\".<\/p>\n\n Sets the list type. Options: Note: Sets the number of days to show in the list tab. Defaults to 28. Only used with listCustom.<\/p>\n\n Sets the label for the listCustom button. Defaults to \"list\".<\/p>\n\n Sets the view types available. If only one view is provided, no view switch buttons will be shown. Defaults to \"dayGridMonth, listCustom\".<\/p>\n\n Sets the default view to be displayed when opening the page. Defaults to \"dayGridMonth\". Note: If only one view is specified in \"views\", \"initial_view\" will automatically be set to that view and does not need to be specified.<\/p>\n\n Sets the change to the list view behavior on small screens. Options: \"true\" and \"false\". Defaults to \"true\". This option has no effect if there is no list view declared in the \"views\" option.<\/p>\n\n Sets the visibility of the \"Today\" button. Options: \"true\" and \"false\". Defaults to \"true\".<\/p>\n\n Sets the visibility of the calendar title. Options: \"true\" and \"false\". Defaults to \"true\".<\/p>\n\n Hides past events from the calendar completely. Options: Sets the ID hash for a calendar. If you have multiple calendars on a page and need to style them, you can set this to a permanent code. Otherwise, it'll randomly generate each load. (Note: as of v2.0.0 this can only be alphanumeric.)<\/p>\n\n Migrating from global setting for individual calendar styling. Whether the floating tooltip for event pops up on click.<\/p>\n\n Migrating from global setting for individual calendar styling. Whether to disable link to calendar.google.com on click.<\/p>\n\n Allows you to override or impliment just about any FullCalendar argument (with some exception). For example: Note: any argument that contains Styling Multiple Calendars<\/strong><\/p>\n\n As of v1.7.0, each calendar gets it's own CSS selector: The following improvements were made in v2.2.0 for easier styling of multiple calendars:\n- Custome calendar identifiers via Obtaining Google Calendar API Key<\/strong><\/p>\n\n Make your Google Calendar public:<\/p>\n\n Obtain your Google Calendar\u2019s ID:<\/p>\n\n Pretty Google Calendar impliments the excellent Full Calendar<\/a> for you, and tosses in a little Tippy.js<\/a> and Popper<\/a> to make things... well... pop.<\/p><\/dd>\n No. All calendar events are maintaned via Google Calendar, this plugin just displays them in a non-shitty way.<\/p><\/dd>\n Add custom css to your theme to tweak to your desire.<\/p><\/dd>\n Probably not. But it maybe could!<\/p>\n\n Pretty Google Calendar is purposefully simple and easy, set up with a few defaults to make things just work. However, there may be a killer feature you want that others are clammering for.<\/p>\n\n Since it is based on Full Calendar, theoretically, anything that is possible there is possible here. Contact me for requests for additional functionality, and let's see what we can create together!<\/p><\/dd>\n\n<\/dl>\n\n\nWhy Switch to Hydrogen Calendar Embeds?<\/h4>\n\n
\n
Legacy Pretty Google Calendar Features<\/h4>\n\n
\n
\n
\n
pretty-google-calendar<\/code> folder to the \/wp-content\/plugins\/<\/code> directory.<\/li>\nPretty Google Calendar<\/code> through the 'Plugins' menu in WordPress dashboard.<\/li>\n[pretty_google_calendar gcal=\"calendarID@group.calendar.google.com\"]<\/code> directly in your page or post content.<\/li>\n<\/ol>\n\ngcal=\"CalendarID,CalendarID\"\n<\/code><\/pre>\n\ncal_ids=\"identifier,identifier\" \\\n<\/code><\/pre>\n\ngcal<\/code>). Allows using meaningful names instead of numeric indexes for styling. Example: cal_ids=\"soccer,baseball\"<\/code> generates classes like .pgcal-calendar-soccer<\/code> and .pgcal-calendar-baseball<\/code>. Identifiers should be lowercase alphanumeric with hyphens.\nDefaults to numeric indexes (0, 1, 2, etc.)<\/p>\n\nlocale=\"en\"\n<\/code><\/pre>\n\nlist_type=\"listCustom\"\n<\/code><\/pre>\n\nlistDay<\/code>, listWeek<\/code>, listMonth<\/code>, listYear<\/code>, and listCustom<\/code>. (Also accepts day, week, month, year, and custom).\nDefaults to listCustom<\/code> for backward compatibility.<\/p>\n\nlistCustom<\/code> allows you to set the number of days you want to display from the current date. Whereas listMonth shows\nall the events from this month (including past events), list_type=\"custom\" custom_days=\"28\"<\/code> will show the next 28 days\nacross months.<\/p>\n\ncustom_days=\"28\"\n<\/code><\/pre>\n\ncustom_list_button=\"list\"\n<\/code><\/pre>\n\nviews=\"dayGridMonth, listCustom\"\n<\/code><\/pre>\n\ninitial_view=\"dayGridMonth\"\n<\/code><\/pre>\n\nenforce_listview_on_mobile=\"true\"\n<\/code><\/pre>\n\nshow_today_button=\"true\"\n<\/code><\/pre>\n\nshow_title=\"true\"\n<\/code><\/pre>\n\nhide_past=\"false\"\n<\/code><\/pre>\n\ntrue<\/code> and false<\/code>. Defaults to false<\/code>. When set to true<\/code>, events before today will not be displayed in any view.<\/p>\n\nid_hash=random\n<\/code><\/pre>\n\nuse_tooltip=\"true\"\n<\/code><\/pre>\n\nno_link=\"true\"\n<\/code><\/pre>\n\nfc_args = JSON string ((EXPERIMENTAL))\n<\/code><\/pre>\n\nfc_args='{\"weekNumbers\":\"true\", \"eventTextColor\":\"red\"}'<\/code><\/p>\n\n[]<\/code> will fail due to Wordpress' parsing of shortcodes. No workaround currently.\nNote: this is experimental - things may break.<\/p>\n\npgcal-event-#<\/code> where the # is the order of the listed calendar (starting with 0). So if you have two calendars in one, you can use pgcal-event-0<\/code> to style the first, and pgcal-event-1<\/code> to style the second calendar.<\/p>\n\ncal_ids<\/code> shortcode argument (see above) (defaults to numeric indexes if not provided).\n- Events get new class name: pgcal-calendar-0-event<\/code> for consistent naming convention (old class pgcal-event-0<\/code> is still supported for backward compatibility).\n- Event pop-up tooltips now get a calendar-specific class: pgcal-calendar-0-event-popup<\/code> for easier styling of event pop-ups per calendar.<\/p>\n\n\n
\n
\n
\n
\n
What sorcery is this?!<\/h3><\/dt>\n
Can I use this to manage a calendar?<\/h3><\/dt>\n
How do I theme the calendar?<\/h3><\/dt>\n
Can this plugin do X,Y or Z?<\/h3><\/dt>\n
2.2.1<\/h4>\n\n
\n
2.2.0<\/h4>\n\n
\n
cal_ids<\/code> shortcode arg<\/li>\n<\/ul>\n\n2.1.0<\/h4>\n\n
\n
fc_args='{\"timeZone\":\"###\"}'<\/code> if needed.<\/li>\n2.0.2<\/h4>\n\n
\n
2.0.1<\/h4>\n\n
\n
2.0.0<\/h4>\n\n
\n
id_hash<\/code> shortcode argument.<\/li>\n1.7.2<\/h4>\n\n
\n
1.7.1<\/h4>\n\n
\n
1.7.0<\/h4>\n\n
\n
1.6.2<\/h4>\n\n
\n
1.6.1<\/h4>\n\n
\n
1.6.0<\/h4>\n\n