WordPress에서 전체 사이트 편집을 위한 초보자 가이드

WordPress에서 전체 사이트 편집이 어떻게 작동하는지 궁금하십니까?

이 새로운 기능이 제공할 수 있는 가능성에 대해 흥미를 느끼고 열망할 수 있습니다. 그러나 특히 초보자인 경우 전체 사이트 편집 및 사용 방법을 이해하기 어려울 수 있습니다.

다행스럽게도 전역 스타일과 같은 몇 가지 주요 전체 사이트 편집 기능을 다루는 방법을 알고 있다면 모든 유형의 콘텐츠를 만드는 데 사용할 수 있습니다. 반면에 아직 도약하는 데 관심이 없다면 언제든지 페이지 빌더 플러그인을 대안으로 사용할 수 있습니다.

이 게시물에서는 WordPress 5.9에서 전체 사이트 편집의 장단점을 소개합니다.

그런 다음 전체 사이트 편집에서 세 가지 주요 기능을 탐색하는 방법을 보여 드리겠습니다. 마지막으로 이 도구가 귀하의 요구에 적합하지 않다고 판단되는 경우 몇 가지 대체 WordPress 플러그인을 소개합니다. 시작하자!

전체 사이트 편집 소개

WordPress는 끊임없이 발전하는 오픈 소스 소프트웨어입니다. 따라서 사용자는 변경하는 데 익숙합니다. 그러나 WordPress 5.9에서는 전체 사이트 편집이 가장 큰 변화 중 하나였습니다.

이전에는 사이트의 페이지와 테마를 별도로 수정해야 했습니다. WordPress 웹 페이지를 편집하려면 블록 편집기를 사용했습니다. 머리글, 바닥글 및 글꼴과 같은 유니버설 디자인 요소의 경우 사용자 지정 도구를 사용하여 변경했습니다.

WordPress 5.9에서는 전체 사이트 편집기에서 동일한 위치에서 페이지와 글로벌 디자인 기능을 모두 수정할 수 있습니다.

또한 모든 편집은 블록 편집기에서 사용하는 방법을 배운 친숙한 블록(몇 가지 새로운 블록 포함)으로 수행됩니다. 그러나 비차단 테마 또는 이와 상호 작용하는 플러그인을 사용하는 경우 기존 사용자 지정 프로그램에 계속 액세스할 수 있습니다.

전통적으로 WordPress 5.9와 함께 새로운 기본 테마가 출시되었습니다. 스물둘이라고 합니다.

전체 사이트 편집을 사용하면 웹 사이트를 편집하기 위해 페이지를 전환할 필요가 없고 전체 그림을 한 번에 볼 수 있습니다. 또한 글꼴, 색상 및 간격과 같은 요소를 보다 쉽게 ​​대규모로 변경할 수 있습니다. 또한 모든 수정 사항을 즉시 볼 수 있습니다.

전체 사이트 편집의 한계

전체 사이트 편집은 의심할 여지 없이 강력한 새 도구이지만 단점이 있습니다. 모든 사람이 WordPress의 기존 편집 시스템이나 사용 가능한 대체 도구를 선호하는 것은 아닙니다.

특히 초보자는 전체 사이트 편집을 탐색하기 어려울 수 있습니다. 가장 사용자 친화적인 인터페이스일 필요는 없으며 한 번에 너무 많은 블록을 처리하는 것은 혼란스러울 수 있습니다. 한 번의 클릭이나 드래그로 사이트 전체를 변경할 수 있으므로 사용자 오류의 여지도 더 많습니다.

또한 WordPress 전체 사이트 편집에는 블록 테마를 사용해야 합니다. 이러한 고유한 블록 기반 WordPress 테마는 WordPress 5.9 릴리스 이전에 핵심 플랫폼에서 지원되지 않았기 때문에 전체 사이트 편집을 사용하려는 사람은 누구나 현재의 비차단 테마를 업그레이드해야 합니다.

테마가 고도로 사용자 정의된 경우 처음부터 다시 시작해야 할 수 있으므로 이상적이지 않습니다. 사이트의 모양과 레이아웃에 대한 변경 사항은 새 테마로 전환해도 적용되지 않을 것입니다. 또한 사이트 테마를 변경하면 사이트 테마와 사용 중인 플러그인 및 기타 도구 간에 호환성 오류가 발생할 수도 있습니다.

게다가 블록 테마는 너무 새롭기 때문에 선택할 수 있는 옵션이 많지 않습니다. 따라서 현재 선택 사항이 제한적임을 알 수 있습니다. 이는 더 복잡한 디자인 및 거래(특히 전자 상거래의 경우)에 필요한 정교함 수준이 아직 많은 블록 테마에서 지원되지 않을 수 있기 때문에 더 큰 사이트에 불균형적으로 영향을 미칩니다.

다른 도구와 마찬가지로 전체 사이트 편집은 일부 사용자에게는 옳고 다른 사용자에게는 틀릴 수 있습니다. 웹사이트를 디자인하고 맞춤화하는 데 이것이 올바른 방법인지 확인하기 위해 자세히 살펴보는 것이 좋습니다.

WordPress 전체 사이트 편집의 4가지 주요 기능

이제 WordPress 전체 사이트 편집의 일반적인 장단점을 다루었으므로 실제로 작동하는 방식에 대해 좀 더 자세히 살펴보겠습니다. 전체 사이트 편집의 가장 중요한 4가지 새로운 기능은 다음과 같습니다.

초보자이고 이러한 새로운 기능을 사용하고 싶다면 먼저 사이트를 백업하거나 스테이징 사이트에서 실험을 수행하는 것이 가장 좋습니다.

그런 다음 전체 사이트 편집기에 액세스하려면 WordPress 대시보드로 이동하고 모양 > 편집기 로 이동합니다.

참고: 대부분의 관리 WordPress 호스팅 회사는 준비 사이트를 만드는 기능을 제공합니다. 예를 들어 이 옵션은 Kinsta와 Cloudways 모두에서 사용할 수 있습니다.

1. 테마 템플릿 및 템플릿 부분

테마 템플릿은 WordPress 5.9 이전에 존재했습니다. 그러나 사용자는 이 새 버전에서만 이러한 간단한 방식으로 작업할 수 있습니다.

Twenty Twenty-Two와 같은 블록 테마를 웹사이트에 설치하고 활성화하면 사이트와 웹 페이지의 다른 요소를 쉽게 클릭할 수 있습니다. 이 섹션은 템플릿으로 구성되어 있어 클릭 몇 번으로 사이트 전체를 수정할 수 있습니다.

예를 들어, 매우 시각적이고 직관적인 방식으로 전체 사이트 편집기에서 테마의 헤더 템플릿을 직접 편집할 수 있습니다. 이렇게 하려면 헤더를 선택하고 변경할 수 있는 다양한 특성을 탐색하기만 하면 됩니다.

예를 들어 로고 자리 표시자를 쉽게 클릭하고 브랜드 기호를 추가할 수 있습니다.

또한 템플릿 드롭다운 메뉴에서 템플릿에 액세스하여 템플릿을 추가할 수 있습니다.

모든 템플릿 찾아보기 를 클릭하면 선택할 수 있는 항목이 많이 있습니다.

예를 들어, Twenty Twenty-Two 블록 테마 템플릿에는 404 , Home , Search , Archive 등과 같은 페이지가 포함됩니다. 이것들은 단지 기본 테마 템플릿일 뿐입니다. 사이트의 특정 요구 사항에 맞게 사용자 지정 템플릿을 추가할 수 있습니다.

또한 템플릿 부분에서 선택할 수도 있습니다.

그런 다음 이러한 템플릿 부분을 사용자 지정하고 저장할 수 있습니다. 이 기능만으로도 여러 페이지(예: 머리글, 바닥글, 클릭 유도문안(CTA), 및 저자 바이오스).

또한 이러한 템플릿과 템플릿 부분은 모두 블록으로 구성되어 있습니다. 이것은 또한 템플릿 요소가 선택되면 화살표 버튼을 클릭하여 드래그 앤 드롭하거나 이동할 수 있음을 의미합니다.

위의 예에서는 > 아이콘을 클릭하여 새 사이트 로고 블록을 오른쪽으로 이동하고 모양이 마음에 들지 않으면 다시 왼쪽으로 쉽게 이동할 수 있습니다. 템플릿 편집은 디자인을 실험하고 약간의 변경을 시도할 수 있는 매우 단순화된 방법을 제공합니다.

2. 테마 블록

이전 기능에서 편리한 새 사이트 로고 블록을 발견했을 수 있습니다. 이것은 5.9 릴리스에서도 데뷔한 많은 새로운 테마 블록 중 하나일 뿐입니다.

전체 사이트 편집기에서 모든 새 테마 블록을 확인하려면 화면 왼쪽 상단에 있는 더하기 아이콘( + )을 클릭하기만 하면 됩니다. 그런 다음 테마 컬렉션까지 아래로 스크롤합니다.

보시다시피 사이트 로고 , 사이트 제목 , 사이트 태그라인 , 게시물 작성자 , 게시 날짜 , 다음 게시물 등을 포함하는 완전히 새로운 테마 블록 모음이 있습니다. 이 모든 새로운 블록은 사이트 편집을 더욱 간소화하고 생산성을 높일 수 있는 잠재력을 가지고 있습니다.

특히 눈에 띄는 한 가지 옵션은 탐색 블록입니다. 이는 사이트 디자인에 대한 전반적인 접근 방식에 큰 영향을 미칠 수 있기 때문입니다.

탐색 블록을 추가한 후 원하는 탐색 메뉴를 쉽게 삽입할 수 있습니다. 선택 메뉴 를 클릭하기만 하면 됩니다.

헤더 탐색 에 있는 것과 동일한 메뉴 페이지를 포함하거나 다른 목적을 위해 다양한 사용자 정의 탐색 메뉴를 만들 수 있습니다. 그런 다음 저장하고 재사용 가능한 블록과 같은 방식으로 사용할 수 있습니다. 또는 소규모 사이트에서 작업하는 경우 비어 있는 상태 로 시작 또는 모든 페이지 추가 를 클릭하기만 하면 됩니다. 이렇게 하면 그 자리에서 새로운 사용자 지정 탐색 메뉴를 만들 수 있습니다.

이 새로운 테마 블록이 모든 수준의 WordPress 사용자를 염두에 두고 설계된 것처럼 보이는 것은 놀라운 일이 아닙니다. Post Featured Image 및 Post Excerpt 와 같은 보다 직관적인 새 블록은 초보자에게 많은 시간을 절약해 줄 것입니다.

반면에 고급 사용자는 쿼리 블록과 같은 더 복잡한 추가 기능을 잘 사용할 수 있습니다.

쿼리 루프 블록을 사용하면 다양한 쿼리 매개변수 및 구성을 기반으로 게시물 유형을 표시할 수 있습니다. 궁극적으로 이 새 도구를 활용하는 방법은 사용자에게 달려 있지만 새 기능은 상당히 광범위합니다.

3. 글로벌 스타일

글로벌 스타일은 새로운 WordPress 전체 사이트 편집 환경에서 또 다른 근본적인 변화를 제공합니다. 스타일 메뉴에 액세스하려면 화면 오른쪽 상단 모서리에 있는 이중톤 원을 클릭하십시오.

그러면 새로운 스타일 패널(아직 베타 버전임)이 표시됩니다. 보시다시피 이 새 메뉴는 전체 사이트의 Typography , Colors 및 Layout 을 수정할 수 있습니다.

타이포그래피 의 경우 몇 번의 클릭만으로 사이트의 모든 링크 또는 텍스트 를 변경할 수 있습니다.

글꼴, 크기, 높이 등을 조정하여 이러한 요소의 모양을 변경할 수 있습니다.

색상 탭에서 색상 팔레트 , 배경 , 텍스트 및 링크 의 색조를 쉽게 변경할 수 있습니다.

팔레트 내에서 다양한 테마 블록 및 디자인 도구에 대한 옵션을 수정할 수 있습니다.

배경 아래에서 즉시 사용자 정의 색상을 전면적으로 변경할 수 있습니다.

글로벌 스타일이 제공하는 간편함과 신속성은 이전보다 훨씬 빠르게 사이트 전체의 디자인을 생성할 수 있기 때문에 실험의 문을 열어줍니다. 또한 화면 왼쪽 상단 모서리에 있는 실행 취소 화살표를 클릭하기만 하면 큰 변경 사항을 쉽게 취소할 수 있습니다.

4. 목록 보기

WordPress 5.9의 또 다른 흥미로운 새 기능은 향상된 목록 보기 입니다. 여기에 액세스하려면 전체 사이트 편집기의 왼쪽 상단 모서리에 있는 세 개의 수평선을 클릭하십시오.

이 보기는 읽기 쉬운 목록에서 WordPress 사이트의 모든 블록 구성 요소를 자세히 보여줍니다. 화살표를 클릭하여 이 목록을 축소하거나 확장할 수 있습니다.

이 새롭고 향상된 목록 보기 의 가장 좋은 점은 블록과 블록 그룹을 쉽게 끌어다 놓을 수 있다는 것입니다. 간단히 선택하고 누른 다음 원하는 곳으로 드래그하십시오.

블록 모음을 선택하면 파란색으로 강조 표시됩니다.

이 기능은 단일 페이지 사이트를 운영하거나 긴 페이지를 관리하는 모든 사람에게 특히 유용합니다. 이 기능은 '스크롤리텔링'과 같은 새로운 디자인 트렌드가 대중화됨에 따라 적시에 제공됩니다.

전체 사이트 편집 대안: WordPress 페이지 빌더 플러그인

WordPress 블록 편집기는 강력하고 직관적인 도구가 될 수 있습니다. 전체 사이트 편집은 훨씬 더 유연하게 만들고 사이트 편집 옵션을 확장합니다.

동시에 앞서 논의한 바와 같이 몇 가지 제한 사항이 있습니다. 사이트의 테마를 변경하는 것은 광범위한 영향을 미치며 지금 당장은 차단 테마로 전환할 의사가 없거나 할 수 없을 수 있습니다. 특히 웹사이트에서 얻은 수입에 의존하는 경우 이러한 새로운 기능을 사용하는 것을 당연히 경계할 수 있습니다.

또한 제공하는 모든 기능에 대해 전체 사이트 편집은 여전히 ​​매우 간단합니다. 기존 페이지 빌더 플러그인과 비교할 때 특히 그렇습니다. 이러한 도구는 블록 테마 또는 위험한 편집의 제한 없이 전체 사이트 편집과 동일한 기능을 많이 제공합니다.

또한 인기 있는 많은 옵션이 수년 동안 사용되어 왔으며 현재 형식의 전체 사이트 편집보다 더 포괄적이고 기능이 풍부합니다. 전체 사이트 편집은 언젠가 페이지 빌더와 경쟁할 수 있지만 후자는 일반적으로 더 많은 제어, 사용자 정의 및 사용자 친화성을 제공합니다.

고품질 페이지 빌더 플러그인을 사용하면 드래그 앤 드롭 빌더, 대부분의 테마와의 호환성, 작업할 수 있는 템플릿 및 기타 요소가 많이 제공됩니다. 또한 시장에 수많은 페이지 빌더가 있으므로 필요에 맞는 것을 선택할 수 있습니다.

예를 들어 Beaver Themer 애드온과 결합된 Beaver Builder는 전체 사이트 편집에 대한 훌륭한 대안을 제공할 수 있습니다.

Beaver Themer 애드온을 사용하면 코드를 건드리지 않고도 필요한 테마 템플릿을 만들 수 있습니다. 전체 사이트 편집과 유사하게 이러한 템플릿을 만든 다음 WordPress 사이트 전체에 적용할 수 있습니다.

또한 Beaver Themer의 포스트 그리드를 사용하면 아카이브 및 블로그 디자인을 더 잘 제어할 수 있습니다. 테마 부분을 사용하면 머리글, 바닥글 및 CTA와 같은 사이트 전체 요소를 작성할 수도 있습니다. 또한 이 도구에는 인기 있는 WooCommerce 플러그인을 포함하여 유용한 통합이 많이 있습니다.

또한 전체 사이트 편집의 전역 스타일과 유사한 방식으로 보편적인 스타일을 수정하고 라이브 방식을 미리 볼 수 있습니다.

사이트 편집기에서 작성자 , 태그 및 카테고리 와 같은 게시물 설정 을 조정할 수도 있습니다.

종합적으로 Beaver Builder는 정교한 사이트 전체 편집도 가능하게 하는 강력한 옵션입니다.

다른 옵션을 확인하고 싶다면 Elementor와 Thrive Architect도 인기 있고 강력한 도구입니다. 두 페이지 빌더 모두 시각적 인터페이스를 제공하고 고급 사용자 정의를 허용합니다.

이러한 도구는 언뜻 비슷해 보이지만 모두 고유한 이점을 제공합니다. 사이트의 고유한 요구 사항에 가장 적합한 옵션을 선택하도록 기능 목록을 비교하는 것이 좋습니다. 다행히도 많은 페이지 빌더가 무료 평가판이나 환불 보장을 제공하므로 위험 없이 실험할 수 있습니다.

결론

WordPress 전체 사이트 편집(FSE)으로 조정하는 것은 어려울 수 있습니다. 그러나 전환할 준비가 되어 있고 몇 가지 필수 기능을 배우는데 전념한다면 즉시 전체 사이트 편집을 편안하게 사용할 수 있습니다.

이 게시물에서 우리는 전역 스타일에서 템플릿 부분 등에 이르기까지 가장 중요한 새로운 전체 사이트 편집기 기능을 다뤘습니다.

그러나 전체 사이트 편집이 귀하의 웹 사이트에 적합하지 않은 경우 항상 대신 Beaver Builder와 같은 페이지 빌더 플러그인을 사용할 수 있습니다.

직관적인 드래그 앤 드롭 빌더는 멋지게 보이고 원활하게 작동하는 사이트를 만드는 데 필요한 모든 기능을 제공해야 합니다.

공개: 이 게시물에는 제휴사 링크가 포함되어 있습니다. 이것은 당신이 구매를 할 경우 우리가 약간의 수수료를 낼 수 있음을 의미합니다.