Word Cracker의 잡다한 정보 모음

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

6

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를 추가할 수 있는 옵션을 테마 옵션을 통해 제공하기도 합니다.

 참고:

Related Posts

6 Comments
  1. Hyelim Jeon says

    검색해서 찾다가 궁금한게 있어서요 여쭤봐도 될까요- ^^
    http://warrioruniversity.org/ 이 사이트 가보면 메인페이지에 이벤트 달력이 나오는데
    제가 구축하려고 보니 어디서 해야하는지를 모르겠습니다
    혹시 메인페이지에서 이벤트 달력이 저 참고사이트처럼 보이게 설정하는 방법을 알려주실수 있으실런지요
    플러그인 문의글들 봐보니 설정법이 있긴한데(settings-reading-Front page displays) 그대로 하면 메인이 아예 전부 달력화면으로만 보이더라구요.
    예전글에 이렇게 글을 달아서 송구스럽습니다 ^^;

    1. Word says

      안녕하세요?

      링크된 사이트를 살펴보면 Pro 버전이 사용되고 있습니다. 무료 버전에서 그런 기능을 찾을 수 없다면 Pro 버전에서만 제공되는 기능일 수 있습니다.

  2. 이카루스 says

    옛날에 워프를 하기전에 웹사이트를 만들고 그 안에 있는 프로그램으로 달력도 만들었어요..
    달력을 만들긴 했지만 저에게는 사용성이 떨어지는 듯 해요..
    그런데 이것을 필요로 하는 분은 유용한 정보인 것 같습니다..!!

    1. Word says

      워드프레스의 강점 중 하나가 다양한 플러그인을 사용할 수 있다는 점일 것입니다.
      The Events Calendar는 무료지만 괜찮은 기능을 제공하는 것 같습니다.

  3. 이택진 says

    안녕하세요 이 플러그인을 유심히 살펴보조있는 초심개발자입니다.

    pro 버전을 구매해야 숏코드를 워드프레스 페이지에 넣어서 (frontend)사용자화면에 달력형태로 보이게 할수 있다는 말씀인지 확인 요청드립니다.

    all-in-one-events-calendar의 plugin과 같은 방식으로 사용하고자 하면 Pro버전을 구매해야하는건가요?

    만약 Pro버전을 구매할때 한번 구매하면 영구적으로 사용가능한건가요? 아니면 1년마다 결제해야되는 부분인가요?

    1. Word says

      안녕하세요? 댓글을 남겨주셔서 감사합니다.

      테스트를 해보시면 어떻게 작동하는지 이해가 될 것입니다.
      테스트로 숏코드를 넣어보면 그냥 기본 레이아웃의 달력(예: 월간 달력)이 표시될 것입니다. 카테고리별이나 세부적으로는 조정이 안 되는 것으로 보입니다.

      잘 안 되는 경우 별도의 플러그인이 있습니다.
      The Events Calendar Shortcode
      https://wordpress.org/plugins/the-events-calendar-shortcode/

Leave A Reply

Your email address will not be published.