The Event Calendar widget in ElementsKit helps you display upcoming events on your WordPress website. The clean and organized layout lets visitors quickly check event dates, details, and schedules from a single calendar view.

Use ElementsKit Event Calendar #

전제 조건: 그만큼 ElementsKit 프로 plan is required to access this widget.

Step 1: Enable Event Calendar Widget #

• Find the ElementsKit Event Calendar widget and turn it ON
• 변경 사항 저장

Step 2: Search for ElementsKit Event Calendar Widget #

Open any page/post where you want to show an event calendar.

After that, search for ElementsKit Event Calendar and drag and drop it.

3단계: 위젯 사용자 지정 #

이벤트 #

Here, you’ll get to choose the source of an event, and according to the source, you can customize the event.

Source: Manual #

It allows you to input your event data directly into the widget.

Full Day Event: Toggle this switch to 예 if you want the event to span the entire day without specific start or end times.

You can press “+” 아이템 추가 to add more rows for specific timings or detailed agenda items.

If you expand an item, it usually shows these customization controls –

• Schedule Title: Here, you can define the specific name or label for the sub-event displayed on the calendar.
• 시작 시간: It lets you set the exact date and clock time for when the individual schedule item begins.
• 종료 시간: Use this to define the exact date and clock time for when the individual schedule item concludes.
• Single Schedule Style: With this toggle, you can switch between a detailed layout and a simplified, compact list view for the item.
• 텍스트 색상: Change the hex code or theme color for the schedule’s display text.
• Dot Color: Pick any color of the bullet indicator for quick visual categorization.

에 대한 manual event source, you have options to customize the event.

By clicking “+” Add Item, you can insert extra rows for detailed agenda items. For example, expand Event Title to customize it.

• 제목: Write the title name according to your wish.
• 제목 HTML 태그: Here, you can choose from H1, H2, H3, etc.
• 설명: In the given field, you can craft a description for your event.

• Show Guest/Speaker & Host: To organize the calander, you can add the guest or speaker name, location, and host name.
• Event Banner: Upload or set a banner image to highlight your event.
• Redirect to Event Link: Toggle the button to Yes to add the event link and customize the popup button text.
• Date Settings: Set the event start date and ending date easily.

Single Event Style: If you toggle Single Event Style 에게 예, the following options become available.

• 텍스트 색상: Here, you can select the specific color for the event’s title text.
• 배경: This lets you change the fill color of the event box to make it stand out.
• Dot Color: Use this to pick a custom color for the small indicator dot next to the text. (This option is only available when Full Day Event is enabled)

Source: Google Calendar #

Select Google Calendar as the event source.

Expand the Google Calendar option, then click Get API Key 그리고 Find Calendar ID. After getting the API and ID, insert them in the respective fields.

이것을 확인하세요 Google Calendar API documentation to generate an API Key.

Cache Expiration Time (hr): Set the time here. It stores API responses temporarily and automatically deletes them after your set number of hours to keep data fresh and secure.

Source: The Event Calendar #

당신은해야합니다 install the Event Calendar plugin to access this feature.

지금, expand the Event Calendar and see the options.

• Get Events By: This dropdown menu determines the source of the events. Such as All Event, By category, and Selected Event.
• Event Item: This field appears only when All Event 또는 By Category is selected. Use it to set the maximum number of events to be loaded on the calendar.

Get Events By: By Category
먼저, 당신은 create categories with the Event Calendar plugin.

Now, in the editor, you can filter the calendar to show events from specific categories. It’s useful for creating niche calendars on specific landing pages.

Get Events By: Selected Event

It allows you to pick and choose individual events manually. Use this for highly curated calendars where only specific, high-priority dates should appear.

Calendar Settings #

• 언어: Sets the calendar’s display language (English)
• Header Toolbar: Shows/hides the top toolbar (navigation, title, view buttons)
• Left Toolbar: Shows/hides the left section of the toolbar
• Right Toolbar: Shows/hides the right section of the toolbar
• Left Toolbar Position: sets the alignment of the left toolbar (Left)
• Hide Day: Hides the Day view option
• Hide Week: hides the Week view option
• Hide Month: Hides the Month view option
• Hide Year: Hides the Year view option (currently hidden)
• Hide List: Hides the List view option
• Active Calendar: Sets the default view shown on load (Month)
• First Day of Week: Sets which day starts the week (Sunday)
• Show Event Popup: If Yes, clicking an event shows a popup; if off, redirects to the event link page instead