많은 기업에서는 이벤트 캘린더를 고객과 공유해야 합니다. 예를 들어 레스토랑에서는 이벤트 캘린더를 사용하여 특별 음악 이벤트나 명절 메뉴를 홍보할 수 있습니다. 마찬가지로, 학교는 웹사이트의 행사 달력을 사용하여 학생과 교사에게 스포츠, 시험 또는 기타 활동과 관련하여 학교에서 예정된 행사에 대한 정보를 제공할 수 있습니다.
이벤트 캘린더 플러그인은 개인이 해야 할 다양한 일을 추적하려는 경우에도 유용합니다. 예를 들어, 이벤트 캘린더 플러그인을 사용하여 친구나 가족의 생일과 같은 중요한 회의와 이벤트를 표시할 수 있습니다.
이 튜토리얼에서는 무료 My Calendar WordPress 이벤트 관리 플러그인을 사용하여 이벤트를 생성하는 방법을 배웁니다. 이 플러그인에는 많은 놀라운 기능이 있으며 이 튜토리얼에서는 이를 사용할 것입니다.
이 튜토리얼의 초점은 회사가 파티, 결혼식, 미술 전시회 등 관리하는 모든 이벤트를 표시할 수 있는 달력을 만드는 것입니다. 그들은 미래와 과거의 모든 활동을 볼 수 있습니다.
쉽게 식별할 수 있도록 이벤트에 색상을 지정합니다. 사용자는 특정 이벤트 카테고리를 클릭하고 캘린더에서 일치하는 이벤트만 볼 수 있습니다. 이벤트를 클릭하면 이벤트 시간, 장소 등 이벤트에 대한 모든 기본 정보가 포함된 팝업이 표시됩니다.
플러그인 설치부터 시작하겠습니다. 그런 다음 일부 설정을 변경하여 입력 및 출력을 수정합니다. 그런 다음 몇 가지 이벤트 카테고리를 만들고 몇 가지 이벤트 위치를 추가한 다음 마지막으로 이벤트를 캘린더에 추가하겠습니다.
또한 웹사이트의 나머지 부분과 조화를 이루도록 이벤트 캘린더의 모양을 약간 변경하고 싶을 수도 있습니다. 따라서 마지막 단계에서는 달력에 외관상의 변화를 주기 위해 자체 CSS 규칙 중 일부를 추가하겠습니다.
이벤트 캘린더를 만드는 첫 번째 단계는 내 캘린더 플러그인을 설치하는 것입니다. 플러그인을 설치하고 활성화한 후 관리자 대시보드에서 내 캘린더 > 설정으로 이동하세요. 거기에 여러 개의 탭이 표시됩니다.
일반을 클릭하고 이벤트 캘린더를 표시할 페이지의 ID를 지정하세요. 우리의 경우에는 118입니다. 이 단계는 선택 사항입니다. 첫 번째 이벤트를 게시하면 플러그인이 자동으로 이벤트 캘린더 페이지를 생성합니다. 그러나 특정 페이지에 이벤트 캘린더를 표시하는 방법을 알아두면 좋습니다.
이 플러그인을 사용하여 새 이벤트를 만들 때마다 이에 대한 세부 정보를 입력해야 합니다. 여기에는 이벤트 위치, 간략한 설명 등과 같은 많은 내용이 포함될 수 있습니다. 기본적으로 이러한 입력 필드가 모두 활성화되어 있는 것은 아닙니다. 이제 Input 탭으로 이동하여 아래 이미지와 같이 표시하려는 필드를 확인해야 합니다.
이벤트 캘린더 페이지에는 캘린더 자체 외에도 많은 버튼과 드롭다운 메뉴가 있다는 것을 눈치채셨을 것입니다. 이 버튼이 나타나는 순서는 Output 태그의 설정에 따라 제어됩니다. 요소를 위아래로 끌어 특정 순서로 표시할 수 있습니다. 요소가 표시되지 않도록 하려면 Hide 행 아래로 요소를 드래그하기만 하면 됩니다.
개별 이벤트 세부정보 아래의 확인란을 전환하여 이벤트를 클릭한 후 팝업에서 사용자에게 표시되는 정보를 제어할 수 있습니다.
이제 모든 설정이 완료되었으므로 이벤트 캘린더에 대한 실제 콘텐츠를 만들 차례입니다.
다양한 이벤트에 라벨을 지정하기 위해 몇 가지 카테고리를 추가하는 것부터 시작하겠습니다. 이 플러그인을 사용하면 사용자는 특정 카테고리의 이벤트만 보도록 선택할 수 있습니다. 이벤트가 다른 카테고리에 할당되면 이 방법으로 필터링할 수 있습니다.
캘린더에 새 카테고리를 추가하려면 내 캘린더 > 카테고리 관리로 이동하여 카테고리 이름과 라벨 색상을 지정하세요. 카테고리 아이콘 드롭다운 목록에서 아이콘을 선택하여 카테고리 앞에 아이콘을 표시하도록 선택할 수도 있습니다.
카테고리 세부정보를 모두 추가한 후 카테고리 추가 버튼을 클릭하면 해당 카테고리가 이벤트 캘린더에 추가됩니다.
당신이 주최하는 모든 이벤트는 어딘가에서 열릴 것입니다. 플러그인은 다양한 이벤트의 위치를 지정하는 훌륭한 작업을 수행합니다.
내 캘린더 > 새 위치 추가로 이동하여 캘린더 위젯에 새 위치를 추가할 수 있습니다. 다음 페이지에는 위치에 대한 다양한 세부정보를 요청하는 여러 입력 필드가 포함됩니다. 여기에는 거리 주소, 도시, 우편번호, 국가 등과 같은 일반적인 정보가 포함됩니다. 이 값을 모두 입력할 필요는 없습니다. 이러한 세부정보 중 일부는 건너뛸 수 있습니다.
상단에 위치 이름을 입력했는지 확인하세요. 이렇게 하면 이벤트를 만들 때 드롭다운 메뉴에서 해당 위치를 쉽게 식별할 수 있습니다.
이 예에서는 미국 켄터키주의 미술 전시회 장소를 추가하겠습니다. 주소는 가상이지만 세부 정보를 입력하는 방법에 대한 아이디어를 제공합니다.
플러그인은 사용자에게 귀하가 지정한 주소로 Google 지도에 대한 링크를 제공합니다. 이를 통해 사건이 발생한 정확한 위치를 더 쉽게 파악할 수 있습니다. 플러그인에 추가한 모든 위치는 내 캘린더 > 위치 관리를 클릭하여 편집할 수 있습니다.
이제 이벤트 캘린더에 이벤트를 추가할 수 있습니다. 이벤트를 추가하려면 내 캘린더 > 새 이벤트 추가로 이동하세요.
이제 이벤트 제목과 설명을 입력하세요. 제목은 이벤트 달력의 날짜 내에 표시됩니다. 사용자가 팝업의 자세히 보기 링크를 클릭하면 캠페인 설명 페이지에 설명이 표시됩니다. 드롭다운 메뉴에서 이벤트 카테고리를 Exhibition으로 설정하세요.
이제 이벤트 날짜와 시간을 지정할 수 있습니다. 캘린더에 추가하는 이벤트 중 최소한 일부는 반복 이벤트일 가능성이 높습니다. 이 경우 모든 반복 일정을 캘린더에 하나씩 추가하는 데 시간이 많이 걸립니다.
일을 더 쉽게 하기 위해 내 캘린더 플러그인은 이벤트의 반복 패턴을 지정하는 옵션을 제공합니다. 즉, 이벤트가 반복되는 횟수와 반복 빈도를 지정할 수 있습니다.
튜토리얼 시작 부분에서 이벤트에 대한 간단한 설명 입력 필드를 활성화하는 상자를 선택했습니다. 이를 통해 사용자가 달력에서 이벤트를 클릭할 때마다 팝업 창에 표시되는 이벤트에 대한 간략한 요약을 제공할 수 있습니다.
새 이벤트 추가 페이지 하단에서 이벤트 위치를 지정할 수 있습니다. 이 예에서는 미술 전시회(켄터키)를 선택하세요. 그런 다음 페이지 상단이나 하단에 있는 게시 버튼을 클릭하세요.
이 튜토리얼의 모든 단계를 완료하면 이벤트 캘린더가 아래 이미지와 같이 표시됩니다. 아래 이미지와 스타일이 다른 경우 내 캘린더 > 스타일 편집기 로 이동하여 사이드바의 드롭다운에서 twenyeighteen.css 파일을 캘린더의 기본 스타일시트로 선택하세요.
캘린더에 적용할 수 있는 다른 테마도 많이 있습니다. 가장 마음에 드는 것을 선택하세요. 그 중 일부(예: inherit.css)는 테마의 스타일 규칙 대부분이 달력에 자동으로 적용되도록 가능한 적은 스타일을 제공하도록 설계되었습니다.
p>
스타일 편집기 페이지에는 선택한 파일의 달력에 적용된 모든 CSS 규칙이 표시됩니다. 여기에서 다양한 변경 사항을 적용할 수 있으며 해당 내용은 이벤트 캘린더 페이지에 반영됩니다.
이제 하단의 표 제목, 제목, 카테고리 범례 등 다양한 요소에 적용되는 간격과 글꼴을 간단히 조정해 보겠습니다. 또한 달력의 모양을 원하는 대로 조정하기 위해 자체 스타일 규칙 중 일부를 추가할 것입니다.
이벤트 캘린더에 추가한 모든 규칙은 다음과 같습니다. 스타일 편집기 하단에 배치하면 하단의 변경 사항 저장 버튼을 클릭한 후 변경 사항이 이벤트 캘린더 페이지에 반영됩니다.
으아악이제 이벤트 캘린더 페이지로 이동하여 추가한 이벤트 중 하나를 클릭하세요. 그러면 시간, 위치, 이벤트에 대한 간단한 설명 등 이벤트의 모든 기본 세부정보를 보여주는 멋진 팝업 창이 열립니다.
이 튜토리얼에서는 내 캘린더 플러그인을 사용하여 웹사이트에 대한 기본 이벤트 캘린더를 만드는 방법을 배웠습니다. 플러그인을 사용하면 이벤트와 간단한 설명을 매우 쉽게 생성하고 추가할 수 있습니다.
그러나 플러그인에는 결제 옵션 및 사용자가 이벤트에 대한 댓글을 추가할 수 있는 기능과 같은 추가 기능을 제공하는 위젯 및 고급 설명 페이지와 같은 일부 기능이 여전히 없습니다. 플러그인도 스타일 지정이 약간 어렵습니다. 웹사이트에 더 고급 이벤트 캘린더 플러그인을 원한다면 CodeCanyon에서 WordPress 이벤트 캘린더 플러그인을 확인하세요.
위 내용은 무료 WordPress 캘린더 플러그인으로 이벤트 캘린더를 소개하세요의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
