{"id":52,"date":"2014-09-18T15:15:22","date_gmt":"2014-09-18T15:15:22","guid":{"rendered":"http:\/\/artsci.case.edu\/documentation\/?page_id=52"},"modified":"2016-09-02T19:17:38","modified_gmt":"2016-09-02T19:17:38","slug":"using-the-calendar-with-google-calendars","status":"publish","type":"page","link":"https:\/\/artsci.case.edu\/documentation\/using-the-calendar-with-google-calendars\/","title":{"rendered":"Using the Calendar with Google Calendars"},"content":{"rendered":"

Your website has built-in integration with Google on the homepage calendar.\u00a0Instead of having to create a new event for both this site’s calendar and your Google Calendar, you can just make it on Google Calendar and have it appear on your site as well. We strongly encourage using a Google calendar rather than the built in Events area.<\/p>\n

\n
<\/p>\n
<\/p>\n

1. To link a google calendar, you must first access the Calendar Settings<\/em>. This is done by clicking on the Appearance<\/em> part of the sidebar and then going to Site Options<\/em>:<\/p>\n

\n<\/div>\n

<\/a><\/p>\n

\n<\/div>\n

<\/div>\n

 <\/p>\n

\n
<\/p>\n
<\/p>\n

You should see this page now:<\/p>\n

\n<\/div>\n

<\/p>\n

<\/p>\n

\n<\/div>\n

<\/div>\n

\n
<\/p>\n
<\/p>\n

2. To find the information you need to fill in, you will need to access your Google Calendar settings. You can do this by logging into your Google Calendar, clicking the dropdown arrow next to the calendar you wish to use in WordPress, and going to Calendar settings<\/em>.<\/p>\n

\n<\/div>\n

<\/p>\n

\"Google<\/a><\/p>\n

 <\/p>\n

\n<\/div>\n

<\/div>\n

\n
<\/p>\n
<\/p>\n

3. To retrieve your Google Calendar ID,\u00a0scroll down to the section titled Calendar\u00a0Address<\/em> and look to the right. You should see the words Calendar ID followed by a colon. The address after the colon is the calendar ID.<\/p>\n

4. Copy the calendar ID, return to WordPress, and paste the ID in the text box next to Google Calendar ID<\/em>. Finally, scroll down to the bottom of the page past the social media options to find the save button.<\/p>\n

\n<\/div>\n

<\/p>\n

<\/p>\n<\/div>\n

[\/column-group<\/p>\n

\n

<\/div><\/h1>\n
<\/p>\n

5. Once you have entered your\u00a0Google Calendar ID<\/em>\u00a0in the options page, you will have the option to use a Google Calendars widget which will display a certain number of events in a\u00a0list on the right side of the homepage. The widget will look similar to this if it is activated:<\/p>\n

\n<\/div>\n

<\/p>\n

\"WidgetsFrontend\"<\/p>\n

\n<\/div>\n

<\/div>\n

\n
<\/p>\n
<\/p>\n

6. To add the widget, you must first navigate to the Widgets<\/em> page which is found under Appearance<\/em>\u00a0in the sidebar.<\/p>\n

\n<\/div>\n

<\/p>\n

\"AppearanceWidgets\"<\/p>\n

\n<\/div>\n

<\/div>\n

\n
<\/p>\n
<\/p>\n

7. On the left side of the Widgets<\/em> page, there is a list of all the available widgets. To add the Google Calendar widget to the sidebar, click-and-drag CAS Events Widget<\/em> over to the Homepage sidebar<\/em> and drop it.<\/p>\n

8. To rename the widget, click the down arrow on the right of the widget’s box and change the text in the textbox below.<\/p>\n

If the widget does not appear, please contact Sarah Bailey at scb89@case.edu<\/em><\/p>\n

\n<\/div>\n

<\/p>\n

\"Widgets\"<\/p>\n

\n<\/div>\n

<\/div>\n

\n
<\/p>\n
<\/p>\n

9. The default number of events that are displayed is 7, however, this number can be changed in the Site Options<\/em> page. Immediately below the Google Calendar <\/em>ID, there is an option labeled Number of Events to Show<\/em>.\u00a0Change the number to the amount of events you want shown in the widget.<\/p>\n

Remember to the save the options after you are done editing them.<\/p>\n

\n<\/div>\n

<\/p>\n

\"NumberOfEvents\"<\/p>\n

\n<\/div>\n

<\/div>\n

\n

<\/h1>\n
<\/p>\n

10. At the bottom of the calendar widget, there is an option to view the entire calendar on a different page.However, this page will not exist unless it is manually created.<\/p>\n

\n<\/div>\n

<\/p>\n

\"ViewFullCalendar\"<\/p>\n

\n<\/div>\n

<\/div>\n

\n
<\/p>\n
<\/p>\n

11. Go to add Add New<\/em> under the Pages<\/em> section in the sidebar.<\/p>\n

\n<\/div>\n

<\/p>\n

\n<\/div>\n

<\/div>\n

\n
<\/p>\n
<\/p>\n

2. You can name the page whatever you want, but the permalink must be …\/calendar\/<\/strong>. If you name the page Calendar, then the permalink will be correct by default, but if you named it something else the permalink must be edited.<\/p>\n

\n<\/div>\n

<\/p>\n

\"CalendarPage\"<\/p>\n

\n<\/div>\n

<\/div>\n

\n
<\/p>\n
<\/p>\n

12. To edit the permalink, click the Edit<\/em> button to the left of the permalink and change the text to calendar<\/strong>. Click Ok<\/em> and save the page to commit your change.<\/p>\n

\n<\/div>\n

<\/p>\n

\"CalendarPermalink\"<\/p>\n

\n<\/div>\n

<\/div>\n","protected":false},"excerpt":{"rendered":"

Your website has built-in integration with Google on the homepage calendar.\u00a0Instead of having to create a new event for both this site’s calendar and your Google Calendar, you can just make it on Google Calendar and have it appear on your site as well. We strongly encourage using a Google calendar rather than the built in Events area.<\/p>\n

 <\/p>\n

\u00a0<\/p>\n

Continue reading… Using the Calendar with Google Calendars<\/span><\/a><\/p>\n","protected":false},"author":19,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"spay_email":""},"_links":{"self":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages\/52"}],"collection":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/users\/19"}],"replies":[{"embeddable":true,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/comments?post=52"}],"version-history":[{"count":12,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages\/52\/revisions"}],"predecessor-version":[{"id":952,"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/pages\/52\/revisions\/952"}],"wp:attachment":[{"href":"https:\/\/artsci.case.edu\/documentation\/wp-json\/wp\/v2\/media?parent=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}