WordPress 전체 사이트 편집: 초보자 가이드

전체 사이트 편집(FSE)은 WordPress의 최신 버즈입니다. 현재 몇 년 동안 이 최신 기술을 활용하는 프리미엄 테마가 있었지만 2018년 구텐베르크의 채택 덕분에 마침내 주류로 자리 잡았습니다. WordPress 전체 사이트 편집이 무엇인지, 무엇을 기반으로 하는지, 어떻게 사용하는지. 시작합시다.

WordPress 전체 사이트 편집이란 무엇입니까?

지난 몇 년 동안 WordPress는 매우 독특한 구조를 가졌습니다. WordPress 편집기를 사용하여 게시물과 페이지에 콘텐츠를 추가한 다음 추가 기능을 위해 플러그인을 설치합니다. WordPress 핵심 파일은 머리글, 바닥글, 콘텐츠 영역, 사이드바 및 기타 요소를 담당했습니다. 최근 몇 년 동안 WordPress 전체 사이트 편집이 모든 것을 변경했습니다. 블록을 기반으로 전체 사이트 편집을 통해 WordPress 사이트의 모든 측면을 훨씬 더 많이 편집할 수 있습니다. 사용자 지정 머리글, 바닥글을 만들고 거의 모든 곳에서 사용자 지정 콘텐츠를 작성할 수 있습니다. 전체 사이트 편집은 완전히 새로운 수준의 디자인 기능을 제공하는 Divi와 같은 페이지 빌더를 통해 WordPress의 핵심을 넘어 확장됩니다.

WordPress에서 전체 사이트 편집의 이점?

전체 사이트 편집의 가장 큰 이점 중 하나는 위에서 아래로 원하는 방식으로 사이트를 사용자 지정할 수 있다는 것입니다. 예를 들어 이제 프런트 엔드에서 게시물 및 페이지 템플릿, 머리글 및 바닥글을 모두 만들고 편집할 수 있습니다. 또한 사이트와 블록에 전체 스타일을 추가하고 고유한 색상 팔레트, 글꼴, 간격 등을 만들 수 있습니다. 최소한의 코딩 요구 사항으로 인해 WordPress 사용자는 과거보다 쉽게 ​​사용자 지정 사이트를 만들 수 있습니다. 앞서 언급했듯이 전체 사이트 편집 테마는 블록을 사용하므로 사이트의 모든 영역에서 블록을 활용하여 자신에게 맞는 맞춤형 사이트를 만들 수 있습니다.

사용하기 쉬운

WordPress에서 전체 사이트 편집의 또 다른 이점은 클라이언트가 사용하기 쉽다는 것입니다. 완료 후 웹사이트를 인계할 수 있기를 원하는 프리랜서 또는 웹 에이전시 전문가라면 FSE 테마를 사용하는 것이 좋습니다. 디자인을 변경하기 위해 테마의 코드를 파헤칠 필요가 없습니다. 전체 사이트 편집 테마는 개발자가 스타일과 기능을 쉽게 추가할 수 있는 theme.json 파일을 활용합니다. 전체 색상 팔레트 만들기, 글꼴 지정 및 기타 스타일을 전체적으로 설정할 수 있으므로 최종 사용자가 콘텐츠를 쉽게 추가하고 편집할 수 있습니다.

속도에 최적화

마지막으로 FSE는 일반적으로 더 빠릅니다. 일반적으로 부풀림이 적고 최적으로 구성되며 기존 WordPress 테마보다 훨씬 빠르게 요청을 처리합니다. 즉, 호스팅은 하나의 요소이므로 캐싱을 활용하고 최신 버전의 PHP와 호환되며 클라우드 호스팅 옵션을 제공하는 평판이 좋은 호스팅 제공업체를 선택해야 합니다. 자세한 내용은 SEO를 위해 페이지 속도를 최적화하는 방법을 확인하세요.

WordPress 전체 사이트 편집은 블록 테마에서만 사용할 수 있습니다.

모든 테마가 전체 사이트 편집을 지원하는 것은 아닙니다. 2018년에 출시된 Gutenberg 블록을 기반으로 구축된 FSE의 기반입니다. 처음 도입되었을 때 블록은 게시물 및 페이지와 같은 웹 사이트의 콘텐츠 영역에서만 지원되었습니다. FSE 테마를 사용하면 해당 기능이 말 그대로 테마의 모든 측면으로 확장됩니다. 앞서 언급했듯이 theme.json 파일은 사이트의 모든 전역 설정과 스타일을 제어합니다. 이전 세대에서는 테마 사용자 지정자가 사이트 설정을 제어했습니다. 이제 WordPress 사이트 편집기는 모든 전역 스타일과 설정을 제어하고 사용자에게 테마 전체에 블록을 추가할 수 있는 기능을 제공합니다.

즉, 전체 사이트 편집 테마에 대한 옵션은 아직 많지 않습니다. 수천 개의 WordPress 테마가 있으며 현재 사용 가능한 FSE 테마는 160개가 넘습니다. 전체 사이트 편집의 인기가 높아지고 있지만 이 기술은 이제 막 자리를 잡기 시작했습니다.

블록 테마란?

간단히 말해서 블록 테마는 완전히 블록 위에 구축된 템플릿을 포함하는 WordPress 테마입니다. 여기에는 게시물과 페이지뿐만 아니라 말 그대로 다른 모든 것이 포함됩니다. 사이드바, 바닥글, 머리글, 게시물 템플릿 및 테마 콘텐츠의 다른 모든 측면.

과거에 WordPress 웹사이트는 일련의 기존 PHP 파일로 구성되었습니다. 이제 블록 테마는 모두 블록 템플릿을 기반으로 합니다. 앞서 언급했듯이 모든 블록 테마에는 개발자와 사용자가 추가 기능을 추가하고 전역 스타일을 설정하는 등의 작업을 수행할 수 있는 theme.json 파일이 있습니다.

Twenty Twenty-Two와 같은 기본 테마는 블록 테마로 간주됩니다. 이전 WordPress 사용자 지정 프로그램을 사용하여 사이트의 태그라인을 추가하거나 색상을 선택하거나 글꼴을 선택하는 대신 WordPress 사이트 편집기를 사용하여 이러한 항목을 제어합니다. 또한 블록을 사용하여 콘텐츠를 템플릿에 추가하여 개인화합니다.

정적 및 동적(테마) 블록의 차이점은 무엇입니까

WordPress에서 전체 사이트 편집을 사용하는 방법을 보여주기 전에 WordPress 블록과 관련하여 이해해야 할 몇 가지 기본 사항이 있습니다. WordPress FSE에는 정적 블록과 동적 테마 블록의 두 가지 유형의 블록이 있습니다. 정적 블록은 게시물을 만들고 게시할 때 알려진 콘텐츠로 구성됩니다. 정적 블록의 예로는 단락, 제목, 이미지(동적일 수도 있음), 인용문, 페이지 나누기, 버튼 등이 있습니다.

반면에 새로운 FSE 동적 블록(테마 블록 또는 사이트 블록이라고 함)은 템플릿을 구축할 때 사용하도록 설계되었으며 사이트의 백엔드에서 콘텐츠를 동적으로 가져와 사이트에 표시할 수 있습니다. 이러한 동적 테마 블록은 블로그 게시물 피드(쿼리 루프 블록 포함), 게시물 제목, 게시물 콘텐츠, 추천 이미지 등에 대해 생성할 수 있습니다. 포스트 콘텐츠 블록은 백엔드에서 포스트 콘텐츠를 변경하면 사이트 전체에서 해당 포스트 콘텐츠 블록의 각 인스턴스가 자동으로 업데이트되기 때문에 좋은 예입니다.

WordPress에서 전체 사이트 편집 시작하기

이제 전체 사이트 편집이 무엇인지 기본적으로 이해했으므로 사용 방법에 대해 이야기해 보겠습니다. 이 섹션에서는 블록 테마를 선택하는 방법, 테마에 포함된 템플릿을 사용자 지정하는 방법, 전체 스타일을 설정하는 방법, 동적 테마 블록을 사용하는 방법 및 블록 패턴을 소개하는 방법을 이해하도록 도와드립니다.

전체 사이트 편집을 지원하는 테마 선택

현재 WordPress 리포지토리에는 150개 이상의 전체 사이트 편집 테마가 있습니다. FSE 테마를 선택하는 방법에는 두 가지가 있습니다. WordPress 리포지토리에서 무료로 선택하거나 프리미엄 공급업체에서 구입할 수 있습니다. 이 게시물에서는 WordPress 리포지토리에서 FSE를 선택합니다.

먼저 WordPress 대시보드에 로그인하고 Appearance > Themes 를 클릭합니다. 다음으로 새로 추가 버튼을 클릭합니다.

그런 다음 기능 필터 링크를 클릭하여 필터링 옵션을 설정합니다.

제목, 기능 및 레이아웃을 포함하여 정렬하는 세 가지 옵션이 있습니다. 원하는 경우 테마의 주제를 선택할 수 있습니다. 그렇지 않으면 사이트 편집기 상자를 선택하기만 하면 됩니다. 선택한 후 필터 적용 을 클릭합니다.

화면이 새로 고쳐지고 사용 가능한 선택 사항이 표시됩니다. 이 자습서와 함께 수행할 테마를 선택하거나 이 게시물에서 사용할 Twenty Twenty-Two 테마를 선택할 수 있습니다. 선택했으면 테마를 활성화하여 시작하세요.

템플릿 사용자 지정

새 테마가 활성화되면 다음 단계는 사용자 정의를 시작하는 것입니다. 이 자습서에서는 theme.json을 편집하지 않습니다. 전체 사이트 편집 테마가 작동하는 방식에 익숙해지도록 Twenty Twenty-Two의 기본 사항에 충실할 것입니다. 즉, Appearance > Editor 로 이동합니다.

사이트 편집기가 로드되면 기본적으로 홈페이지 템플릿이 됩니다.

테마 내에서 다른 템플릿을 편집하려면 사이트 편집기의 왼쪽 상단 모서리에 있는 WordPress 로고 를 클릭한 다음 템플릿 을 클릭하십시오. Twenty Twenty-Two에는 단일 게시물, 페이지, 404, 공백, 검색 아카이브 등을 포함하여 편집할 수 있는 많은 템플릿이 있습니다. 편집할 다른 템플릿을 선택하려면 해당 템플릿을 클릭하여 해당 페이지에 대한 사이트 편집기를 활성화하십시오. 또한 대시보드의 오른쪽 상단 모서리에 있는 새로 추가 버튼을 클릭하여 사이트에 대한 새 템플릿을 만들 수 있습니다.

Twenty Twenty-Two에는 첫 페이지, 작성자, 범주, 날짜, 태그 및 분류 페이지를 포함하여 새 템플릿에 대한 몇 가지 옵션이 있습니다. 즉, 이러한 옵션은 이전 섹션에서 선택한 테마에 따라 달라집니다.

템플릿 부품

페이지 템플릿에서 편집할 수 있는 다음 영역은 템플릿 부분입니다. Twenty Twenty-Two에서는 각 템플릿에서 머리글 및 바닥글 템플릿 부분을 편집할 수 있습니다. 그러나 각 템플릿에는 편집 가능한 다른 템플릿 부분이 있습니다. 예를 들어 홈 페이지 템플릿은 블로그 템플릿 부분도 제공합니다.

이 예에서는 헤더 템플릿 부분을 편집해 보겠습니다. 여기에서 기존 블록을 편집하거나 템플릿에 새 블록을 추가할 수 있습니다. 더 많은 블록을 추가하려면 편집기의 왼쪽 상단 모서리에 있는 파란색 + 버튼 을 클릭하여 블록 삽입기를 토글합니다.

이렇게 하면 사용 가능한 모든 블록이 표시됩니다. 두 가지 방법 중 하나로 블록을 추가할 수 있습니다. 선택한 블록을 클릭하여 템플릿 부분으로 드래그 하거나 + 아이콘 을 클릭하여 추가합니다.

또한 템플릿 내에서 기존 블록을 편집할 수 있습니다. 편집하려는 블록을 클릭하면 해당 옵션이 나타납니다. 예를 들어 사이트 로고를 편집하려면 해당 로고를 클릭하여 새 이미지를 추가하십시오.

전역 스타일을 설정하는 방법

전체 사이트 편집 테마의 또 다른 뛰어난 기능은 전체 스타일을 설정하는 기능입니다. 글꼴, 색상, 색상 테마를 선택하고 간격을 조정할 수 있습니다. 전체 사이트 또는 특정 블록에서만 스타일을 설정하도록 선택할 수 있습니다. 이것은 과거의 테마에 비해 엄청난 시간 절약입니다.

사이트 스타일에 액세스하려면 사이트 편집기의 오른쪽 상단에 있는 스타일 아이콘을 클릭하세요.

활성화되면 스타일 찾아보기 링크를 클릭하여 사이트의 색 구성표를 선택하여 Twenty Twenty-Two 테마에서 사용 가능한 스타일을 찾아볼 수 있습니다.

다음 옵션인 타이포그래피에서는 텍스트와 링크의 글꼴 옵션을 선택할 수 있습니다. 여기에는 글꼴 모음, 크기, 줄 높이 및 글꼴 두께(모양)가 포함됩니다.

색상에서 전체 색상 팔레트에 사용된 색상을 편집할 수 있습니다. 배경, 텍스트 및 링크에 색상을 지정할 수 있습니다. Twenty Twenty-Two에는 17가지 단색과 20가지 그라데이션이 있습니다. 또한 사이트에 사용자 정의 색상과 그라데이션을 추가할 수 있어 브랜딩 목적에 적합합니다.

마지막으로 패딩을 레이아웃에 맞게 조정할 수 있습니다. 패딩은 위, 왼쪽, 오른쪽, 아래에 전체적으로 설정하거나 개별적으로 설정할 수 있습니다.

동적 테마 블록 사용

블록 편집기에는 사이트 편집기에서 페이지 템플릿을 구축하는 데 활용할 수 있는 90개 이상의 블록이 포함되어 있습니다. 그 중에는 사이트의 프런트 엔드에 표시되는 동적 콘텐츠를 채우는 동적 테마 블록이 있습니다. 예를 들어 단일 게시물 템플릿을 클릭하면 게시물 제목, 게시물 추천 이미지 및 게시물 콘텐츠 블록을 포함하여 사용된 몇 가지가 표시됩니다. 이는 블로그 게시물을 동적으로 표시하는 동적 템플릿을 구축하는 데 유용합니다.

테마를 편집할 때 테마 블록을 활용하여 머리글, 바닥글 등을 작성할 수 있습니다. 총 27개의 테마 블록이 있습니다. 여기에서 모든 항목을 살펴보지는 않겠지만 몇 가지를 살펴보고 수행할 수 있는 작업을 잘 이해할 것입니다.

템플릿을 위한 새 헤더 만들기

몇 가지 테마 블록을 사용하여 사이트의 새 헤더 템플릿 부분을 작성하는 방법을 보여드리겠습니다. 템플릿 메뉴로 이동하여 시작합니다. 그런 다음 빈 템플릿을 클릭하여 시작합니다.

페이지에서 사용되는 블록을 보려면 레이어 보기를 사용할 수 있습니다. 사이트 편집기 화면의 왼쪽 상단에 있는 레이어 아이콘 을 클릭하여 액세스할 수 있습니다.

파란색 + 아이콘 을 클릭하여 블록을 표시한 다음 테마 블록 옵션까지 아래로 스크롤합니다. 우리가 선택할 첫 번째 테마 블록은 템플릿 파트 블록입니다. 이는 사이트의 전역 섹션을 만드는 데 매우 유용합니다. 템플릿 부분을 사용하여 특정 페이지에 할당할 수 있는 사이트의 사용자 지정 헤더를 만들 것입니다.

템플릿 부분 블록을 사이트 편집기의 빈 페이지로 드래그합니다. 새 템플릿 부분을 만들려면 공백 시작 을 선택합니다.

템플릿 부분 의 이름 을 지정한 다음 생성 을 클릭합니다.

먼저 블록을 불러와 스페이서를 검색한 다음 붙여넣기 보드에 추가합니다. 높이를 20px로 지정합니다. 이렇게 하면 템플릿 맨 위에 20px의 공간이 추가됩니다.

다음으로 열 블록을 찾습니다. 판지로 드래그합니다. 33/33/33 열 변형을 선택합니다. 이렇게 하면 행에 세 개의 열이 생깁니다. 각 열은 사용 가능한 사이트 공간의 33%를 차지합니다.

템플릿 부분은 이제 다음과 같아야 합니다.

헤더 템플릿에 블록 추가

파란색 + 아이콘 을 클릭하여 블록 메뉴를 불러옵니다. 테마 블록까지 아래로 스크롤하고 사이트 로고 블록을 첫 번째 열로 드래그합니다. 이미지를 업로드하거나 미디어 갤러리에서 이미지를 할당합니다.

그런 다음 탐색 블록을 두 번째 열로 끕니다. 탐색 블록의 경우 웹 사이트의 페이지를 메뉴에 추가하거나 사용자 지정 링크를 만들 수 있습니다. 전체 사이트 편집 테마에서 메뉴를 추가하는 것은 다른 테마와 약간 다릅니다. 더 이상 모양 > 메뉴를 사용하여 추가하지 않습니다. 이제 사이트 편집기에서 모든 메뉴가 생성되고 추가됩니다. 사이트에 대한 링크를 만들거나 페이지를 선택하려면 빈 상태로 시작을 클릭하십시오. 추가하려면 키보드의 Enter 키를 누르십시오.

마지막으로 세 번째 열에 소셜 링크 블록을 추가합니다. 소셜 아이콘 블록의 오른쪽 사이트에서 + 를 클릭하여 표시하려는 소셜 미디어 아이콘을 추가합니다.

참고: 테마 블록을 템플릿에 추가하는 것으로 제한되지 않습니다. 모든 WordPress 블록을 사용할 수 있습니다. 이 예에서 소셜 링크 블록은 동적 테마 블록이 아니지만 여전히 헤더에 추가할 수 있는 유용한 요소입니다.

블록이 모두 추가되면 이제 헤더가 다음과 같이 표시됩니다.

템플릿 레이아웃 조정

이제 새 헤더에 모든 블록이 있으므로 간격이 약간 벗어난 것 같습니다. 걱정하지 마세요. 전체 사이트 편집의 모든 측면과 마찬가지로 조정도 가능합니다. 먼저 레이어 보기에서 첫 번째 열을 클릭합니다 . 열 설정 > 너비 아래의 설정 패널에서 드롭다운을 클릭하여 다양한 크기 조정 옵션을 표시합니다. % 를 선택합니다. 첫 번째 열의 너비로 20 을 입력합니다.

단계를 반복하여 두 번째 열을 60%로 조정한 다음 세 번째 열을 20%로 조정합니다. 이제 머리글의 간격이 더 좋아졌습니다. 오른쪽 상단 모서리에 있는 게시 버튼을 클릭하여 템플릿을 저장합니다.

템플릿은 이제 다음과 같아야 합니다.

블록 패턴을 사용하여 디자인 시작

템플릿을 구축할 때 일련의 블록을 드롭하여 디자인 프로세스를 더 쉽게 만드는 쉬운 방법이 있습니다. 이러한 블록 그룹을 블록 패턴이라고 합니다. WordPress는 사용할 수 있는 몇 가지 블록 패턴과 함께 표준으로 제공되거나 사이트 전체에서 재사용할 수 있도록 직접 구축할 수 있습니다. 블록 패턴에 액세스하려면 사이트 편집기의 왼쪽 상단에 있는 파란색 + 아이콘 을 클릭한 다음 패턴 탭을 클릭합니다. 바닥글, 머리글, 단추, 갤러리, 열 등을 포함하여 선택할 수 있는 여러 범주의 블록 패턴이 있습니다.

각 블록 패턴은 디자인 선택에 맞게 편집할 수 있습니다. 패턴의 개별 블록 내에서 색상, 글꼴 및 패딩 스타일을 조정할 수 있습니다. 생성한 블록 패턴을 저장하려면 목록 보기에서 줄임표 메뉴를 클릭한 다음 재사용 가능한 블록에 추가 를 클릭하십시오. 또는 템플릿 부품 으로 저장할 수도 있습니다.

Divi: WordPress를 위한 최고의 전체 사이트 편집 테마

다재다능하고 기능이 풍부한 워드프레스용 전체 사이트 편집 테마를 찾고 있다면 Divi만 찾으면 됩니다. 세계에서 가장 진보된 Visual Builder를 활용하여 전체 사이트 편집을 완전히 다른 수준으로 끌어 올리십시오. 사용자는 호버 효과를 적용하고, 모양 구분선을 추가하고, 애니메이션을 적용하고, 요소를 대량으로 편집하고, 전역 스타일 및 색상 팔레트를 적용하여 몇 가지 기능을 지정할 수 있습니다. 또한 Divi에는 놀랍고 기능이 뛰어난 웹 사이트를 만드는 데 도움이 되는 200개 이상의 요소가 포함되어 있습니다. 블로그, 슬라이더, 클릭 유도 문안, 가격, 사용 후기 등과 같은 요소를 통해 사용자는 진정으로 고유한 웹 사이트를 만들 수 있습니다.

Divi 테마 빌더

Divi의 무제한 디자인 기능 외에도 사용자는 전체 웹 사이트에 대한 사용자 지정을 확장할 수도 있습니다. 머리글, 바닥글, 제품 템플릿, 범주 및 아카이브 페이지, 404 템플릿, 게시물 템플릿 등을 디자인할 수 있습니다. 또한 실시간으로 디자인 변경 사항을 확인할 수 있는 Divi의 독점 Visual Builder를 사용하여 이 모든 작업을 수행할 수 있습니다. 만들 수 있는 템플릿 수에는 제한이 없습니다. 또한 Theme Builder 템플릿을 전역 요소로 할당하거나 원하는 경우 개별 페이지에 할당할 수 있습니다.

Divi 동적 콘텐츠

또한 Divi에는 웹사이트를 위한 동적 콘텐츠를 생성하는 기능이 내장되어 있습니다. 템플릿 빌더 및/또는 비주얼 빌더를 사용하여 사용자는 게시물, 페이지, 제품 및 템플릿에 동적 콘텐츠를 할당할 수 있습니다. 모든 Divi 요소에서 동적 콘텐츠를 사용할 수 있으므로 데이터베이스에서 직접 가져온 정보를 표시하는 동적 모듈을 구축할 수 있습니다.

Divi의 동적 모듈

동적 모듈은 모든 유형의 웹사이트에서 사용하기에 좋습니다. 여행 웹사이트, 레시피, 렌탈 서비스 등을 위한 모듈을 구축하는 데 사용할 수 있습니다. Divi의 Visual Builder를 사용하여 빌드하려는 템플릿 유형에 따라 동적 콘텐츠를 할당할 수 있습니다. 예를 들어 게시물 또는 범주 템플릿을 작성할 때 텍스트 모듈에 사용할 수 있는 동적 콘텐츠에는 이미지 모듈의 옵션과 다른 옵션이 있습니다. 텍스트가 있는 모듈의 경우 게시물/아카이브 제목, 게시물 발췌, 게시 날짜, 댓글 수, 태그, 카테고리 설명 등과 같은 항목을 선택할 수 있습니다. 반면에 이미지 모듈은 추천 이미지, 작가 프로필 사진, 사이트 로고 이미지와 같은 동적 콘텐츠를 설정하는 데 사용됩니다.

동적 WooCommerce 모듈

전자상거래 웹사이트 소유자는 Divi를 통해 추가 보너스를 받습니다. WooCommerce가 설치되면 Divi는 제품, 카트 및 결제 페이지 템플릿을 구축할 때 동적 콘텐츠를 추가할 수 있는 기능을 제공하는 일련의 동적 WooCommerce 모듈을 추가합니다. 더 이상 WooCommerce를 사용할 때 사이트의 제품 및 카트 페이지를 브랜딩과 일치시키기 위해 CSS를 활용할 필요가 없습니다. 또한 WooCommerce 모듈은 Divi 내 어디에서나 사용하여 제품을 강조 표시하고 제품 갤러리를 만드는 등의 작업을 수행할 수 있습니다.

WordPress 전체 사이트 편집에 대한 FAQ

모든 정보를 전달한 후 몇 가지 질문이 있으실 것입니다. 걱정하지 마세요. 답이 있습니다.

전체 사이트 편집 테마로 바꾸면 내 웹사이트는 어떻게 됩니까?

고맙게도 전체 사이트 편집 테마는 블록에 구축됩니다. 따라서 블록을 기반으로 하는 다른 테마에서 전환하는 경우 몇 가지 작업만 수행하면 사이트가 보기 좋게 표시됩니다. 먼저 헤더 템플릿 부분을 생성하여 사이트 로고와 내비게이션을 설정합니다. 이전 테마가 사용자 정의 프로그램을 사용했을 가능성이 있습니다. FSE 테마에서는 사이트 편집기를 사용하여 사이트 헤더를 만듭니다.

전체 사이트 편집 테마는 어디에서 찾을 수 있습니까?

전체 사이트 편집 테마를 찾는 방법에는 두 가지가 있습니다. 첫 번째 방법은 관리자 대시보드의 WordPress 테마 섹션에서 필터링된 검색을 수행하는 것입니다. 선택할 수 있는 160개 이상의 테마가 있습니다. 두 번째 방법은 Divi와 같은 프리미엄 전체 사이트 편집 테마를 구입하는 것입니다.

내 이전 사이트는 위젯을 사용합니다. 전체 사이트 편집 테마로 바꾸면 그대로 유지됩니까?

FSE 테마는 전적으로 블록으로 구축되기 때문에 과거와 같이 위젯을 활용하지 않습니다. 그러나 사용 가능한 위젯 블록이 있습니다. 프로세스 속도를 높이려면 이전 위젯을 새 위젯 블록으로 교체하거나 새 블록 패턴을 추가해야 할 수 있습니다.

전체 사이트 편집 테마를 사용하려면 어떤 버전의 WordPress가 필요합니까?

전체 사이트 편집은 5.8 릴리스 이후 WordPress 버전과 호환되며 최근 버전에는 더 많은 테마 블록이 추가되었습니다. 설치에 5.8이 없는 경우 FSE 테마를 사용하려면 업그레이드해야 합니다. 좋은 소식은 오래된 버전의 WordPress를 사용하면 사이트가 보안 해킹 및 기타 모든 종류의 불쾌한 문제에 취약해지기 때문에 어쨌든 업그레이드해야 한다는 것입니다.

나는 기술에 정통하지 않습니다. FSE를 사용할 수 있습니까?

예! 거의 모든 사람이 전체 사이트 편집을 사용하여 웹사이트를 구축하는 방법을 쉽게 배울 수 있습니다. FSE 테마는 끌어서 놓기 시각적 편집을 활용하기 때문에 아름다운 레이아웃을 쉽게 구축할 수 있습니다.

전체 사이트 편집 테마를 사용하면 내 사이트 속도가 빨라집니까?

예, 가능하지만 그보다 더 많은 것이 있습니다. 첫째, 전체 사이트 편집 테마는 추가 기능을 위해 더 적은 수의 플러그인이 필요한 방식으로 구축되었기 때문에 성능 향상을 제공할 수 있습니다. 따라서 원하는 사이트를 얻기 위해 여러 개를 설치할 필요가 없습니다. 즉, FSE 테마는 기본적으로 더 빠르게 자동으로 설계되지 않습니다. 호스팅 공급자와 같은 다른 고려 사항이 있습니다. SiteGround와 같은 훌륭한 호스팅 제공업체는 최신 버전의 PHP를 실행하고 CDN 및 웹 사이트를 더 빠르게 실행할 수 있는 기타 속도 향상 기능을 제공합니다.

전체 사이트 편집은 WordPress의 미래입니다.

전체 사이트 편집은 WordPress 커뮤니티에서 입지를 다지고 있습니다. 웹사이트의 모든 측면을 편집할 수 있는 기능을 통해 개발자와 크리에이티브는 그 가치를 보기 시작했습니다. Divi와 같은 프리미엄 테마는 2021년부터 이 기술을 사용하고 있으며 앞서 있습니다. 즉, 올해 초 WordPress Twenty Twenty-Two 테마가 출시되면서 전체 사이트 편집 테마가 곧 표준이 될 것으로 기대할 수 있습니다. WordPress 개발에서 전체 사이트 편집을 활용하는 방법을 아는 것은 미래를 위한 설정을 유지하는 데 필수적인 단계입니다.

WordPress에서 전체 사이트 편집을 사용합니까? 아래에 대한 귀하의 생각을 알려주십시오.

공개: 이 게시물에는 우리 팀을 지원하고 무료 블로그 콘텐츠 흐름을 유지하는 제휴 링크가 포함되어 있습니다. 제휴 링크를 클릭한 후 무언가를 구매하면 수수료를 받을 수 있습니다.