DE{CODE}: 프런트 엔드: 미래에 대비한 전자 상거래 사이트 구축

기본 WordPress 블록 편집기는 레이아웃과 테마를 통합하는 방식을 표준화하고 웹사이트 프런트 엔드에서 새로운 기능을 잠금 해제합니다. 이렇게 하면 부풀림이 적고 휴대성이 향상되고 더 빠르게 로드되는 동시에 사이트를 더 쉽게 유지 관리, 변경 및 업데이트할 수 있습니다. 그러나 Block Editor가 귀하의 대행사 및 전자 상거래 사이트에 적합합니까? 이동하기에 적절한 시기는 언제입니까? 이 유익한 DE{CODE}세션에서 WP Engine 수석 소프트웨어 엔지니어인 Mike McAlister의 이야기를 들어보세요!

세션 슬라이드

전체 텍스트 성적 증명서

MIKE MCALISTER : 안녕하세요, 여러분. 제 이름은 Mike McAlister이고 WP Engine의 수석 소프트웨어 엔지니어입니다. 저는 Team Genesis에서 일하고 있으며 WordPress의 미래를 구축하고 WordPress의 모든 것의 최첨단에서 작업하는 임무를 맡고 있습니다. 모든 플랫폼 @MikeMcAlister에서 저를 찾을 수 있습니다. 그리고 네, 이런 종류의 콘텐츠를 더 보려면 저를 팔로우하세요.

보시다시피 오늘날 이야기는 미래 보장형 전자 상거래 사이트 구축에 관한 것입니다. 우리는 WordPress의 새로운 절벽에 있습니다. 새로운 패러다임이 매일 보여지고 있습니다. 그리고 그것을 탐색하는 것이 어려울 수 있습니다. 이것이 바로 오늘 우리가 살펴볼 것입니다. 워드프레스의 새로운 시대로 나아가는 장단점입니다.

그래서 전에 말했듯이, 나는 이것을 오랫동안 해왔습니다. 나는 살고 숨 쉬는 WordPress. 10년 넘게 저는 WordPress 제품, WordPress 비즈니스, 최첨단 제품 및 모든 종류의 제품을 구축해 왔습니다. 한동안 디자이너, 사진작가, 포트폴리오 등을 위한 아름답고 작은 WordPress 테마 컬렉션인 Array Themes라는 테마 사업을 했습니다.

그런 다음 WordPress 블록 편집기를 실험하기 시작했습니다. 그리고 그것이 Atomic Blocks가 나온 곳입니다. 그리고 이것은 일종의 최초의 플러그인이었습니다. 일종의 블록 편집기로 시작하는 것이었습니다. 그리고 그것을 사용하여 다른 사람들에게 블록을 배우는 방법과 가능한 것, 그리고 이를 수행하는 데 필요한 코드의 종류를 보여주었습니다. 정말 놀라운 경험이었습니다.

그런 다음 WP Engine에 합류했을 때 Genesis 제품군 작업을 시작했고 Atomic Blocks 및 Array Themes의 많은 블록 기술을 Genesis 프레임워크로 가져왔습니다. 그래서 그것은 Genesis Pro를 통해 새로운 세대의 테마 구축에 힘을 실어주었습니다. 또한 WordPress 제작자에게 Liftoff 과정을 통해 이러한 테마와 플러그인을 제품 및 제품 비즈니스로 전환하는 방법을 가르치는 데 도움을 줍니다.

그래서 그것은 나에 관한 것입니다. 이 작업을 시작하기 전에 간단히 복습해 봅시다. 블록 편집기에 대해 들어봤기 때문에 아마 사용하겠지만 아직 파고들 기회가 없었거나 사용하지 않는 사람들이 있을 수 있습니다. 그것이 무엇을 할 수 있는지 확실하지 않습니다. 기억하시겠지만 블록 편집기는 약 3년 전, 어쩌면 조금 더 오래 전에 워드프레스에 도입되었습니다.

아마도 WordPress가 본 가장 큰 변화 일 것입니다. 방대했습니다. 워드프레스 전체에 있는 다양한 메타 상자와 모든 사람이 익숙했던 진부하고 오래된 레이아웃에서 좀 더 생생한 종류의 능동적 콘텐츠 구축 경험으로 우리를 데려갔습니다. 콘텐츠 및 버튼과 이미지. 이러한 것들은 모두 다른 레이아웃으로 쉽게 이동할 수 있습니다. 그리고 훨씬 더 강력한 디자인 경험일 뿐입니다.

그러나 그것은 방정식의 일부일 뿐이었습니다. 그것은 콘텐츠 영역을 구축할 수 있는 것과 같았습니다. 짧은 코드를 사용하여 얼마 동안 어느 정도는 그렇게 할 수 있었습니다. 그러나 이제 블록 편집기가 있습니다. 그러나 전체 비전은 블록과 패턴 및 이러한 모든 새로운 도구를 사용하여 전체 웹 사이트를 구축할 수 있도록 하는 것입니다.

그 중 일부는 WordPress의 지난 몇 가지 버전에서 다소 최근에 출시되었지만 이번 여름에는 더 완전한 종류의 블록 사이트 편집 경험을 얻을 것입니다. 그래서 저는 오늘 그 중 일부를 다루려고 합니다. 블록의 패러다임과 함께 이제 전체 사이트 편집이 포함된 놀라운 새 패러다임을 가지게 될 것이기 때문입니다. 매우 강력하고 흥미진진하기 때문에 여러분이 그것을 사용하기를 정말로 원합니다. 그리고 그것은 모두에게 엄청날 것입니다.

그래서 저는 항상 이 질문을 받습니다. 블록 편집기로 뛰어들 수 있는 적절한 시기는 언제입니까? 사람들은 주저합니다. 확실하지 않습니다. 저는 2년 전이 가장 좋은 때라고 말하고 싶지만, 지금도 괜찮은 때입니다. 오픈 소스와 이러한 종류의 커뮤니티 프로젝트는 사람들이 더 빨리 채택할수록 더 좋아집니다. 그렇죠?

우리가 더 빨리 구축을 시작하고 문제, 부족함, 함정을 노출할수록 더 빨리 고칠수록 더 강력해집니다. 그래서 저는 일찍 거기에 들어가 그런 종류의 물건을 만드는 것을 옹호합니다. 그래서 제가 Atomic Blocks를 정말 일찍 시작했습니다. 아마도 최초의 블록 플러그인이었을 것입니다. 하지만 우리 모두는 그 경험에서 많은 것을 배웠습니다. 따라서 여전히 블록 편집기와 전체 사이트 편집을 시작할 시간이 있습니다. 여기서 그 이유를 살펴보겠습니다.

다시 말하지만, 저는 블록 편집기에 대한 인식이 항상 비싸다는 것을 듣습니다. 대행사라면 비용이 얼마나 들 수 있는지 알고 있습니다. 과거에 에이전시와 일한 적이 있는데 워크플로우를 변경하는 데 비용이 많이 듭니다. 물건을 정리하고 새로운 솔루션으로 교체하려면 비용이 많이 듭니다. 때로는 재정적으로 전환할 시간이 없습니다.

불안정하다는 소리도 들었습니다. 사람들은 글쎄요, 아직 끝나지 않았다고 말합니다. 생산 준비가 되었습니까? 우리는 전자 상거래를 많이 하고 돈이 걸려 있기 때문에 일이 중단될 여유가 없습니다. 이해합니다. 그리고 다른 중요한 것은 JavaScript입니다. 우리는 PHP 프레임워크에서 이제 WordPress에 거대한 JavaScript 엔진이 있습니다. 다시 말하지만 비용이 많이 듭니다. 이제 JavaScript를 배워야 하고 개발자를 교육해야 하기 때문입니다. 그리고 그것은 또한 시간과 돈이 소모됩니다.

그러나 이러한 것들의 현실은 실제로는 상당히 다르다는 것입니다. 물론 비싸긴 하지만 시간이 지날수록 더 비싸질 뿐입니다. 더 오래 미루고 예전 방식으로 일을 처리하는 솔루션에 더 많이 의존할수록 전환하기가 훨씬 더 어려워질 것입니다. 우리가 성능에 대해 이야기할 때 살펴보게 될 호의를 베풀지 않습니다.

또한 안정적인지 여부에 관계없이 실제로 현재 상당히 안정적입니다. 빌딩 블록을 위한 강력한 API가 있습니다. Fortune지 선정 500대 기업, 대행사, 평판이 좋은 사람들이 전체 사이트 편집 기능을 사용하여 프로덕션을 구축하고 라이브로 진행하고 있습니다. 그래서 거기에 있습니다. 그리고 다시, 우리는 거기에 들어가서 그것이 얼마나 강력한지 스스로 알아내는 것에 대해 이야기할 것입니다.

그리고 자바스크립트, 만약 당신이 개발자이고 많은 사람들이 그렇다고 가정하고 있다면 자바스크립트가 그 어느 때보다 더 커졌다는 것을 알고 계실 것입니다. 현재 WordPress도 마찬가지입니다. JavaScript 엔진과 WordPress의 힘으로 실제로 많은 기회가 열립니다.

모든 기능이 있기 때문에 긍정적인 것으로 볼 수 있지만 이전에는 액세스할 수 없었던 새로운 개발자 집단을 활용할 수 있습니다. JavaScript 커뮤니티의 많은 사람들이 이전에 WordPress를 간과했을 수 있습니다. 자, 이제 어떻게 될까요? 내 말은, 그것은 많은 사람들에게 일자리를 얻을 수 있는 엄청난 기회입니다. 그래서 여기에 JavaScript를 사용하는 데 많은 장점이 있다고 생각합니다.

말하자면 WordPress는 아무데도 가지 않을 것입니다. 엄청나게 늘어나고 있다고 합니다. 거의 45%이며 인터넷의 45%에 전력을 공급합니다. 그리고 그것은 매년 매우 건강하게 자랍니다. 매년 Shopify 시장 규모만큼 성장합니다. 참고로 꽤 큽니다.

그리고 제가 전에 말했듯이, 우리가 이 새로운 기술의 일부를 채택하고 그것이 우리의 워크플로나 에이전시 또는 프리랜서 비즈니스에 어떻게 적용되는지 알아내는 일을 미루는 것이 더 오래 걸릴수록 더 고통스러울 것입니다. 그리고 결국에는 전환을 원하게 될 것입니다. 단지 전환이 너무 강력해서 그렇게 하지 않으면 많은 것을 놓치게 될 것이기 때문입니다. 그래서 저는 지금 투자하라고 말합니다. 장기 성장, 장기 전자 상거래 성장과 같은 상황에 대비하십시오. 그리고 예, 블록 편집기로 이동하십시오.

더 많은 제어, 더 나은 성능 및 비용 절감과 같이 이 새로운 기술을 도입해야 하는 많은 이유가 있습니다. 나는 이런 것들에 관심이 없는 프리랜서나 대행사를 모릅니다. 그것은 당신의 사업을 성장시키는 일종의 초석입니다, 그렇죠? 그럼 그 중 몇 가지를 살펴보겠습니다.

예, 블록 편집기의 기능만 알고 있다면 가능합니다. 이것은 사람들이 아이디어를 얻는다고 생각하는 것입니다. 마치 새것처럼, 더 강력해졌든 뭐든 간에. 하지만 실제로 거기에 들어가서 개발 관점에서 가능한 것이 무엇인지 이해해야 하는 것과 같은 것 중 하나입니다. 활용할 수 있는 것, 이전에는 결코 할 수 없었던 것을 지금 할 수 있는 것입니다. 이것은 우리가 WordPress에서 항상 원했지만 아직 가질 기회가 없었던 것입니다. 그래서 우리는 여기에서 가장 좋은 기회에 있습니다.

제어. 이것은 많은 기관에서 필요로 하는 것입니다. 특정 요구 사항, 브랜드 요구 사항이 있는 고객이 있거나 보호 난간을 설치해야 하는 경우 모든 것을 제어하고 정말 미세하게 조정하고 세부적으로 제어할 수 있는 것이 가장 중요합니다. 따라서 개발자에게는 코드 기반과 관련하여 WordPress에 JavaScript 기반 엔진이 있으므로 훨씬 더 많은 옵션이 있습니다.

헤드리스는 거대해지고 있는 또 다른 것입니다. 콘텐츠와 프레젠테이션 계층을 분리할 수 있으므로 WordPress는 이제 이러한 종류의 기회를 제공합니다. 실제로 WP Engine은 Headless WordPress 솔루션인 Atlas에서 작업하고 있습니다. 아직 확인하지 않았다면 확인해야 합니다. 정말 멋지다. 다시 말하지만 개발자가 꿈꾸는 그런 종류의 물건에 WordPress를 사용할 수 있는 것과 같습니다.

다시 말하지만, 개발자의 경우 고유한 JavaScript 언어를 선택할 수 있습니다. 블록은 React로 작성되지만 Vue를 작성할 수 있습니다. Angular를 작성할 수 있습니다. 원한다면 Vanilla를 쓸 수 있습니다. 모든 것이 컴파일되고 배송되기 때문에 실제로는 귀하에게 달려 있으며 결국에는 중요하지 않습니다. 이와 함께 동일한 JavaScript 워크플로를 사용할 수 있습니다. 이전에는 없었던 통합 CI/CD 도구인 자동화 빌드 도구를 사용할 수 있습니다. 이 모든 것은 워드프레스에서 이 새로운 자바스크립트 미래를 활용함으로써 가능합니다.

다시 한 번 언급했지만 이전에 언급한 JavaScript 개발자 풀은 엄청납니다. 방대합니다. 따라서 우리가 이러한 기술 중 일부를 더 빨리 채택하고 이러한 사람들을 WordPress 폴드로 데려올수록 생태계가 더 강력해지고 솔루션, 제품, 플러그인의 가치가 높아집니다. 그 재능을 WordPress에 도입하기 시작하면 이러한 것들이 모두 증가합니다.

나는 WordPress를 형성하고 성형할 수 있기 전에 언급했습니다. 사용자 지정 앱을 만들거나 고객을 위한 사용자 지정 사이트를 시작할 수 있다는 점에서 엄청난 이점입니다. 이제 관리자를 수정하는 것이 훨씬 쉬워졌습니다. 일부 전자 상거래 도구 또는 데이터를 노출하기 위해 도구 모음을 추가하려고 한다고 가정합니다. 지금은 매우 쉽습니다. 이러한 다양한 도구 모음과 인터페이스 전체에 상당히 쉽게 삽입할 수 있는 옵션이 있습니다. 상당히 인상적입니다.

마찬가지로 다른 방향으로 갈 수 있습니다. UI를 잠글 수 있습니다. 경험을 조금 더 제어하고 싶다고 가정해 보겠습니다. 이제 완전히 할 수 있습니다. 또한 JavaScript로 구동되기 때문에 UI 상호 작용과 같이 훨씬 더 많은 제어가 가능합니다. 따라서 가드레일을 훨씬 더 좋고 훨씬 쉽게 설치할 수 있습니다.

그리고 경험 측면에서 우리 모두는 타사 플러그인이 업데이트되고 무언가가 변경되는 상황을 겪었습니다. 갑자기 여기에 넣은 버튼이 이제 없거나 사라졌습니다. 글쎄요, 자신을 묶고 경험을 스스로 제어할 수 있으면 이러한 사고가 발생하지 않도록 예방할 수 있습니다. 경험에 대해 보다 세밀하게 제어할 수 있기 때문에 고객은 이러한 문제가 발생하는 것을 보지 못합니다.

당신의 운명을 통제하는 측면에서 이것은 제가 계속해서 타사 플러그인에 대해 다시 언급할 것입니다. 플러그인은 훌륭하지만 해로울 수 있으며 건강하지 않은 종속성을 구축할 수 있습니다. 그것은 많은 방법으로 당신의 성장을 제한할 수 있습니다. 워드프레스에 직접 연결할 수 있고 제어할 수 있고 입력하는 항목이 테스트되고 유지 관리되며 즉시 업데이트될 수 있다는 것을 알고 있습니다. 정말 대단하죠? 그것은 수정을 위해 제3자에게 잠재적으로 의존하는 것보다 훨씬 더 신뢰할 수 있는 것과 같습니다.

그리고 마지막으로 휴대성입니다. 그게 다야, 그렇지? 우리는 콘텐츠나 웹사이트를 독점 솔루션에 가두어 둘 수 없습니다. 매우 비싸고 비쌉니다. 이건 위험 해. 그리고 그런 상황이 없도록 워드프레스를 선택했죠? 그래서 중요합니다.

성능. 이것은 우리가 항상 다루어 왔던 일이지만 지금은 그 어느 때보다 중요합니다. 왜냐하면 우리는 훌륭한 성능을 갖지 않을 여유가 없기 때문입니다. Google은 우리에게 친절하지 않습니다. 이전에 이 인용문을 모두 보셨을 것입니다. 페이지 로드가 1초 지연되면 전환율이 7% 감소하고 페이지 조회수가 감소하며 고객 만족도가 감소합니다.

나는 특히 전자 상거래와 고객의 측면에서 이것에 대해 괜찮을 사람을 지구상에서 아무도 모릅니다. 따라서 외부 파일과 사용하지도 않는 항목을 로드하는 플러그인이 있고 비용이 많이 드는 경우 매우 심각하게 살펴봐야 합니다. 조치를 취하고 그곳에서 상황을 통제해야 합니다.

다시 말하지만 오해하지 마세요. 저는 플러그인을 좋아합니다. 나는 그것들을 항상 사용합니다. 그러나 이러한 강력한 플러그인은 수백만 개의 웹사이트에서 실행되도록 만들어졌습니다. 그리고 수백만 개의 웹사이트에서 작동하는 플러그인을 만들어야 할 때 모든 사람에게 도움이 되지 않는 것을 추가해야 합니다. 다른 브라우저를 고려하여 추가 스크립트와 추가 스타일을 추가해야 합니다. 그리고 종종 이 모든 것들이 당신을 위해 로드됩니다. 이 물건을 끌 수 있도록 미세 조정된 컨트롤은 거의 없습니다. 따라서 전체 플러그인의 대부분을 얻고 있으며 반드시 필요하지는 않습니다.

자, 당신이 예리한 개발자라면 거기에 들어가서 좀 더 빨리 갈 수 있도록 뭔가를 풀 수 있지만, 여전히 이 시점에서 나는 당신이 그 시간을 가지고 스스로 일부를 작성할 수 있다고 주장하고 싶습니다. WordPress에 추가될 새로운 인재 풀을 통해 그곳을 장악하십시오. 빌드를 보다 세밀하게 제어할 수 있습니다. 이제 트리 쉐이킹, 축소, 이 모든 것이 가능합니다.

그래서 제3자 플러그인, 특히 페이지 빌더 측에서 어떤 종류의 관계를 갖고 싶은지 더 빨리 생각해야 합니다. 이제 우리는 패턴과 이 모든 멋진 도구, 당신은 반드시 페이지 빌더가 필요하지 않습니다. 그리고 이러한 많은 플러그인은 실제로 블록 편집기로 전환할 계획이 없습니다. 그래서 당신은 결정을 내려야합니다. 지금 빌드하는 데 도움이 될 수 있는 이 플러그인을 사용하시겠습니까, 아니면 미래에 대비하고 필요한 도구와 필요한 제어 기능을 제공하는 WordPress를 채택하기 시작하시겠습니까? ? 그래서 그곳에서 내려야 할 몇 가지 큰 결정이 있습니다. 나는 그것을 완전히 이해한다.

페이지 성능과 SEO 측면에서 우리 모두는 페이지 속도와 핵심 성능 보고서를 알고 있으며 현재 매우 중요해지고 있습니다. 우리가 지향하는 패러다임입니다. 당신은 그 녹색 원을 원합니다. 그리고 이러한 WordPress 플러그인 중 일부는 모든 종류의 자산을 로드하고 있기 때문에 이들을 공격하기가 어려울 수 있습니다. 그리고 당신이 거기에 들어가서 정말 미세하게 조정하고 풀지 않는 한, 당신은 그 문제를 다루게 될 것입니다.

이 새로운 개발자 물결이 있는 WordPress에서 우리 모두는 블록이 많은 페이지가 있다고 말할 수 있는 것과 같이 이전에는 없었던 것이 필요하다는 것을 알고 있습니다. 음, 모든 블록에 대한 전체 스크립트와 스타일을 반드시 로드하고 싶지는 않을 것입니다. 페이지에 로드된 스타일만 가져오려고 합니다. 죄송합니다. 귀하의 페이지에 로드된 블록입니다. 자, 이제 우리는 그것을 할 수 있는 기능을 가지고 있습니다.

여기 하단에서 별도의 코어 블록 자산을 로드해야 함 기능을 볼 수 있습니다. 글쎄, 그것은 당신의 페이지를 스캔하고 페이지에 어떤 블록이 있는지 확인하고 해당 스타일과 스크립트만 내뱉을 것입니다. 그래서 우리는 성능이 작은 파일 미래와 같이 우리가 필요한 것만 로드하는 방향으로 나아가고 있음을 알 수 있습니다. 그리고 이것은 나아질 것입니다. 다시 말하지만, 우리가 거기에 들어가 구축을 시작하자마자 WordPress 자체가 이러한 기능을 더 빨리 채택할 수 있고 우리는 그것들을 핵심으로 갖게 될 것입니다. 그리고 코어가 플러그인을 채택했기 때문에 플러그인이 필요하지 않습니다.

많은 사람들이 이런 종류의 공연 작업에 파고들고 있습니다. 여기에서 볼 수 있습니다. 목록이 있습니다. 이것은 이 위대한 일을 하고 있는 사람들의 작은 표본일 뿐입니다. 그들을 따라가. 그들이 팔로우하는 사람들을 팔로우하세요. 그들의 리트윗에 주의를 기울이세요. 이 WordPress 시대에 들어가는 많은 두뇌 능력과 매일 영리한 솔루션을 내놓는 많은 똑똑한 사람들이 있기 때문입니다. 예, 이 사람들 중 일부를 따르십시오.

마지막으로 이 기술로 돈을 절약하고 버는 것에 대해 이야기하고 싶습니다. 다시 말하지만 WordPress와 함께 성장하면서 장기적인 성장, 장기적인 기회에 대해 이야기하고 있기 때문입니다. 그리고 이런 종류의 기술로 수익을 창출할 수 있는 새로운 기회가 너무 많습니다. 새로운 서비스와 새로운 제품을 제공하는 모든 종류의 방법을 생각해낼 수 있습니다. 그리고 우리는 그것에 대해서도 조금 이야기할 것입니다.

페이지 디자인 및 페이지 빌더 플러그인과 같은 것들에 관해서는 이제 패턴으로 대체할 수 있다고 언급했습니다. 글쎄, 패턴은 기본적으로 페이지 레이아웃, WordPress가 구현하는 페이지 레이아웃 섹션이므로 아름다운 페이지를 만들 수 있습니다. 음, 패턴을 모든 프로젝트의 출발점으로 사용할 수 있으므로 모든 클라이언트 프로젝트에 사용할 수 있는 패턴 모음을 구축한 다음 클라이언트에 맞게 사용자 정의하면 시작 패턴의 전체 라이브러리를 만들 수 있습니다. 모든 프로젝트에 사용할 수 있으므로 매번 바퀴를 재발명할 필요가 없습니다. 당신은 그 시간을 절약하고 있습니다. 당신은 그 돈을 절약하고 있습니다.

또 다른 새로운 기술은 theme.JSON입니다. 이는 이전에는 없었던 웹사이트 스타일 지정의 글로벌 방식과 거의 비슷합니다. 따라서 패턴을 로드한 다음 버튼 스타일이나 링크 또는 머리글 색상을 전반적으로 변경하여 고객의 요구나 브랜드에 맞게 미세 조정할 수 있습니다. 아시다시피 편집기와 사용자 정의 프로그램 사이를 오가며 올바른 작업을 수행하려면 많은 시간이 걸립니다.

그런 다음 사이트를 이동할 때 WordPress가 해당 내용을 반드시 기억하지 않기 때문에 다시 이동해야 합니다. 이것들은 이제 모두 엄청난 시간과 돈을 절약해줍니다. 따라서 theme.JSON, 글로벌 스타일, 타이포그래피 컨트롤과 같은 것들을 더 빨리 채택할수록 더 빨리 비용을 절약하고 돈을 벌 수 있습니다.

플러그인을 정리하는 것은 제가 지금까지 이야기해 왔던 것입니다. 하지만 다시 한 번 말씀드리지만, 사이트에 설치한 항목에 대해 더 빨리 살펴보고 의문을 제기할수록 플러그인이 필요한지, 필요하지 않은지 더 이상 캐싱 플러그인. 해당 수준에서 캐싱을 구현한 호스트가 많이 있습니다. 축소된 리소스와 더 작은 빌드를 제공할 수 있다면 어쨌든 큰 캐싱 플러그인이 필요하지 않을 수 있는 지점에 도달한 것입니다.

내가 언급했듯이 이러한 페이지 빌더 중 일부와 동일합니다. 이제 해당 페이지 구축 경험을 WordPress로 오프로드할 수 있습니까? theme.JSON 파일과 함께 패턴을 사용하고 자체 디자인 세트를 구축할 수 있습니까? 나는 우리가 할 수 있다고 생각합니다. 거의 다 온 것 같아요. 특정 프로젝트나 그와 유사한 페이지 빌더에 대한 사용 사례가 없다는 말은 아닙니다. 있다고 생각합니다.

그러나 장기적인 성장, WordPress의 미래, 귀하의 비즈니스와 WordPress의 미래에 대해 이야기할 때 저는 더 단순한 미래, 즉 귀하가 더 잘 통제할 수 있는 미래를 봅니다. 그리고 저는 우리가 지금 그 시작을 보고 있다고 생각합니다. 지금 당장은 보기 어려울 수 있지만 그것이 우리가 있는 곳입니다. 네, 이것은 여러분이 원하고, 필요하고, 여러분의 것이고, 여러분에게 잘 맞는 도구 세트를 만들 수 있는 기회입니다. 그리고 그것은 당신이 훨씬 더 빨리, 훨씬 더 빨리 움직이는 데 도움이 될 것입니다.

그리고 마지막으로, 이것은 제가 많이 썼던 것이기도 합니다. 아시다시피 WordPress는 이러한 전환을 겪고 있습니다. 따라서 새로운 솔루션이 필요합니다. 그렇죠? 모든 웹사이트에 있는 양식 플러그인과 같은 가장 일반적인 플러그인도 이제는 블록 버전이 필요합니다.

편집기에서 바로 사용자 지정하고 변경할 수 있는 더 나은 JavaScript 기반 버전이 필요합니다. 그리고 시장은 이것을 따라잡는 데 꽤 느렸습니다. JavaScript 개발자가 부족해서인지 아니면 여러 가지 이유가 있지만 요점은 현재 시장이 활짝 열려 있다는 것입니다. 따라서 지난 10년 동안 최고의 플러그인과 같은 이전 플러그인은 고객과 사이트를 위해 수행하고 있는 작업을 제품으로 전환할 수 있습니다.

사실, 나는 이미 그것이 이루어지고 있다고 보고 있다. 저는 Atomic Blocks로 시작했습니다. 짧은 코드 같은 것을 대체하고 싶었고, 이를 위해 블록을 만들기 시작했습니다. 그리고 단순히 그것을 하는 몇 안 되는 것 중 하나였기 때문에 매우 빠르게 인기를 얻었습니다. 따라서 수익을 창출하고 새로운 틈새 시장을 발굴할 수 있는 많은 기회가 있습니다.

특히 전자상거래는 아시다시피 해결하기 어려운 문제가 많습니다. 그리고 고객은 스스로 해결할 수 없는 어려운 문제, 특히 시간과 비용을 절약하는 솔루션을 우리가 해결하고 있기 때문에 이러한 일에 프리미엄을 지불합니다. 그래서 지금 WordPress에 얼마나 많은 기회가 있는지 충분히 말할 수 없습니다. 그 어느 때보다도 시장은 이러한 새로운 솔루션, 이러한 새로운 종류의 보다 직관적이고 개선된 UI, 보다 긴밀한 빌드에 대한 준비가 되어 있습니다.

고객은 이러한 일에 대한 준비가 되어 있으며 비용을 지불할 것입니다. 예, 다시 말하지만, 특히 전자 상거래 분야에서 지금보다 더 많은 기회가 있었던 적이 없습니다. 점점 더 많은 사람들이 해결책을 찾고 있습니다. 그리고 그것에 최고인 사람들은 블록 편집기를 위해 이러한 것들을 만들어야 합니다. 우리는 장기적인 성장을 실현할 필요가 있습니다. 작업을 제품으로 전환하는 한 가지 방법입니다.

좋아요, 그럼 모든 것이 시작되는 곳은 어디입니까? 이 물건을 배우기 시작하는 것은 큰 작업입니다. 제가 일하는 방식과 많은 사람들이 일하는 방식을 보면 무언가를 구축하는 것만으로도 배우기가 더 쉽습니다. 그래서 그것이 새로운 것을 구축하든 과거에 구축한 것 중 하나를 가져가든, 클라이언트 프로젝트나 자신의 개인 사이트를 가져가 보세요. 그것을 가져 와서 블록 편집기에서 빌드하십시오.

내 말은, 변명하지 말고 그냥 거기에 들어가서 작업을 시작하세요. 첫 번째 블록을 만드십시오. 헤더 또는 기능 섹션을 패턴으로 전환합니다. 설정 사이드바와 콘텐츠 영역 및 블록 사이의 관계와 설정을 연결하는 다양한 방법을 파악합니다. 여기에서 탐색할 수 있는 모든 종류의 길이 있습니다. UI 수정, 도구 모음 중 하나에 사용자 정의 버튼 가져오기 및 추가. 블록 중 하나의 일부 설정에 연결하십시오.

이것들은 다시 말하지만 지금은 상당히 쉽게 할 수 있는 모든 것들입니다. 여기에 몇 가지 링크를 제공했습니다. 문서, 블록 편집기 문서에 대한 링크가 있습니다. 그러나 WordPress GitHub– 죄송합니다. Gutenberg repo라는 리포지토리도 있습니다. 여기에는 특정 항목을 빌드하는 예제가 있습니다. 그래서 그들은 이것이 블록을 만드는 방법이라고 말할 수 있습니다. 다음은 API를 통해 데이터를 가져오는 방법입니다. 그들은 개발자들에게 매우 상세한 예제를 제공하는 꽤 좋은 일을 해왔습니다.

그런 다음 그것을 구축한 후에는 실행 프로세스를 거치거나 모의 실행까지 수행합니다. 왜냐하면 무언가를 구축한 후에 찾을 수 있는 것이 있기 때문입니다. 하지만 라이브로 가져오고 프로덕션 서버에 가져오고 사이트를 시작하도록 설정하는 과정을 거치면 그 작은 시간에도 팝업되는 것이 있다는 것을 모두 알고 있습니다. 따라서 시작하는 과정을 거칩니다. 필기 해.

그리고 그 시점에서 이것이 준비되었다는 것을 깨닫기 시작한 것 같아요, 그렇죠? 이것은 강력합니다. 준비가 되었습니다. 다시 말하지만 소프트웨어와 마찬가지로 확실히 단점이 있을 것입니다. 그리고 우리는 오픈 소스 커뮤니티에 속해 있습니다. 그래서 아름다운 부분은 여러분이 발견한 것과 발견한 작은 단점을 다시 기여할 수 있다는 것입니다.

단순히 보고만 하면 누군가의 관심을 끌고 문제를 해결할 수도 있고, 문제를 해결하고 수정을 제공할 수도 있습니다. 그리고 바라건대, 그게 그냥 병합되길 바랍니다. 이전에 말씀드린 내용으로 돌아가서 지금 채택하든 나중에 채택하든 얼마나 안정적인지에 따라 더 빨리 사용하고 이 물건을보고합니다. 그리고 저는 그것이 이 모든 것의 믿을 수 없을 정도로 가치 있는 부분이라고 생각합니다. 우리에게는 이 기회가 있고 그것을 더 좋게 만드는 것은 대체로 우리의 통제하에 있다는 것입니다. 그러니 그렇게 하시길 바랍니다.

어쨌든, 예, 어디서부터 시작해야 할까요? 여기에서 시작하십시오. 무언가를 만들기 시작하십시오. 그곳에 들어가. 몇 개의 블록을 만드십시오. 그리고 당신은 보게 될 것입니다.

그리고 그게 다야. 다시 말하지만, 저는 여러분이 밖으로 나가 무언가를 만들도록 격려하고 싶습니다. 모든 기회를 살펴보십시오. 그리고 그것을 나와 공유하십시오. 내 방식대로 보내세요. Twitter @MikeMcAlister에서 저를 찾아 당신이 만든 것을 보여주거나 질문을 하십시오. 시간 내주셔서 정말 감사합니다.