[워드프레스] 이벤트 플러그인 Events Calendar 사용하기

The Events Calendar 플러그인은 무료로 제공되는 사용하기 편한 워드프레스용 이벤트 일정 관리 플러그인입니다.

아바다와 같은 일부 테마에서는 기본적으로 이 플러그인이 탑재되어 나오기도 합니다. 캘린더(달력)를 방문자에게 표시하는 등 기본적인 기능을 사용하기에 적합합니다. 보다 정교한 기능을 사용하려면 Pro 버전을 사용할 수 있습니다.

이 글에서는 The Events Calendar를 설치하는 방법과 간단한 사용 방법에 대해 설명합니다.

The Events Calendar 설치하기

먼저 워드프레스 관리자 페이지(알림판)에 로그인합니다.

플러그인 » 플러그인 추가하기에서 "The Events Calendar"를 검색합니다. 참고로 단어 "The"를 빼먹고 Events Calendar로 검색하면 엉뚱한 플러그인이 검색됩니다.

지금 설치하기를 클릭하여 설치한 후에 활성화하도록 합니다.

The Events Calendar 설정하기

설치가 완료되면 대시보드 왼쪽 패널에 "Events"라는 메뉴가 추가됩니다. Events > Settings에 들어가서 원하는 대로 설정하도록 합니다. 지금 설정을 하지 않고 나중에 설정해도 됩니다.

카테고리 만들기

• Events > Event Categories로 이동합니다.
• Add New Event Category 아래에서 새로운 카테고리를 만듭니다.

이외에도 태그, Venues(장소) 등을 추가할 수도 있습니다. 이러한 작업은 아래에서 설명하는 이벤트 만들기 과정에서 진행해도 됩니다.

새로운 이벤트 만들기

이제 새로운 이벤트를 만들도록 합니다.

• Events > Add New를 클릭합니다.
• 그러면 일반 글을 작성할 때와 비슷한 화면이 표시됩니다. 제목과 설명을 입력하도록 합니다.

Time and Date 섹션으로 이동합니다. 시간 정보를 지정합니다.

• All Day Event(전일 이벤트) - 옵션
• Start Date & Time: 시작 일시를 지정합니다.
• End Date & Time: 종료 일시를 지정합니다.
• Timezone: UTC + 0을 클릭하여 표준시간대를 지정합니다. 우리나라는 UTC+9로 지정하면 됩니다.

Location 섹션으로 이동합니다. 기존 장소를 선택하거나 새로운 장소를 입력할 수 있습니다.

• Venue Name: 장소 이름
• Address
• City
• Country
• State or Province
• Postal code
• Phone
• Website
• Show Google Map: 구글 맵 표시 여부
• Show Google Maps Link: 구글 맵 링크 표시 여부

Organizers 섹션에서 기준 주최자(Organizer)를 선택하거나 새로운 주최자를 입력합니다.

• Organizer name: 주관자 이름
• Phone
• Website
• Email

해당되는 경우 Event website에서 URL을 입력합니다.

참가비가 있는 경우 Event cost(이벤트 비용)에서 해당 비용을 입력합니다(옵션).

Currency Symbol에 통화 기호(예: 원, \)를 입력합니다.

이제 오른쪽에서 카테고리와 태그를 지정하도록 합니다. 작성이 모두 완료되었으면 "공개하기"를 눌러 이벤트를 공개(발행)합니다.

캘린더 미리 보기

이제 달력을 미리 보기하여 달력이 어떻게 표시되는지 확인할 수 있습니다. 상단에 보면 "Events" 메뉴가 표시됩니다. Events > View Calendar를 클릭합니다.

그러면 달력이 표시되고 방금 추가한 이벤트가 달력에 추가되어 있습니다.

Enfold 테마에서 테스트했는데 깔끔하게 잘 표시되네요. 색상 등의 레이아웃을 변경하고 싶은 경우 CSS를 통해 조정해주면 될 것 같습니다.

참고로 Events Calendar Pro 버전에서는 숏코드를 사용하여 카테고리별로 표시하거나 달력을 리스트, 월간, 일간 등의 형식으로 표시할 수 있습니다. 자세한 내용은 이 문서를 참고해보시기 바랍니다.

구글 지도의 경우 구글의 새로운 Google Maps API 정책 때문에 구글 맵 API를 등록해야 구글 지도가 제대로 표시될 것 같습니다(참고). 일부 테마의 경우 Google Maps API를 추가할 수 있는 옵션을 테마 옵션을 통해 제공하기도 합니다.

 참고:

• 워드프레스 이벤트 & 컨퍼런스 관리/티켓 판매 테마