What is Stout Google Calendar?
The Stout Google Calendar plugin allows you to easily add and customize embedded Google Calendars to your WordPress site. You can even change color settings that are not normally modifiable, allowing you to seamlessly integrate Google Calendars into the look of your site. No more ugly Google Calendars!
- Customize the color scheme of embedded Google Calendars
- Options from the Google Embeddable Calendar Helper can be modified directly within the WordPress Admin
- Save multiple calendars, each with it’s own color scheme, size and display settings
- Display calendars in a Widget, Pages or Posts via shortcode or in templates
- Live preview of all changes to a calendar as you make each change
- Easy color picker or directly input hexadecimal color values
Download Stout Google Calendar from the WordPress plugins directory.
- Download the plugin zip file `stout-google-calendar.zip`.
- Unzip and upload the `stout-google-calendar` folder to the `/wp-content/plugins/` directory. Or, you may go to ‘Plugins > Add New’ in the WordPress menu. ‘Upload’ the `stout-google-calendar.zip` file or ‘Search’ for “Stout Google Calendar”.
- Activate the plugin through the ‘Plugins’ menu in WordPress
- Go to ‘Settings > Stout Google Calendar’ in the WordPress menu.
- Grab the embed code from your Google Calendar [(Instructions Here)](http://www.google.com/support/calendar/bin/answer.py?hl=en&answer=41207)
- Paste the embed code into the “Google Calendar iframe embed code:” textarea under ‘Add a New Calendar’
- Have fun editing the colors and options right in WordPress. HINT: After pasting in embed code, “Tab” or “Click” out of the textarea. A “Preview Calendar” link will appear, click on it. Leave the calendar open while you edit your colors/options and watch the calendar evolve before your eyes!
Suggestions / Problems / Need help?
Please use the Stout Google Forum to post any suggestions, problems, questions, etc.
Special thanks and credit to:
You can check your phpinfo screen to see if your server meets the requirements.
- PHP 4.3.0 or later
- Support for one of the following JSON libraries:
- Support for one of the following http methods:
- If you have met the above requirements and you continue to have problems, you can find more documentation here.
Can be installed directly from the Add New Plugins page in the WordPress Admin by searching “Stout Google Calendar”. Alternately DOWNLOAD HERE. Unpack the zip file, and upload to your WordPress site plugins folder. Simply activate it once installed and you are golden (or whatever other color you may choose).
Of course you must have a Gmail account, and a shared Google Calendar created to embed into your site. Follow the Google Calendar publish instructions here. Once you have copied the embed code, paste it into the box labeled “Google Calendar iframe embed code:” on the Stout Google Calendar settings page. To Add a New Calendar, you will also need to give it a Name value. You can begin editing and previewing the calendar immediately. You can also leave the Preview window open to see changes you make on the fly. Once satisfied click the Add Calendar button to save it. In the Saved Calendars Menu, you will see the Calendars you have created. From here you can Edit them again, or Delete them. This is also where you will find the Calendar’s Shortcode and Template Tag ID number.
Each calendar saved will show it’s Shortcode and Template Tag function just below it’s Title in the Stout Google Calendar Settings page. To insert a calendar into a post copy and paste the Shortcode where you would like the Calendar to display. To insert a calendar in one of your Theme files use the Template Tag. To display a Calendar in the sidebar, drag and drop the Stout Google Calendar Widget into the sidebar. There is a Title area in the Widget as well as a drop down where you will be able to choose from any of the Saved Calendars you have.
The calendar below is inserted into this post with it’s Shortcode [stout_gc id=2]. The one in the Sidebar to the right is being displayed by using a Widget.