WordPress에 Google 캘린더를 삽입하는 방법 – 3가지 쉬운 방법

게시 됨: 2020-03-26

Google 캘린더는 일정을 정리하고 일정을 관리 및 공유하며 생산성을 높일 수 있는 매우 유용한 앱입니다. 그렇기 때문에 전 세계의 많은 사람들이 그것을 사용하고 당신도 사용해야 합니다. 그리고 그것을 귀하의 사이트와 통합할 수 있다면 어떨까요? 놀랍지 않습니까? 이 가이드에서는 WordPress에 Google 캘린더를 포함하는 방법을 단계별로 보여줍니다.

이 도구가 얼마나 유용한지 알려드리기 위해 저를 예로 들어보겠습니다. WordPress를 사용하기 오래 전에 저는 바쁜 생활 일정을 가진 대학생이었습니다. 재미있었지만, 마감일이 너무 많고 모든 것을 기억할 기억이 거의 없기 때문에 많은 것들을 따라가지 못했습니다. 그런 다음 Google 캘린더가 출시되었고 그 이후로 저를 구원해 주었습니다. 저뿐만 아니라 다른 많은 사람들도 마찬가지였습니다.

현재 구글 캘린더 고객으로 분류되는 웹사이트는 250,000개가 넘고 그 중 100,000개에 가까운 사이트가 구글 캘린더를 사용하고 있습니다. Google 캘린더에 익숙하지 않은 경우 많은 인지도를 얻기 위해 Google 캘린더가 무엇을 하는지 궁금할 것입니다. Google 캘린더를 사용하면 회의 일정을 잡고, 미리 알림을 만들고, 회의 초대를 관리 및 응답하고, 캘린더를 공유하고 보는 등 다양한 작업을 수행할 수 있습니다.

그러나 WordPress 웹 사이트용 Google 캘린더에 대해 이야기하고 있는 것처럼 여기에는 당신이 알고 있는 것보다 더 많은 것이 있습니다. 이 가이드에서는 Google 캘린더에 WordPress를 포함하는 방법과 이 우수한 도구를 최대한 활용하는 방법을 보여줍니다.

Google 캘린더 소개

모든 사람들은 기술 대기업 Google에 대해 잘 알고 있습니다. Google의 다양한 응용 프로그램 중에서 캘린더는 일상적인 작업 및 활동에 가장 효과적인 도구 중 하나입니다. 요컨대, 혼자 작업하거나 Gmail과 같은 다른 Google 앱과 협력하여 사용자의 삶을 정리하는 데 도움이 됩니다.

비즈니스의 경우 Google 캘린더를 사용하면 이벤트를 만들고, 참석자에게 초대장을 보내고, 반복되는 이벤트를 만들고, 참여하는 사람을 관리하고, 무엇보다도 선택적 참석자를 설정할 수 있기 때문에 유용합니다. 또한 화상 회의 설정, 장소 추가 및 관리와 같은 G Suite 프리미엄 사용자를 위한 Google 캘린더의 다른 많은 기능이 있습니다.

WordPress에 Google 캘린더를 포함하는 이유는 무엇입니까?

개인, 그룹 및 기업이 이 도구를 사용하는 이유를 이해했으므로 이제 WordPress 사이트에 Google 캘린더를 추가해야 하는 이유를 살펴보겠습니다.

  1. 고객에게 향후 이벤트에 대해 알리기: 웹사이트에 Google 캘린더를 사용하면 고객이 참여할 시간을 낼 수 있도록 예정된 이벤트에 대해 알릴 수 있습니다. 이렇게 하면 모든 사람이 미리 인지하고 이벤트에 참여할 수 있습니다.
  2. 개인 약속 관리: 위의 내용이 사용자를 위한 것이라면 이 목적은 전적으로 귀하를 위한 것입니다. 여기에 모든 활동을 나열하고 메모, 알림 및 근무 시간을 단순화하는 데 필요한 모든 것을 추가하여 모든 활동을 관리할 수 있습니다. 이것이 개인용 Google 캘린더의 주요 목적이지만 이제 웹사이트와 통합됨에 따라 이점이 여러 가지가 될 것입니다.

Google 캘린더를 WordPress 사이트와 통합하면 다가오는 중요한 이벤트에 대한 정보를 사용자에게 알릴 수 있습니다. 또한 이벤트 및 반복 회의를 만들고, 누가 참여하는지 관리하고, 무엇보다 화상 통화를 주선하는 놀라운 도구입니다. 비슷한 기능을 가진 다른 플러그인이 실제로 많이 있습니다. 그렇다면 왜 구글 캘린더를 고수해야 할까요? Google이 WordPress 비즈니스를 위한 일정 및 관리 도구 개발의 중요성을 인식한 유일한 브랜드는 아니지만 Google 캘린더의 기능이 무적이기 때문에 처음부터 Google 캘린더가 1위를 유지했습니다.

게다가 구글이기에 브랜드 인지도는 매우 강력하다. 다른 플러그인은 다른 기능을 가지고 있지만 사실은 일반적으로 별로 도움이 되지 않습니다. 또한 대부분의 플러그인은 프리미엄 기능에 대해 비용을 지불해야 하지만 이러한 기능은 Google 캘린더와 일치하지 않습니다. 따라서 돈을 내야 한다면 그 돈으로 구글 캘린더의 기능을 확장하는 것이 낫다.

WordPress에 Google 캘린더를 포함하는 방법은 무엇입니까? 단계별 가이드

WordPress에 Google 캘린더를 추가하는 방법에는 3가지가 있습니다 .

  1. 플러그인으로
  2. WP 블록 편집기를 통해
  3. HTML 사용

이 모든 방법은 매우 효과적이므로 자신의 기술과 필요에 가장 적합한 방법을 선택해야 합니다. 이제 각 옵션을 자세히 살펴보겠습니다.

1) 플러그인을 사용하여 WordPress에 Google 캘린더 포함

이제 이 통합을 세 가지 간단한 단계로 수행하는 방법을 살펴보겠습니다. 여러 지원 플러그인을 사용하면 WordPress 사이트에 Google 캘린더를 삽입할 수 있습니다. 그러나 이 튜토리얼에서는 가장 권장되는 플러그인인 Simple Calendar 를 사용할 것입니다. 이 도구를 사용하면 WordPress에 Google 캘린더를 매우 쉽게 표시할 수 있습니다.

주별 또는 월별 또는 목록 형식으로 이벤트를 표시하는 것 외에도 Google 캘린더와 동기화되므로 WordPress에 아무것도 추가할 필요가 없습니다. 또한 많은 추가 기능을 사용하거나 다른 플러그인과 연결하여 모양을 사용자 정의하고 더 나아갈 수 있습니다.

1단계: WordPress에 간단한 캘린더 추가

WordPress에 Google 캘린더를 추가하는 첫 번째 단계는 사이트에 Simple Calendar를 설치하는 것입니다. 이렇게 하려면 간단히:

  • WordPress 대시보드 에서 플러그인 섹션으로 이동합니다.
  • 새로 추가 를 클릭한 다음 검색 상자에 Simple Calendar 를 입력합니다.
  • 거기에 Simple Calendar – Google 캘린더 플러그인 이 표시됩니다. 지금 설치 를 클릭하고 완료될 때까지 잠시 기다리십시오.

  • 설치된 플러그인 섹션으로 이동하여 활성화하십시오.

그런 다음 사이드바를 보면 작은 캘린더 아이콘이 있는 캘린더 섹션이 표시되어야 합니다. 이는 Simple Calendar를 성공적으로 설치했음을 의미합니다!

2단계: 사이트를 캘린더와 연결

Google 캘린더를 설치하고 활성화한 후에는 이를 WordPress 사이트에 연결해야 합니다. 따라서 플러그인을 구성하려면 캘린더 – 설정 을 클릭합니다. 거기에 이벤트 소스 탭이 표시되고 Google API 키를 요청하는 것을 볼 수 있습니다. 여기에서 API를 가져오는 방법을 찾을 수 있지만 전체 내용을 읽고 싶지 않다면 여기에서 간략하게 설명하겠습니다.

  • Google 개발자 콘솔 열기
  • 화면 오른쪽 상단에서 프로젝트 만들기 를 클릭합니다. 그런 다음 원하는 이름을 입력하고 만들기 를 클릭합니다.

  • 그러면 API 및 서비스 페이지로 이동합니다. 여기에서 API 및 서비스 활성화 를 클릭하여 API 라이브러리로 이동합니다.
  • 다음 화면에서 검색 상자가 표시됩니다. Calendar API 를 입력하고 제안된 결과 Google Calendar API 를 선택하고 활성화합니다.

  • 그런 다음 Credentials 탭으로 이동하여 Create Credentials 를 클릭하고 아래와 같이 API Key 를 선택합니다.

  • 이제 생성된 API 키가 표시됩니다. 안전 조치를 위해 키 제한 을 클릭하십시오.
  • 여러 옵션이 표시되는 API 키 세부 정보 페이지로 이동합니다.
    • 애플리케이션 제한 부분 에서 HTTP 리퍼러(웹사이트) 를 선택합니다.

    • 웹 사이트 제한 섹션에서 항목 추가를 선택하고 사이트 URL을 입력합니다. 완료했으면 완료 를 클릭합니다.

    • API 제한 섹션에서 API 선택 시 제한 키 및 Google 캘린더 API 를 선택한 다음 저장 을 클릭합니다.

엄청난! 가장 어려운 부분을 안전하게 통과했습니다. 이제 자유롭게 API 키를 복사하고 Google API 키를 요청하는 캘린더 설정 WordPress 대시보드 내부의 상자로 돌아가서 키를 붙여넣으세요. 변경 사항 저장 을 클릭하고 다음 단계로 이동합니다. 거의 다 왔습니다.

3단계: WordPress에 Google 캘린더 표시

이것은 Google 캘린더를 표시하고 WordPress 웹 사이트 방문자에게 표시하는 방법을 찾는 마지막 단계입니다.

  • 먼저 Google 캘린더를 방문하여 설정 을 클릭합니다 . 왼쪽 사이드바가 표시되고 아래로 스크롤 하여 내 캘린더 설정 을 찾은 다음 WordPress에 표시할 캘린더를 선택합니다.

  • 표시하려는 캘린더를 클릭하면 액세스 권한 을 클릭할 드롭다운이 표시됩니다. 공개 옵션을 선택하십시오.
  • 그런 다음 동일한 드롭다운에서 캘린더 통합 을 클릭합니다. 여기 에서 iCal 형식의 공용 주소 아래에 있는 ID를 복사합니다.
  • 이제 WordPress 대시보드로 돌아가서 캘린더 탭에서 새로 추가 를 선택합니다.
  • 캘린더에 원하는 제목을 입력한 다음 캘린더 설정 이 표시될 때까지 아래로 스크롤합니다. 거기에서 Google 캘린더 탭을 선택하면 다음과 같이 표시됩니다.
  • 위의 세 번째 단계에서 복사한 ID( iCal 형식의 공개 주소 )를 캘린더 ID 상자에 붙여넣습니다.
  • 게시 클릭

축하합니다! 방금 Google 캘린더를 삽입했습니다.

타사 도구를 사용하고 싶지 않다면 어떻게 하시겠습니까? 우리는 당신을 덮었습니다. 플러그인 없이 WordPress에 Google 캘린더를 추가하는 다른 방법을 살펴보겠습니다.

2) WordPress 블록 편집기로 Google 캘린더 추가

사이트의 모든 게시물이나 페이지에 Google 캘린더를 추가하는 또 다른 옵션은 Google 캘린더 차단 을 사용하는 것입니다. 이 방법은 매우 간단하고 효과적이며 코딩이 필요하지 않습니다.

    1. 따라서 웹 사이트에 Google 캘린더 차단 을 포함 하려면 캘린더 를 추가하려는 페이지 또는 게시물로 이동하여 차단 추가 를 클릭합니다.
    2. 그런 다음 Google 캘린더 를 입력하고 해당 블록을 선택하십시오.
    3. 블록을 추가한 후 공유하려는 캘린더에 대한 권한을 활성화하고 해당 필드에 캘린더 내장 코드를 붙여넣어야 합니다.
    4. 따라서 3단계에서 필요한 내장 코드를 얻으려면 Google 캘린더 로 이동하여 캘린더 옆에 있는 3개의 점 을 클릭하고 설정 및 공유 를 누릅니다. WordPress에 Google 캘린더 추가 - 캘린더 삽입
    5. 그런 다음 액세스 권한 섹션으로 이동 하고 공개 옵션을 선택하여 캘린더를 공개합니다. 이렇게 하면 모든 이벤트가 표시된다는 경고가 표시됩니다. 확인을 클릭
    6. 그런 다음 통합 캘린더 섹션으로 이동하여 포함 코드를 복사합니다. 이것은 사이트에 캘린더를 추가하는 데 사용할 코드입니다. 코드를 확인하면 이메일이 포함되어 있음을 알 수 있으므로 캘린더가 공개되어 있는지 확인하십시오. WordPress에 Google 캘린더 추가 - 코드 삽입
    7. 마지막으로 캘린더를 표시할 게시물이나 페이지로 돌아가 해당 필드에 포함 코드 를 붙여넣습니다. 그런 다음 Embed 를 누르고 변경 사항을 저장하십시오.
    8. 그게 다야! WordPress 사이트에 Google 캘린더를 삽입했습니다!

사용자 정의 버튼을 클릭하여 캘린더를 사용자 정의할 수도 있습니다. 색상, 버튼, 크기, 탭, 아이콘 등을 개인화할 수 있습니다. WordPress에 Google 캘린더 추가 - 캘린더 사용자 정의

3) HTML을 통해 WordPress에 Google 캘린더 포함

WordPress 사이트에 Google 캘린더를 삽입하는 또 다른 쉬운 방법은 HTML을 사용하는 것입니다. 당신이 개발자가 아니라면 이름이 당신을 낙담하게 하지 마십시오. 이 방법은 코딩 기술이 필요하지 않으며 매우 효과적입니다.

  1. 따라서 HTML을 사용하여 사이트에 Google 캘린더를 추가하려면 먼저 캘린더를 포함할 페이지나 게시물로 이동합니다.
  2. 그런 다음 새 사용자 정의 HTML 블록 을 추가합니다. 여기에 캘린더의 내장 코드를 붙여넣어야 합니다.
  3. 그것을 얻으려면 이전 블록 편집기 방법의 4-6 단계를 반복해야합니다. Google 캘린더 로 이동하여 캘린더 옆에 있는 점 3개 를 클릭한 다음 설정 및 공유 로 이동해야 합니다. 그런 다음 액세스 권한 에서 캘린더를 공개로 설정하고 캘린더 통합 섹션으로 이동하여 포함 코드 를 복사합니다.
  4. 캘린더 링크를 가져오면 HTML 블록 에 붙여넣고 변경 사항을 저장합니다.
  5. WordPress에 Google 캘린더를 추가했습니다!
참고 : WordPress는 내장 코드를 단축 코드로 자동 변환합니다.
마지막으로, Gutenberg를 사용하는 대신 Classic Editor를 사용하는 경우 HTML 탭에 내장 코드를 붙여넣기만 하면 됩니다.

사이트에 캘린더를 표시하는 방법을 배웠으므로 이제 이를 최대한 활용할 수 있는 방법을 살펴보겠습니다.

WordPress에서 Google 캘린더 사용자 정의에 대한 팁

Simple Calendar는 Google Calendar를 WordPress에 추가하는 가장 복잡한 방법이므로 여기에서 이를 최대한 활용할 수 있는 몇 가지 팁을 알려 드리겠습니다. Simple Calendar의 장점은 캘린더 스타일을 사용자 지정할 수 있다는 것입니다.

이를 수행하려면 캘린더 로 이동하여 모든 캘린더 탭을 선택하십시오. 그런 다음 모양을 조정할 캘린더를 지정하고 편집기를 엽니다. 마우스를 스크롤하여 캘린더 설정 을 찾고 모양 탭을 클릭합니다. 거기에서 재미가 시작되고 색상, 디자인 등을 사용자 정의할 수 있습니다. 대체로 캘린더를 사용자 정의하기 위해 수행할 수 있는 몇 가지 작업은 다음과 같습니다.

  • 캘린더의 밝은 테마와 어두운 테마 중에서 선택
  • 캘린더의 활성 날짜와 이벤트 날짜를 표시할 특정 색상을 결정합니다.
  • 캘린더의 색 구성표를 사용하여 웹사이트 스타일에 맞는 색 구성표를 찾으세요.

게시물 및 페이지에 Google 캘린더를 포함하기 위한 단축 코드 및 위젯

추가된 Google 캘린더를 WordPress에 통합한 후 새 게시물이나 페이지를 만들 때 아래와 같이 캘린더 추가 버튼이 표시됩니다.

이 버튼은 미디어 추가 와 마찬가지로 작동하며 스레드에서 원하는 위치에 캘린더를 삽입할 수 있습니다. 어떤 이유로 이 버튼이 없는 경우 단축 코드 및 위젯을 통해 게시물/페이지에 캘린더를 추가할 수 있는 다른 방법이 있습니다.

단축번호

캘린더 탭에서 새 캘린더를 추가할 때 주의 깊게 살펴보면 화면 오른쪽 하단에 단축번호가 부여된 것을 볼 수 있습니다. 이 캘린더를 게시물/페이지에 포함하려면 표시하려는 모든 위치에 이 단축 코드를 입력하기만 하면 됩니다.

WordPress에 Google 캘린더 추가 - 단축 코드

위젯

Simple Calendar 플러그인은 사이트에 표시할 수 있는 위젯을 제공합니다. 이 옵션을 활성화하려면 WordPress 대시보드에서 모양 > 위젯 으로 이동합니다. 여기에 사용 가능한 위젯이 표시되며 Simple Calendar 위젯을 표시하려는 위치로 끌어다 놓아야 합니다.

이것은 WordPress와 Google 캘린더 통합을 최대한 활용하기 위해 사이트의 다른 부분에 캘린더를 표시하는 쉬운 방법입니다.

Google 캘린더를 최대한 활용하기 위한 도움말

WordPress 사이트에 Google 캘린더를 포함하는 것은 회의 및 이벤트를 더 잘 구성하기 위한 첫 번째 단계입니다. 대부분의 사람들은 캘린더를 사용하여 단순히 회의를 만들지만 이 도구를 사용하면 훨씬 더 많은 일을 할 수 있습니다. Google 캘린더를 최대한 활용하기 위한 몇 가지 도움말을 살펴보겠습니다.

  1. 시간 찾기 : 여러 사람과 회의를 해야 할 때 모두에게 맞는 자리를 찾기가 어려울 수 있습니다. 좋은 소식은 Google 캘린더에 정확한 시간을 훨씬 쉽게 찾을 수 있는 시간 찾기 라는 기능이 있다는 것입니다. 이벤트를 만들고 원하는 사람을 초대한 다음 시간 찾기 탭으로 이동하여 모든 사람이 참석 가능한 시간대를 찾으면 됩니다.
  2. 약속 시간대 차단 : 불편한 시간에 회의 초대를 받는 것이 지겹습니까? G Suite를 사용하는 경우 약속 시간대를 차단하여 이를 방지할 수 있습니다. 이렇게 하면 팀원이 나와 회의를 예약할 수 있는 시간을 차단할 수 있습니다. 이 기능을 활성화하려면 회의에 참석할 수 있는 시간에 대한 이벤트를 만든 다음 약속 시간대 로 이동하면 됩니다. " 이 캘린더의 약속 페이지 "라는 링크가 표시됩니다. 클릭하면 공유할 수 있는 웹 버전의 캘린더로 리디렉션됩니다.
  3. 휴일 및 기타 이벤트 추가 : 캘린더를 사용하면 휴일, 스포츠 이벤트, 달의 광고 단계와 같은 모든 유형의 이벤트를 추가할 수 있습니다. 이 옵션을 추가하려면 캘린더 옆에 있는 점 3개를 클릭하고 설정 및 공유 로 이동합니다. WordPress에 Google 캘린더 추가 - 캘린더 도움말 그런 다음 캘린더 추가 섹션에서 관심 캘린더 찾아보기 로 이동하여 활성화하려는 캘린더를 선택합니다. 완료하면 다른 캘린더 섹션에서 선택한 이벤트를 찾을 수 있습니다.
  4. 시간대 : 요즘에는 세계의 다른 지역에서 다른 시간대를 사용하여 작업하는 팀이 점점 더 많아지고 있습니다. 그런 경우 이 팁이 적합합니다. Google 캘린더를 사용하면 항상 회의에 좋은 시간을 찾을 수 있도록 기본 시간대와 보조 시간대를 모두 설정할 수 있습니다. 이 옵션을 활성화하려면 캘린더 옆에 있는 점 3개를 클릭하고 설정 및 공유 로 이동합니다 . 그런 다음 캘린더 설정 아래에서 내 기본 시간대 설정 버튼을 누릅니다. 거기에서 보조 시간대를 활성화하는 옵션을 선택하고 원하는 시간대를 선택하십시오. WordPress에 Google 캘린더를 삽입하는 방법 - 시간대 또한 시간대에 레이블을 추가하고 세계 시계를 표시할 수 있습니다.

결론

대체로 캘린더는 일정을 구성하는 데 도움이 될 뿐만 아니라 이벤트를 관리하고 공유하여 고객이 이벤트와 중요한 날짜를 확인할 수 있도록 합니다. WordPress에 Google 캘린더를 추가하면 웹사이트에 더 많은 기능을 추가하고 사용자에게 가치를 제공하며 경쟁업체보다 눈에 띄게 됩니다. 사이트에 캘린더를 삽입하는 3가지 방법을 확인했습니다.

  1. Simple Calendar 플러그인 사용
  2. WordPress 블록 편집기 사용
  3. HTML을 통해

이러한 방법은 초보자에게 친숙하며 모두 매우 효과적이므로 필요에 가장 적합한 방법을 선택하십시오. 또한 캘린더를 사용자 정의하고 단축 코드와 위젯을 사용하여 추가하는 다양한 방법을 보았습니다. 마지막으로 Google 캘린더를 최대한 활용하는 데 도움이 되는 몇 가지 팁을 살펴보았습니다. 이 가이드를 사용해 보셨습니까? 유용하셨나요? 아래 댓글 섹션에서 여러분의 생각을 공유해주세요! 사이트를 최대한 활용하기 위한 더 유용한 가이드:

  • WordPress에서 Facebook으로 자동 게시하는 방법
  • 가이드: WooCommerce를 MailChimp와 통합하는 방법
  • WooCommerce를 Stripe와 구성하고 통합하는 방법