WordPress.org

Ready to get started?Download WordPress

Plugin Directory

WordPress Event Calendar

Spider Event Calendar is a highly configurable product which allows you to have multiple organized events.

Spider Event Calendar

Step by step guide for the calendar installation,Installing the calendar

1.1 Minimum requirements for installing the WordPress Calendar.

  • WordPress 3.0+
  • PHP 5.x
  • MySQL 5.x

1.2 Perform a new installation for the calendar.

  1. Log in to the administrator panel for installing the calendar.
  2. Go to Plugins Add >New >Upload.
  3. Click Choose file (Browse) and select the Spider Event Calendar zip file.
  4. Click Upload&Install button for uploading and installing the calendar.
  5. Click Activate Plugin button for activating the calendar plugin.
    If the installation of the calendar succeeded you will see the message in the picture. If any problem occurs, during the installation of the calendar please contact us info@web-dorado.com.

1.3 Updating the calendar.

If you want to update the calendar plugin while preserving your existing calendars, you need to deactivate and delete the Spider Calendar from the list of installed plugins (Do not uninstall it using the Uninstall Spider Calendar option of the plugin, otherwise you will lose your initial data) and install the new plugin.

Step 2:Spider Event Calendar

Creating/Editing calendars.

2.1 On the left menu select Calendar>Calendars>Add a Calendar. 2.2 Title. Add a title for the calendar.
2.3 Default Year. Specify the year that is displayed by default.
2.4 Default month. Specify the month that is displayed by default.
2.5 Use 12 hours time format. Choose the format of the time for the calendar.
2.6 Published. Choose whether to publish the calendar or not.

Step 3:Spider Event Calendar

Creating/Editing events.

3.1 On the left menu select Calendar > Calendars.
3.2 Select a calendar from the list. Click on the Add an Event button for creating a new event. If you want to edit an existing event, simply click on its title in the list of events.
3.3 Title. Add a title for the event.
3.4 Select Category. Choose the category/categories of the events.
3.5 Date. Provide the date of the event.
3.6 Time. Set the start and the end time for the event.
3.7 Note. Write the description of the event.
3.8 Published. Choose whether to publish the event or not.
3.9 Repeat Event.Choose the frequency for repeating the events.
-Don't repeat this event.
-Repeat daily. Choose the frequency of the days for repeating the events.
-Repeat weekly. Choose the quantity of the weeks and a weekday for repeating the events.
-Repeat monthly. Choose the quantity of the months and the quantity of the weekdays for repeating the events.
-Repeat yearly. Choose the quantity of the years, choose a month and the frequency of the week and weekdays.
-Repeat until. Choose the end date for repeating each event.
3.10 Save. Click the “Save” button to save the created event.

Step 4:Spider Event Calendar

Adding Themes to the calendar for a page/post view.

There are 11 default calendar and widget themes. You can use one of the calendar default themes or create a new one. If you change the parameters of the calendar default theme here is a big Reset Theme button for resetting default theme*s parameters on the calendar to original.

4.1 On the left menu select Calendar>Calendar Themes>Add a Theme You can fill the all parameters of the calendar theme or inherit the parameters of the calendar theme from the default themes of the calendar.
4.2 The General Parameters of the Spider Event Calendar.
4.2.1 Title. Choose a title for the calendar theme. 4.2.2 Default theme. Choose the default theme for the calendar. 4.2.3 Width. Define the width of the calendar.
4.2.4 The first day of the week. Choose whether to start the calendar from Monday or from Sunday.
4.2.5 Main Border Color. Choose the color of the calendar main border.
4.2.6 Main Border Radius. Define the radius of the calendar main border.
4.2.7 Main Border Width. Define the width of the WordPress Calendar plugin main border.

4.3 The Header Parameters of the Spider Event Calendar
4.3.1 Header height. Define the height of the calendar header.
4.3.2 Header background color. Choose the background color of the calendar header.
4.3.3 Current month font size. Define the font size of the calendar current month.
4.3.4 Current Month color. Choose the color of the calendar current month.
4.3.5 Current Month arrow color. Choose the color for the calendar*s current month arrow.
4.3.6 Arrow size. Define the size of the arrow on the calendar.
4.3.7 Names of the Weekdays color. Choose the color for the names of weekdays.
4.3.8 Names of the Weekdays cell height. Define the height of the cell for the names of weekdays.
4.3.9 Names of the Weekdays Background Color. Choose the background color for the weekdays. 4.3.10 Sunday background color. Choose Sunday background color for the WordPress Event Calendar.
4.3.11 Names of the Weekdays Font Size. Define the font size of the weekday.

4.4 The Body Parameters of the Spider WordPress Event Calendar.
4.4.1 Background color. Choose the background color for the calendar.
4.4.2 Cell height. Define the height of the calendar cell.
4.4.3 Other months days text color. Choose the text color of the other months for the calendar.
4.4.4 Other months days background color. Choose the background color for the other months days on the calendar.
4.4.5 Cell text color without events. Choose the text color for the calendar cell without events.
4.4.6 Cell text color with WordPress Calendar events. Choose the text color for the calendar cell with events.
4.4.7 Cell background color with events. Choose the background color for the calendar cell with events.
4.4.8 Event title color. Choose the color for the calendarevent title.
4.4.9 Current day cell border color. Choose the cell border color for the calendar current day.
4.4.10 Cell border color. Choose the color for the calendar cell border.
4.4.11 Sundays text color. Choose the text color for Sundays for the calendar.
4.4.12 Sundays cell background color. Choose the background color for Sundays cell for the calendar.
4.4.13 Sundays font size. Define the font size of Sundays for the calendar. 4.4.14 Days font size. Define the font size of the calendar days.
4.4.15 Show time in cell. Choose whether to show the time on the calendar cell or not.
4.4.16 Show Numbers for event. Choose whether to display numbers for events or not. 4.4.17 Number of Displayed event. Define the number of displayed events.
4.4.18 Event Titles Background Color. Choose the background color for the event titles. 4.4.19 Views Tabs Background Color. Choose the background color for the views tabs. 4.4.20 Views Tabs Text Color. Choose the text color for the views tabs.
4.4.21 Views Tabs Font Size. Define the font size of views tabs.

4.5 The Popup Window Parameters of the Spider Event Calendar
4.5.1 Date format in popup. Choose the format of the calendar date in popup.
4.5.2 Event title color in popup. Choose the color for the calendar event title in popup.
4.5.3 Event title font size in popup. Define the font size of the calendar event title in popup.
4.5.4 Event title font family in popup.Select thecalendar event title font family in popup.
4.5.5 Event title font style in popup. Select the calendar event title font style in popup.
4.5.6 Date color in popup. Choose the color for the calendar date in popup. 4.5.7 Date font size in popup. Define the font size of thecalendar date in popup.
4.5.8 Date font family in popup. Choose the font family of the calendar date in popup.
4.5.9 Date style in popup. Select the style of the calendar date in popup.
4.5.10 Arrow background color in popup. Choose the background color for the calendar arrow in popup.
4.5.11 Arrow color in popup. Choose the color for the calendar arrow in popup.
4.5.12 Popup background color. Choose the background color for the calendar popup.
4.5.13 Popup width. Define the width of the calendar popup.
4.5.14 Popup height. Define the height of the calendar popup.
4.5.15 Number of displayed events. Define the number of displayed events for the calendar.
4.5.16 Show repeat rate. Choose whether to show the calendar repeat rate or not.

4.6 The Other Views Parameters of the Spider Event Calendar.
4.6.1 Date Background Color. Specify the background color of the event date cell (List View and Weekly View).
4.6.2 Event Background Color 1. Select the background color of the events with an odd number.
4.6.3 Event Background Color 2. Select the background color of the events with an even number.
4.6.4 Event Number Background Color 1. Select the number background color of the events with an odd number.
4.6.5 Event Number Background Color 2. Select the number background color of the events with an even number.
4.6.6 Event Number Color. Specify the color of the event number.
4.6.7 Day and Month Font Color. Specify the font color of the day and the month of the event date (e.g. 23 March).
4.6.8 Day of the Week Font Color. Specify the font color of the day of the week in the event date.
4.6.9 Date Font Size. Specify the font size of the date text.
4.6.10 Event Number Font Size. Specify the font size of the event number.
4.6.11 Event Cell Height. Specify the height of the event cell. 4.6.12 Date Cell Height. Specify the height of the date cell.
4.6.13 Day and Month Font Size. Specify the font size of the day and the month of the event date.
4.6.14 Day of the Week Font Size. Specify the font size of the day of the week in the event date.

Step 5:Spider Event Calendar

Adding Themes to the calendar for the widget view

5.1 On the left menu select Calendar->Widget Themes->Add a Theme.

5.2 The General Parameters of the Spider Event Calendar.
5.2.1 Title. Choose a title for the theme.
5.2.2 Default Theme. Choose the default theme.
5.2.3 Width. Define the Width.
5.2.4 The First day of the Week. Choose whether to start the week from Monday or from Sunday.

5.3 The Popup Window Parameters of the Spider Event Calendar.
5.3.1 Date Format in Popup. Choose the format of the date in popup.
5.3.2 Event Title Color in Popup. Choose the color for the event title in popup.
5.3.3 Event Title Font Size in Popup. Define the font size of the event title in popup.
5.3.4 Event Title Font Family in Popup.Select the event title font family in popup.
5.3.5 Event Title Font Style in Popup. Select the event title font style in popup.
5.3.6 Date Color in Popup. Choose the color of the date in popup.
5.3.7 Date Font Size in Popup. Define the font size of the date in popup.
5.3.8 Date Font Family in Popup. Choose the font family of the date in popup.
5.3.9 Date Style in Popup. Select the style of the date in popup.
5.3.10 Arrow Background Color in Popup. Choose the background color of the arrow in popup.
5.3.11 Arrow Color in Popup. Choose the color of the arrow in popup.
5.3.12 Popup Background Color. Choose the background color for the popup.
5.3.13 Popup Width. Define the width of the popup.
5.3.14 Popup Height. Define the height of the popup.
5.3.15 Show Repeat Rate. Choose whether to show the repeat rate or not.

5.4 The Body Parameters of the Spider Event Calendar.
5.4.1 YEAR Font. Choose font style for the year.
5.4.2 MONTH Font. Choose font style for the month.
5.4.3 DAY Font. Choose the font style for the day.
5.4.4 Names of the Weekdays Font. Choose the font style for the names of the weekdays.
5.4.5 Header Background Color. Choose the background color of the header.
5.4.6 Calendar Background Color. Choose the background color of the calendar.
5.4.7 Color of Month. Choose the color to display the months.
5.4.8 Color of the Names of the Weekdays. Choose the color to display the names of the weekdays.
5.4.9 Color of Other Months. Choose the color for the other month days.
5.4.10 Color of Days without Events. Choose the color for the days without events.
5.4.11 Color of Days with Events. Choose the color for the days with events.
5.4.12 Background Color of Days with Events. Select the background color for the days with events.
5.4.13 Background Color of Current Day. Select the background color for the current day.
5.4.14 Color of Arrows. Choose the color for the arrows.
5.4.15 Color of Current Day. Choose the color for the current day.
5.4.16 Border Color of the Current Day. Select the border color for the current day.
5.4.17 Color of Sundays. Choose the color for Sundays.
5.4.18 Background Color for the Names of the Weekdays. Select the background color for the names of the weekdays.
5.4.19 Sunday Background Color. Select the background color for Sundays.
5.4.20 Cell Border Color. Choose the color for the cell border.
5.4.21 Year and Month Font Size. Choose the font size to display year and month.
5.4.22 Year Font color. Select the font color for the year.
5.4.23 Year Tabs Background color. Choose the background color for the year tabs.

Step 6:Spider Event Calendar

Publishing the created Calendar in the Page or Post

6.1 Press the button named Insert Spider Event Calendar in a post or page you want to show the calendar.
6.2 Select calendar. Select a calendar from the given list.
6.3 Select theme. Select a calendar theme from the given list.
6.4 Select Default View. Select the default view from provided options (Month, List, Week and Day).
6.5 Select Views. Select the views options (Month, List, Week and Day) for the calendar in the public view.
6.6 Save the page or post where the calendar is inserted.

Alternatively, you can use Spider Event Calendar without the button on the toolbar: Add the shortcode [Spider_Calendar id="1" theme="10" default="month" select="month,list,week,day,"] (where Spider_Calendar id is the id of the calendar, theme is the ID of the theme, default is the default view of the calendar, select is the option for the available views.)

Step 7:Spider Event Calendar

Publishing the created Calendar in the widget

7.1 Add Spider Event Calendar Widget to the sidebar.
7.2 Select calendar. Select a calendar from the given list.
7.3 Select theme for a widget. Select a calendar theme for the widget from the given list.
7.4 Select Default View. Select the default view from provided options (Month, List, Week and Day).
7.5 Select Views. Select the views options (Month, List, Week and Day) for the calendar in the public view.
7.6 Save the widget where the calendar is inserted.

Requires: 3.0 or higher
Compatible up to: 3.9.1
Last Updated: 2014-7-28
Downloads: 137,722

Ratings

4 stars
4.5 out of 5 stars

Support

3 of 11 support threads in the last two months have been resolved.

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,1,1
0,1,0
100,1,1
0,1,0 100,1,1
0,1,0