Calendar

I’m creating a website in WordPress and I need to add a calendar to it. How can I do that?

Adding a calendar to your site so that everybody could see your upcoming appointments is quite easy. Of course you can also password-protect so that only allowed people (or only you) can see it. There are different ways to add a calendar to a website. Once you choose which way is the best for you can embed the calendar into a page or post with an iFrame, make a redirect to it or simply link to it.

Chapter 1: Using Google calendar
Chapter 2: Using the .ics plugin
Chapter 3: Using PHPiCalendar

Chapter 1: Using Google calendar

Google will provide you with a code to embed the calendar into your website. All you need to do is copy and paste the code into one of your posts or pages.
Otherwise you could also take the URL of the calendar and embed it into one of your posts or pages using an iFrame.

Chapter 2: Using the .ics plugin

Another way to integrate a calendar in a WordPress blog is to use the ICS Calendar plugin which you find here. It works for Google, Outlook or iCal calendar (or any other .ics) file.

Chapter 3: Using PHPiCalendar

PhpiCalendar also works with Google, Oulook, iCal or any other application generating .ics files.

Here’s how to use it (in the example I will use the iCal application since I’m a Apple user, however you could use any other application which can export to .ics files too):

1. Go to PHPiCalendar.net and “Jump to: Download”
2. Download and uncompress the file and you will find a folder called
phpicalendar-version (example. phpicalendar-2.2.4)
3. Open it and you will find another folder called "phpicalendar"
4. Open iCal and select the Calendar you want to publish on the web
5. Choose File, Export, Choose the location where you want to export it to, this location will be
/phpicalendar/calendars/ (in other words export it to the calendars folder you find in the phpicalendar folder)
6. Once you exported the calendar go back to the phpicalendar folder and open the config.inc-dist.php file in an html editor or in a full text editor
7. Search for the following line in it:

$default_path= ''; // The HTTP URL to the PHP iCalendar directory, ie. http://www.example.com/phpicalendar

8. Between the '' you have to type default path of the phpicalendar folder, thus the url at which the phpicalendar folder will be reached on the web once you published.
If you will put phpicalendar to the root location of your server it will be http://yourbaseurl.com/phpicalendar/
For me it would be http://wordpressfaq.org/phpicalendar/ thus the whole line would look like this

$default_path= 'http://wordpressfaq.org/phpicalendar/'; // The HTTP URL to the PHP iCalendar directory, ie. http://www.example.com/phpicalendar

9. Once this is done save the document and close it. Change it's name to config.inc.php
config.inc-dist.php => config.inc.php
10. Upload the phpicalendar folder to the root of your server
11. Open your Browser (ex. Safari, Firefox, ...) and enter
yoururl.com/phpicalendar/
In the legend you will see your calendar appearing
(of course you can delete the other example-caledars that have a .ics extension from the server)

You can now simply link it from your website, make a redirect to it or embed it into one of your posts and pages using an iFrame.


WordPressFAQ.org - Tutorials, Tips & Tricks is made with and for WordPress.
It's an EBookStoretoday.com company. It’s presented by Cédric and hosted by HostExcellence.com

I would like you to give me feedback on this page by commenting in the appropriate section of the Forum. Tell me if it's been helpful. If it wasn’t please tell me why. If you think something is missing please tell me what. If you have questions about it post them there and I will probably try to give you an answer.

Thank you for visiting and supporting my website,
- Cédric -



Share
This entry was posted in Uncategorized. Bookmark the permalink.

Comments are closed.