재미있고 빠르고 쉬운: Kadence로 사이트 구축하기

Carol Stambaugh는 10년 넘게 WordPress 웹사이트를 구축 및 유지 관리해 왔으며 그녀는 또한 Phoenix 지역의 WordPress 커뮤니티 리더 중 한 명입니다. 그녀는 WordCamp Phoenix와 Tempe 지역 WordPress Meetup의 주요 주최자였습니다.

최근 WordPress Meetup에서 Carol은 그녀의 에이전시인 RadiateWP가 Kadence & Kadence Blocks를 사용하여 새로운 WordPress 웹사이트를 구축하기 시작한 방법을 선보였습니다. 우리는 Carol에게 그녀의 팀이 새로운 빌드를 Kadence로 전환하는 이유를 Kadence 커뮤니티와 공유할 수 있는지 물었습니다.

케이던스 시작하기

“저는 실제로 Lifter LMS가 있는 사이트에 뛰어들기 시작했고 쉽게 통합할 수 있는 테마를 찾고 싶었습니다. Kadence를 추천하는 사람들이 꽤 있었기 때문에 우리는 그것을 시도하기로 결정했습니다. 우리는 그 이상을 기대하지 않았으며 Kadence는 실제로 Lifter LMS와의 통합을 실현했습니다. 하지만 Kadence를 더 많이 사용할수록 다른 사이트를 더 쉽게 구축하는 데 Kadence가 어떻게 도움이 될 수 있는지 더 많이 알게 되었습니다.”라고 Carol은 말했습니다.

Club Ed 프리랜서 속도 향상

RadiateWP에서 Kadence와 함께한 첫 번째 프로젝트는 Club Ed Freelancers였습니다. 이 학습 관리 사이트에는 디자인 업데이트와 몇 가지 새로운 기능이 필요했습니다. LearnDash를 사용하여 학생들에게 온라인 학습 경험을 제공함으로써 Club Ed Freelancers는 사이트 방문자가 무료로 사용할 수 있는 여러 페이지를 보유하고 있으며 로그인한 학생만 볼 수 있는 수많은 페이지가 있습니다.

온라인 코스 기능이 추가되면서 사이트 방문자에게 제공되는 요소의 수가 증가했습니다. 그러나 Kadence 및 Kadence Blocks를 사용하여 RadiateWP 팀은 이전 사이트보다 사이트 방문자에게 실제로 더 빠르고 더 나은 사용자 경험을 제공하는 사이트를 만들 수 있었습니다.

페이지 테스트 결과는 새 사이트가 얼마나 고성능이고 접근성이 좋으며 사용자에게 친숙한지를 보여줍니다.

구텐베르크의 힘을 발휘하다

RadiateWP 팀은 수년에 걸쳐 다양한 테마와 페이지 빌더를 사용했으며, 그 중 다수는 사이트 빌더가 아름다운 사이트를 만들 수 있도록 하는 독특하고 강력한 도구를 사용했습니다. 그러나 한 가지 빠진 것이 있었는데, 그것은 네이티브 Gutenberg 지원이었습니다.

“WordPress 및 기타 여러 페이지 빌더를 오랫동안 사용해 왔기 때문에 일찍부터 Gutenberg에 뛰어들지 않았습니다. 사실, 나는 그것을 피했다. 구텐베르크가 결국 제공할 수 있는 것에 대한 희망이 있었지만 우리에게는 없었습니다.”

“Kadence를 사용하기 시작하고 나서야 Gutenberg의 잠재력을 보았습니다. 이전에 페이지 빌더로 하던 일을 나에게 제공했지만 기본적으로 Gutenberg 내에서 이루어졌습니다. 워드프레스 코어 팀이 블록 기반 워드프레스로 무엇을 하고 있는지 확인하는 데 도움이 되었고, 올바른 작업을 수행하는 속도를 늦춤으로써 그들이 얼마나 훌륭했는지 보여주었습니다.”

“궁극적으로, Kadence를 사용하면 할수록 쉽게 작동할 것을 찾는 기대가 흥분으로 바뀌었습니다. 다른 사이트에서 Kadence를 사용해보고 싶었기 때문에 그렇게 했습니다. 그리고 사용하면 할수록 블록 편집기로 사이트를 구축하는 재미를 느끼기 시작했습니다. Kadence는 구텐베르크를 더 재미있게 만들었습니다.”

Kadence가 다른 테마와 다른 이유

Carol은 다른 테마와 페이지 빌더를 사용한 많은 경험을 통해 기본적으로 WordPress 블록 편집기와 함께 Kadence를 사용하는 이점을 알고 있습니다.

“Kadence를 사용하면 WordPress 코어로 다시 빌드할 수 있습니다. 우리 팀은 아름다운 사이트와 기능적인 레이아웃을 만들기 위한 우리의 노력을 희생하지 않고 WordPress가 전반적으로 어디로 가고 있는지 정말로 돌아갈 수 있습니다. 그리고 페이지 로드 속도와 성능이 실제로 그것을 보여줍니다.”

“다른 페이지 빌더와 테마를 사용하면 워드프레스가 하려고 하는 것과 항상 싸우고 있는 것처럼 느껴졌습니다. 물론 WordPress가 있지만 WordPress 위에 페이지 빌더의 무거움. 페이지 빌더나 구텐베르크를 선택해야 했고, 그 선택에 우아한 것은 전혀 없었습니다.”

이제 RadiateWP 팀은 Kadence를 사용하여 기본 WordPress 블록의 기초와 WordPress 사이트 구축의 미래에서 재미있고 빠르며 기능적인 사이트 구축을 시작할 준비가 되었습니다.

스타터 템플릿으로 시작하기

Carol은 Kadence와 함께 몇 가지 디자인 도구를 사용하여 쉽게 구축을 시작할 수 있었습니다. 여러 Kadence 스타터 템플릿을 살펴본 후 Kadence Design Library는 Club Ed Freelancer 사이트의 요구 사항에 맞게 쉽게 사용자 정의할 수 있는 프레임워크를 제공했습니다.

디자인 라이브러리에서 사용할 수 있는 블록에 브랜드를 지원하는 다채로운 디자인 요소를 추가하여 RadiateWP 팀이 Club Ed Freelancer를 독특하고 멋지게 만드는 데 도움이 되었습니다.

"우리는 일부 와이어프레임 요소를 사용하고 필요에 맞게 사용자 정의할 수 있었을 뿐만 아니라 많은 디자인 라이브러리 섹션 요소도 사용했습니다."

“디자인 라이브러리에서 콘텐츠를 추가하는 것은 매우 쉬웠습니다. 새로운 콘텐츠 영역을 추가하고 사이트 요구 사항에 맞게 빠르고 효율적으로 사용자 지정할 수 있었습니다. 우리가 찾은 가장 큰 도우미는 디자인 블록을 Kadence Blocks Row Layout으로 래핑한 다음 목록 보기를 사용하여 각 블록의 설정에 액세스하는 것입니다. 모든 것이 우리가 필요로 하는 방식으로 설정되었는지 확인하기 위해 다양한 블록에서 쉽게 이동할 수 있었습니다."

또한 새로운 Kadence Conversions를 사용하여 쿠키 수락 알림과 메일링 리스트 등록에 대한 슬라이드를 추가했습니다. Carol은 "Kadence Conversions의 타이밍 요소를 사용하여 사이트 방문자를 압도하지 않고 적절한 시간에 표시되도록 두 알림을 모두 설정할 수 있었습니다."라고 말했습니다.

Kadence 요소 템플릿 사용

사이트에 로그인한 방문자를 위한 콘텐츠가 있었기 때문에 팀은 로그인한 사용자를 위해 Kadence Elements 템플릿을 사용했습니다. LearnDash는 학생들을 위해 다양한 헤더와 탐색을 제공하지만 RadiateWP의 팀은 맞춤형 게시물 제목(과정 제목) 배너로 LearnDash를 추가로 사용자 지정했습니다. 이 Kadence 독점 사용자 지정을 통해 모든 Club Ed 프리랜서 과정에는 다른 게시물과 다른 고유한 게시물 제목 배너가 있습니다.

Kadence는 사이트 구축을 재미있고 빠르고 쉽게 만듭니다.

10년 동안 WordPress로 사이트를 구축한 경험이 있는 RadiateWP 팀은 Kadence로 무엇을 할 수 있는지에 대해 기대하고 있습니다. Kadence는 Club Ed Freelancers 프로젝트에 새로운 생명, 속도, 접근성을 제공하고 RadiateWP 팀에게 프로세스를 재미있고 쉽게 만들었습니다. Carol은 "Kadence로 우리가 하고 있는 일에 대해 정말 흥분하고 있습니다."라고 말합니다. "Kadence는 미래를 위한 우리 비즈니스를 준비하는 WordPress 사이트 구축을 위한 새로운 가능성을 열었습니다."

Carol에 대해 자세히 알아보려면 Twitter에서 그녀를 팔로우하고 RadiateWP에서 Kadence로 만들고 있는 다른 프로젝트를 확인하세요.