구텐베르크가 WordPress 테마에 미치는 영향

게시 됨: 2022-10-15

Gutenberg는 현재 개발 중인 WordPress용 블록 기반 편집기입니다. 코드를 사용하지 않고도 복잡한 레이아웃을 쉽게 만들 수 있도록 설계되었습니다. 이것은 디자인 및 코딩 방식을 변경하기 때문에 WordPress 테마에 큰 영향을 미칠 것입니다. Gutenberg는 아직 개발 중이며 WordPress 테마에 어떤 영향을 미칠지 아직 명확하지 않습니다. 그러나 테마가 디자인되고 코딩되는 방식에 큰 영향을 미칠 가능성이 있습니다. Gutenberg는 코드를 사용하지 않고도 복잡한 레이아웃을 더 쉽게 만들 수 있도록 설계되었습니다. 이것은 잠재적으로 테마 개발자 가 더 복잡하고 정교한 테마를 만드는 것을 더 쉽게 만들 수 있습니다. Gutenberg가 사용자가 테마와 상호 작용하는 방식을 변경할 수도 있습니다. 예를 들어, 사용자는 테마 옵션 페이지를 거치지 않고도 편집기에서 직접 테마를 사용자 정의할 수 있습니다. 이렇게 하면 사용자가 많은 옵션을 헤매지 않고도 사이트에 완벽한 테마를 더 쉽게 찾을 수 있습니다. 구텐베르그가 궁극적으로 워드프레스 테마에 어떤 영향을 미칠지는 시간이 지나야 알 수 있습니다. 그러나 테마가 디자인되고 코딩되는 방식을 변경할 가능성이 있다는 것은 분명합니다.

Gutenberg 블록 편집기 는 최근 기억에 있는 그 어떤 것보다 WordPress 생태계에 더 많은 영향을 미쳤습니다. 최적화된 테마는 Gutenberg의 기능을 활용하는 데 도움이 되도록 설계되었습니다. 콘텐츠 및 레이아웃을 만들기 위한 기본 도구로 사용한다고 가정합니다. 이 편집기는 가까운 미래를 위해 웹 사이트를 구축하고 유지 관리하는 데 투자한 시간과 돈의 가치가 있습니다. 현재와 ​​미래를 모두 고려하는 것이 중요합니다. 페이지 빌더는 때때로 테마와 호환되지 않는 오래된 버전이 있는 테마와 함께 제공됩니다. 블록 편집기의 경우 구텐베르크 최적화 테마만 사용할 수 있습니다.

많은 사용자 정의 블록을 사용하더라도 잘 알려진 페이지 빌더의 기능과 유연성이 새 테마의 성능과 유연성에 필적할 것 같지 않습니다. 생태계가 성장했음에도 불구하고 생태계에는 아직 채워야 할 몇 가지 구멍이 있습니다. 최적화된 구텐베르크 테마 를 사용하면 많은 시간과 비용을 들이지 않고도 아름다운 웹사이트를 만들 수 있습니다. 워드프레스 플랫폼은 2010년 출시 이후 꾸준히 개선되고 있으며, 사용자 인터페이스도 비약적으로 개선되었습니다. 또한 기본 편집 소프트웨어가 잘 작동하고 사용하기 편리합니다. 주요 단점은 Gutenberg의 기본 제공이 완전한 페이지 빌더만큼 강력하지 않다는 것입니다. 구텐베르크가 처분할 수 있는 자원이 너무 많기 때문에 오랫동안 예술 작품으로 남을 것이라는 데는 의심의 여지가 없습니다.

페이지 빌더로 테마 대신 무엇을 해야 합니까? 가까운 장래에 일어날 가능성은 거의 없습니다. 테마에 블록 편집기가 있는 시간이 길수록 더 많은 테마가 이를 사용할 가능성이 높습니다.

WordPress 5.0에는 새로운 블록 편집기인 Gutenberg가 도입되었습니다. 현재 WordPress 편집기 및 이전 클래식 편집기와 함께 작동하도록 사용자 정의할 수 있는 WordPress 테마가 있습니다.

테마는 구텐베르크에 최적화되어야 합니까?

크레딧: wpshout.com

이 질문에 대한 명확한 답은 테마와 사용자가 테마에서 찾고 있는 내용에 따라 다릅니다. 일부 사용자는 Gutenberg를 위해 특별히 설계된 테마를 선호할 수 있는 반면, 다른 사용자는 Gutenberg에 최적화되어 있지는 않지만 새 편집기에서 여전히 잘 작동하는 테마에 더 관심이 있을 수 있습니다. 궁극적으로 테마에서 가장 중요한 것이 무엇인지 결정하는 것은 사용자의 몫입니다.

최적화된 테마를 포함하도록 구텐베르크 테마가 업데이트되었습니다. 이것은 WordPress 5.0의 첫 번째 릴리스이며 Gutenberg 기능 을 포함합니다. 클래식 편집기를 대체하기 위해 새로운 콘텐츠 편집 플랫폼은 Gutenberg로 알려져 있습니다. 6개의 StudioPress 테마가 다시 출시되었으며 기본 제공 기능과 향상된 Gutenberg 지원이 포함되어 있습니다. Genesis Framework는 Gutenberg로 웹사이트를 구축하는 가장 좋은 방법이 되고 있습니다. 앞으로 몇 달 안에 모든 StudioPress 테마를 이 고급 지원 수준으로 업그레이드할 계획입니다. 이에 따라 Genesis Framework는 2019년 1분기에 버전 2.8로 업그레이드됩니다.

Elementor 대 Gutenberg: 어느 쪽이 당신에게 더 낫습니까?

Elementor는 더 많은 실습을 배우고자 하는 사람들에게 더 나은 선택일 수 있습니다. 블록 및 레이아웃은 WordPress 애플리케이션에서 Responsive Blocks Library와 같은 플러그인으로 생성할 수 있지만 WordPress 애플리케이션에서 반응형으로 만들려면 이를 사용해야 합니다.

구텐베르크는 WordPress에서 무엇을합니까?

크레딧: 비즈니스 2 커뮤니티

Gutenberg는 2018년 12월 WordPress 5.0의 일부로 출시된 WordPress용 블록 기반 편집기입니다. 편집기의 이름은 15세기 인쇄기를 발명한 Johannes Gutenberg의 이름을 따서 명명되었습니다. Gutenberg는 WordPress에서 콘텐츠를 만드는 새로운 방법을 소개합니다. 하나의 큰 편집기로 작업하는 대신 이제 작은 블록에 콘텐츠를 추가할 수 있습니다. 이렇게 하면 콘텐츠를 구성하고 미디어를 추가하기가 더 쉽습니다. Gutenberg는 또한 콘텐츠를 더 쉽게 재사용할 수 있도록 합니다. 예를 들어 텍스트 블록을 템플릿으로 저장하고 사이트의 다른 곳에서 재사용할 수 있습니다. 이는 사이트 전체에서 일관된 모양을 만들고자 할 때 유용할 수 있습니다. 전반적으로 Gutenberg를 사용하면 WordPress에서 콘텐츠를 더 쉽게 만들고 편집할 수 있습니다. 이전 WordPress 편집기에 익숙하다면 새 인터페이스를 배우는 데 시간이 필요합니다. 하지만 일단 익숙해지면 Gutenberg가 콘텐츠 제작을 위한 강력한 도구라는 것을 알게 될 것입니다.

워드프레스 플랫폼을 처음 사용하다 보니 구텐베르크라는 새로운 편집기가 생겼습니다. 이와 같은 기능은 게시물, 페이지, 제품 및 사이트의 거의 모든 것을 만드는 방법을 크게 변경합니다. 이 기능은 2018년 11월 27일에 출시된 워드프레스 5.0에 추가되었습니다. 먼저 현재 상태와 작동 방식, 장단점을 살펴보겠습니다. 다음 주요 업데이트에 따라 WordPress에는 Gutenberg가 포함됩니다. 에디터는 아직 개발 초기 단계이기 때문에 아직 라이브로 사용할 수는 없습니다. 최근에 WordPress 사이트를 최신 버전으로 업데이트했다면 대시보드에서 Gutenberg에 대한 알림을 보았을 것입니다. 빠르면 2018년 11월 27일 또는 늦어도 2019년 1월 22일에 출시될 수 있는 WordPress 5.0에는 구텐베르크가 포함됩니다. 좋아하는 플러그인과 테마는 이미 Gutenberg를 지원하도록 업데이트되고 있으므로 개발자가 이미 동일한 작업을 수행하도록 업데이트하는 작업을 하고 있다는 점을 염두에 두어야 합니다.

WordPress는 2,500만 명이 넘는 사용자를 보유한 강력한 콘텐츠 관리 시스템입니다. 이제 WordPress 백엔드의 새로운 Gutenberg 기능 을 사용하여 웹사이트의 여러 페이지와 게시물에서 블록을 추가, 편집, 재배열 및 제거할 수 있습니다. 호환되는 테마를 사용하는 경우 구텐베르크를 사용하면 보다 쉽게 ​​콘텐츠를 만들고 편집할 수 있습니다. WordPress 사이트에 적합한 테마를 결정할 때 사이트 스타일과 일치하고 모든 플러그인과 호환되는 테마를 찾는 것이 어려울 수 있습니다. 테마를 사용하려면 구텐베르크에서 사용하기에 적합한지 확인해야 합니다.


구텐베르크가 Elementor보다 나은 이유는 무엇입니까?

Gutenberg 및 Elementor와 잘 작동하는 테마 및 플러그인은 유사하지만 Elementor는 다른 플러그인 또는 테마 없이 작동하도록 설계되었습니다. Elementor는 주로 페이지를 만드는 데 사용되는 반면 Gutenberg는 주로 블록을 만드는 데 사용됩니다. Gutenberg를 사용하여 웹 사이트에 블록을 추가하고 재정렬할 수 있으며, 그런 다음 컴퓨터의 테마로 제어됩니다.

Elementor vs. WordPress vs. Weebly vs. WordPress vs. WordPress vs. Weebly vs Weebly vs Weebly vs Weebly vs Weebly vs Weebly vs Weebly vs Weebly vs Weebly vs Weebly vs Weebly Elementor는 가장 인기 있는 페이지 빌더입니다. 워드프레스 사용자. 구텐베르크 편집기라고도 하는 블록 편집기는 WordPress 페이지 또는 게시물을 만드는 데 사용됩니다. 최신 HubSpot 컬렉션에는 다양한 Gutenberg WordPress 웹 사이트 템플릿이 포함되어 있습니다. Elementor는 Gutenberg보다 사용하기 쉽습니까? Elementor를 사용하면 전체 콘텐츠를 빠르고 정확하게 구성할 수 있습니다. Elementor와 달리 Gutenberg에는 끌어서 놓기 기능이 포함되어 있지 않습니다. Gutenberg가 3년 이상 기본 WordPress 편집기라는 사실에도 불구하고 일부 사람들은 그것을 시도하기를 꺼립니다.

Elementor의 위젯 시스템은 위젯을 기반으로 하는 반면 Gutenberg의 블록 시스템은 블록을 기반으로 합니다. Elementor의 무료 버전에는 모든 웹사이트 디자이너가 멋진 웹사이트를 만들기 위해 가지고 있어야 하는 많은 고급 위젯이 포함되어 있습니다. 고급 블록에 액세스하려면 먼저 Ocean Gutenberg 블록과 같은 추가 플러그인을 구입해야 합니다. 템플릿은 웹 사이트에서 사용할 수 있도록 미리 제작되고 스타일이 지정되고 디자인된 콘텐츠 모음입니다. 이 섹션의 템플릿은 건설 프로세스를 더 빠르고 더 영감을 주기 위한 것입니다. 일반적으로 웹사이트의 플러그인과 테마의 품질은 그 효과에 상당한 영향을 미칠 수 있습니다. 이 실험에서는 두 개의 WordPress 웹사이트 템플릿인 Agenda와 Gutenberg를 사용했습니다.

두 웹 사이트의 WordPress 플러그인은 매우 유사합니다. Elementor와 Gutenberg는 Elementor vs Gutenberg 게임 에서 경쟁합니다. 구텐베르크가 만든 페이지의 총 차단 시간(TBT)은 50밀리초에 불과합니다. 이미지가 최적화된 경우 웹사이트가 어떤 모습일지 상상해 보십시오. 나란히 놓고 보면 Elementor와 Gutenberg가 1위를 차지했습니다. Elementor 장치를 사용해야 하는 이유와 사용하지 말아야 하는 이유는 무엇입니까? 만족스러운 점수를 얻는 것도 Elementor로 할 수 있기 때문에 당신도 할 수 있습니다.

구텐베르그만이 즉각적이고 번거롭지 않으며 혁신적인 성능 결과를 제공한다는 것을 알게 되었습니다. 최고의 페이지 빌더는 무엇입니까? 하나의 신발이 모든 발에 맞는 것은 아니지만 먼저 신어보지 않으면 놀랄 것입니다. 이 책은 처음에는 무섭고 이해하기 어려워 보일 수 있지만 학습 여정을 시작하기에 좋은 곳이기도 합니다. 특히 디자인 경험이 없거나 전반적인 웹 사이트 최적화에 익숙하지 않은 경우 사용자 지정 아카이브 템플릿을 생성하지 않는 것이 좋습니다. 웹 사이트의 가장 중요한 페이지에서 Elementor를 사용하고 나머지는 WordPress와 테마에 맡기십시오. 추가 노력을 기울이는 것이 마음에 들지 않으면 Gutenberg를 시도해 볼 수 있습니다.

Elemento에 대한 최고의 대안

웹 사이트를 만들어야 하는 경우 Elementor를 사용할 수 있습니다. Elementor에 대한 대안을 찾고 있다면 전체 웹사이트를 사용자 지정하기 위한 완벽한 디자인 프레임워크를 갖춘 Divi를 고려하십시오. Divi의 드래그 앤 드롭 인터페이스를 사용하면 모든 사용자가 사용하기 쉽고 기능적인 웹사이트를 간단하게 만들 수 있습니다.

구텐베르크 테마 개발

구텐베르크 테마 개발 프로세스는 기존 WordPress 테마 개발과 약간 다릅니다. 구텐베르크 호환 테마를 생성하려면 테마 개발을 위해 특별히 새로운 블록 편집기 인터페이스와 코드 블록을 사용해야 합니다. 구텐베르크 테마 개발에 대한 자세한 내용은 다음 리소스를 확인하세요. https://developer.wordpress.org/block-editor/themes/ https://make.wordpress.org/core/handbook/designers-developers/developers/ 테마/구텐베르크 테마 개발/

구텐베르크에 최적화된 WordPress 테마는 다른 WordPress 테마와 거의 유사합니다. 프론트엔드 및 편집기 스타일시트 모두에 대해 약간의 CSS 변형이 있어야 합니다. 블록은 유형에 따라 다른 스타일을 가질 수 있습니다. 테마에 정의된 편집기 스타일 이 있는 경우 구텐베르크에 자동으로 로드되지 않습니다. 편집기를 사용하는 경우 CSS가 작동하도록 접두어를 붙여야 합니다. Gutenberg에서 전체 프론트엔드 스타일시트를 로드하는 것은 권장되지 않습니다. 내 편집기 스타일 부분에서는 기본, 블록별 및 편집기별 스타일만 로드합니다.

단순한 콘텐츠 사이트는 Gutenberg의 구현과 함께 큰 도약을 했습니다. 우리 팀은 핵심 블록이 클라이언트의 브랜드에 적합하고 콘텐츠가 사양을 충족하며 모든 요구 사항을 충족할 수 있는지 확인합니다. 내 목표는 클라이언트 사이트에 대한 고급 사용자 정의 필드를 만드는 것입니다. 블록이 있는 공개 플러그인은 처음부터 내가 만들 것입니다. 페이지는 블록 기반 콘텐츠 편집기와 달리 구텐베르크를 사용하여 구축되지 않습니다. 말로 설명하기 어렵지만 실제로 사용하다 보면 더욱 분명해 질 것입니다. 이 플랫폼은 단순한 웹사이트에서 작동하지만 Beaver Builder와 같은 페이지 빌더나 여러 레이어가 있는 콘텐츠 영역만큼 강력하지 않습니다.

빈 구텐베르크 테마

" 빈 구텐베르크 테마 "라는 것은 없습니다. 구텐베르크는 테마가 아니라 콘텐츠 편집기입니다.

Bill Erickson은 다음 Gutenberg Starter Themes를 제공했습니다. 사용자 지정 WordPress 테마는 WordPress 시작 테마를 기반으로 하며 시간과 노력을 기울일 가치가 있습니다. 저는 현재 사용자 정의를 위한 후크와 필터를 포함하는 두 가지 구텐베르크 친화적인 스타터 테마에 대한 튜토리얼을 작성하고 있습니다. 어떤 좋은 구텐베르크 스타터 테마가 있습니까? 다른 사람들도 볼 수 있도록 해주시고, 혹시 있으시면 댓글 부탁드립니다.

빈 페이지에 콘텐츠 추가하기

결과적으로 이제 웹 사이트에 콘텐츠를 추가할 수 있습니다. 자세한 내용은 빈 페이지 템플릿 페이지에서 확인할 수 있습니다.