Google Web Stories WordPress 플러그인 개요 및 검토

웹 스토리는 AMP로 구동되는 탭 가능한 전체 화면 페이지입니다. 시각적 정보에 적합한 대화형 시각적 내러티브를 만들 수 있습니다. 스토리는 몰입감 있고 공유 가능하며 추적 가능합니다. 이제 Google의 플러그인 덕분에 WordPress 웹사이트에 추가할 수 있습니다. 이 플러그인 개요 및 검토에서는 Google Web Stories WordPress 플러그인을 살펴보고 무엇을 할 수 있는지 알아보겠습니다.

웹 스토리란 무엇입니까?

공식적으로 AMP 스토리로 알려진 웹 스토리는 잡지 스타일 레이아웃이 있는 모바일 화면 크기의 페이지입니다. 콘텐츠에는 더 긴 콘텐츠에 대한 링크가 있는 큰 텍스트, 캡션이 있는 세로 모드의 15초 동영상 및 캡션이 있는 이미지가 포함됩니다. Web Stories는 오픈 소스 시스템이며 무료입니다.

모바일 장치와 함께 사용하기 위한 것입니다. 일반적으로 페이지당 10단어가 포함된 4~30페이지로 구성됩니다. 이것은 더 작은 바이트로 콘텐츠를 생성하는 데 이상적입니다. 점심을 먹거나 지하철에 앉아 있을 때 한 손으로 쉽게 사용할 수 있는 대화형 콘텐츠를 제공할 수 있는 좋은 방법입니다.

WordPress에서 웹 스토리를 사용하는 이유

웹 스토리 콘텐츠와 디자인은 WordPress 웹사이트의 블로그 콘텐츠에 적합합니다. 플러그인은 이를 WordPress 웹사이트에 통합하고 웹 스토리 형식을 통해 트래픽을 가져오는 데 도움을 줍니다.

심지어 SEO를 개선하고 Google 검색, Google 이미지, Google Discover 및 Google 앱에서 높은 순위를 기록하여 웹 스토리를 WordPress 트래픽을 개선하는 좋은 방법으로 만듭니다.

Google 웹 스토리 플러그인 설치

무료 베타 플러그인을 다운로드하세요. 이것은 공개 베타 플러그인이므로 대부분의 주요 기능이 있습니다. 정식 버전은 올 여름 후반에 출시될 예정입니다. 안정화, 성능 및 버그 수정이 개선되고 애니메이션 및 페이지 첨부 지원이 포함됩니다.

베타 버전이므로 다음 단계에 따라 파일을 다운로드하고 수동으로 설치해야 합니다.

1. Stories Github 페이지로 이동하여 베타 플러그인을 다운로드합니다.
2. WordPress 대시보드에서 플러그인 > 새로 추가 로 이동합니다.
3. 플러그인 업로드 클릭
4. 컴퓨터에서 압축 파일 선택
5. 지금 설치를 클릭하십시오
6. "플러그인이 성공적으로 설치되었습니다"가 표시되면 플러그인 활성화를 클릭 합니다.

웹 스토리 메뉴

스토리라는 대시보드에 새 메뉴 항목이 추가됩니다. 여기에서 모든 스토리를 보고, 새 스토리를 추가하고, 템플릿을 탐색할 수 있습니다. 귀하의 스토리는 편집기에서 열고, 이름을 바꾸거나, 복제하거나, 삭제할 수 있는 여기에 표시됩니다.

Stories 게시물로 표시할 수 있는 Stories 게시물 유형으로 해당 게시물에 대한 링크를 일반 페이지 및 게시물에 추가할 수 있습니다.

이야기 만들기

Create New Story를 클릭하면 시각적 도구에 액세스할 수 있는 편집기가 열립니다. 크기를 변경하거나 축소하는 옵션이 없습니다. Canva가 생각난다면 혼자가 아닙니다. 거의 동일한 방식으로 작동하며 직관적입니다.

왼쪽에는 페이지 작성자에 추가할 수 있는 콘텐츠가 있습니다. 여기에는 이미지, 텍스트 및 모양이 포함됩니다. 이미지에는 비디오도 포함됩니다. 중간에 페이지 작성자가 있습니다. 여기에는 스토리를 편집하고 게시하는 도구가 포함됩니다. 오른쪽에는 디자인 및 문서 도구가 있습니다. 페이지에 추가하는 각 요소는 별도의 레이어입니다.

콘텐츠

이미지 및 기타 콘텐츠는 미디어 폴더의 이미지 및 기타 콘텐츠입니다. 하나 위에 마우스를 올리면 세 개의 점이 나타납니다. 점을 클릭하면 이미지를 편집하거나 삭제할 수 있는 옵션이 열립니다. 이미지나 비디오를 정렬, 검색 및 업로드할 수도 있습니다. 콘텐츠를 클릭하면 스토리 페이지에 추가됩니다.

더블 클릭하여 콘텐츠를 추가하거나 스토리 페이지에 콘텐츠를 끌어다 놓을 수 있습니다. 이 예에서는 이미지를 페이지로 드래그합니다.

텍스트

텍스트 탭에는 제목, 부제목 및 본문 텍스트를 추가할 수 있는 사전 설정 버튼이 있습니다. 하나를 클릭하거나 새 텍스트 추가를 클릭하여 페이지에 사전 설정 텍스트를 추가합니다.

텍스트를 클릭하여 크기 조정 도구를 엽니다. 드래그하여 크기를 조정하거나 가운데를 잡고 텍스트를 새 위치로 이동합니다. 또한 정렬, 색상, 크기, 위치, 레이어, 스타일 등을 변경할 수 있는 오른쪽에 도구가 열립니다.

한 번에 여러 항목을 선택하여 콘텐츠의 크기를 조정하거나 재배치할 수도 있습니다.

모양

모양 탭에는 정사각형, 원, 삼각형, 하트, 별, 오각형, 육각형 및 얼룩이 있습니다. 페이지에 드래그 앤 드롭하고 색상, 불투명도, 크기 등을 변경합니다.

페이지

캔버스 영역에는 제목, 게시 옵션, 휴지통, 복사, 새 페이지 추가, 실행 취소, 다시 실행, 미리 보기 및 여러 페이지를 한 번에 볼 수 있는 격자 보기가 포함됩니다. 콘텐츠를 클릭하면 콘텐츠의 크기를 조정하고 이동할 수 있는 드래그 앤 드롭 도구가 제공됩니다. 또한 오른쪽에 디자인 도구에 대한 옵션이 열립니다.

콘텐츠를 드래그하여 정렬 옵션을 확인하세요.

전체 이미지를 보려면 콘텐츠를 두 번 클릭하고 확대/축소 및 정렬을 조정하는 도구를 엽니다. 콘텐츠의 크기를 조정하고 이동하여 원하는 정확한 이미지를 얻을 수 있습니다.

설계

디자인 조정은 클릭한 요소에 대한 컨트롤을 표시합니다. 페이지의 배경을 선택한 다음 색상을 클릭했습니다. 그러면 배경색을 설정할 수 있는 색상 선택기가 열립니다.

이미지의 경우 여기에는 정렬, 크기 및 위치, 불투명도, 링크, 액세스 가능성 및 레이어가 포함됩니다.

텍스트의 경우 여기에는 글꼴 패밀리, 스타일, 정렬, 색상, 배경색, 패딩 및 링크가 포함됩니다.

모양의 경우 여기에는 정렬, 크기 및 위치, 색상이 포함됩니다.

문서 탭에는 표준 WordPress 게시 옵션이 포함되어 있으며 몇 가지를 더 추가합니다. 초안으로 저장하거나 공개 또는 비공개로 게시합니다. 날짜, 출판사 로고, 표지 이미지를 조정합니다. 퍼머링크와 페이지 진행을 조정합니다. 자동과 수동 중에서 선택하고 자동 진행 타이밍을 설정합니다.

템플릿

템플릿 탐색 탭에는 스토리에서 사용할 수 있는 템플릿이 표시됩니다. 현재 시작하는 데 도움이 되는 8개의 템플릿이 있습니다. 템플릿에는 여러 페이지가 포함되어 있으므로 도움이 될 디자인이 많이 있습니다.

하나를 클릭하면 템플릿이 열리고 템플릿 내에 있는 모든 페이지를 볼 수 있습니다.

모든 페이지는 선택 가능하고 조정 가능합니다. 변경할 요소를 선택하십시오.

스토리 퍼블리싱

스토리 게시를 클릭하면 스토리를 보거나 새 게시물에 추가할 수 있는 옵션이 표시됩니다.

스토리 보기

이야기를 보면 프론트 엔드에서 페이지가 열립니다. 각 페이지는 볼 수 있지만 중앙에 있는 페이지만 완전히 읽을 수 있습니다. 페이지에는 측면에 화살표가 있는 슬라이더 컨트롤, 페이지 아래의 탐색 막대, 오른쪽 상단 모서리에 있는 재생 또는 일시 중지 버튼, 방문자가 웹 스토리를 쉽게 공유할 수 있도록 하는 공유 버튼이 표시됩니다. 버튼을 클릭하면 방문자가 URL을 복사할 수 있습니다.

새 게시물에 추가

새 게시물에 추가를 선택하면 게시물 내에 이미 배치된 스토리 코드가 포함된 표준 블로그 게시물이 자동으로 생성됩니다. 이것은 표준 블로그 게시물이므로 블로그 스트림에 나타납니다. 스토리 페이지를 여는 링크입니다. 원하는 게시물에 다른 콘텐츠를 추가합니다. 이 코드는 모든 게시물이나 페이지에 배치할 수 있으므로 블로그 게시물, Divi 레이아웃 등과 함께 사용할 수 있습니다. 저는 클래식 편집기를 사용하고 있지만 구텐베르크에서도 비슷하게 작동합니다.

Gutenberg에서는 코드를 HTML로 변환하도록 요청합니다. 스토리는 이 모드에서 작동하므로 게시물을 작성할 때 페이지가 회전하는 것을 볼 수 있습니다.

스토리 포스트 유형을 사용하는 더 많은 방법

탐색 메뉴에 게시물 유형을 추가하고 Divi 블로그 모듈, Divi 테마 빌더 등과 함께 사용할 수도 있습니다.

Google 웹 스토리 광고

수익 창출은 Google 플랫폼 및 제휴사 판매로 제한됩니다. 스토리 광고는 Google Ad Manager 및 Google DV360(현재 베타 버전)에서 제공합니다. 추가 광고 서버 지원은 향후 추가될 예정입니다. 스폰서 스토리 및 제휴사를 포함할 수 있습니다.

Google 광고는 전체 페이지이며 웹 스토리 내에 표시됩니다. 여기에는 웹페이지, AMP 페이지 또는 앱에 대한 링크가 포함될 수 있습니다. 여기에는 텍스트, 이미지, 버튼, 비디오, 애니메이션 및 모든 조합이 포함될 수 있습니다. 광고는 왼쪽 상단에 광고로 표시됩니다. 광고의 목표는 Web Stories UX와 조화를 이루는 응집력 있는 디자인을 갖는 것입니다.

문서는 광고를 코딩하고 구축하는 방법에 대한 세부 정보를 보여줍니다. 시작하기 위한 몇 가지 템플릿이 있습니다. 위의 예에 몇 가지가 나와 있습니다.

마무리 생각

웹 스토리는 WordPress 웹사이트에 콘텐츠를 게시하는 흥미로운 방법입니다. 이야기는 잡지 페이지처럼 보이며 슬라이더로 작동합니다. WordPress 탐색 구조 및 Divi의 레이아웃 및 모듈과도 잘 통합됩니다. 그들은 모바일 장치와 잘 작동합니다.

Google의 Web Stories WordPress 플러그인은 Canva와 같은 그래픽 편집 도구처럼 보이고 느껴집니다. 간단하고 사용하기 쉽습니다. 멋지게 보이고 SEO를 향상시키는 간단한 콘텐츠를 만드는 쉬운 방법에 관심이 있다면 Web Stories WordPress 플러그인을 살펴보는 것이 좋습니다.

우리는 당신의 의견을 듣고 싶습니다. Google Web Stories WordPress 플러그인을 사용해 보셨습니까? 아래 의견에 귀하의 경험에 대해 알려주십시오.

Jemastock/Shutterstock.com을 통한 추천 이미지