WordPress 블록 패턴이란 무엇입니까?
게시 됨: 2022-08-18WordPress 블록 패턴에 대해 많이 들었지만 그 목적이 정확히 무엇인지 모르십니까? 당신은 바로 이곳에 있습니다!
이 게시물에서는 WordPress 블록 패턴이 무엇인지 설명할 뿐만 아니라 웹사이트에서 사용하는 방법, 사용자 지정 패턴을 만드는 방법, 기성품 WordPress 블록 패턴을 온라인에서 찾을 수 있는 위치에 대해서도 알려드립니다.
따라서 WordPress 사이트 소유자이고 온라인 존재를 최대한 활용하고 싶다면 WordPress가 저장한 이 멋진 기능(일명 블록 패턴)에 대해 알아야 할 모든 것을 읽으십시오.
뛰어들자!
WordPress 블록 패턴이란 무엇이며 사용해야 하는 이유
WordPress 블록 패턴은 블록으로 구성된 템플릿입니다.
즉, 워드프레스 블록 몇 개를 가져와 아름다운 디자인으로 모으면 워드프레스 블록 패턴이 생성된 것입니다.
WordPress 블록 편집기 출시 이후 사용자가 WordPress 블록 패턴을 사용할 수 있습니다. 그러나 WordPress 6.0은 특히 WordPress에서 디자인 및 템플릿을 구축하는 주요 도구가 된 패턴에 중점을 두고 나왔습니다. 이 WordPress 버전은 개별 블록이 아닌 패턴을 스포트라이트에 넣습니다.
WordPress 블록 패턴을 사용하면 페이지에 대한 전체 템플릿을 만들거나 사이트에서 섹션으로 사용할 수 있는 템플릿의 일부만 만들 수 있습니다. 필요에 맞는 블록 패턴으로 완전한 디자인을 만들 수 있습니다.
WordPress 패턴을 만들거나 사용자 지정하면 라이브러리에 저장하고 페이지나 블로그 게시물에서 언제든지 재사용할 수 있습니다.
블록 패턴이 유용한 이유는 무엇입니까?
WordPress 블록 패턴은 다음과 같은 몇 가지 이유로 유용합니다.
- 처음부터 디자인을 구축할 수 있는 기술이 없는 웹사이트 소유자는 이제 블록 패턴을 통해 웹사이트를 멋지게 만들 수 있습니다. 이 기능을 사용하면 많은 노력 없이 실제로 페이지, 섹션 및 게시물을 직접 디자인할 수 있습니다.
- 블록 패턴은 재사용 가능하고 유연합니다. 저장된 블록 패턴에서 많은 템플릿을 만들고 다시 만들 수 있습니다. 예를 들어, 동일한 블록 패턴을 다양한 변형(예: 다른 색상 또는 타이포그래피)으로 저장할 수 있습니다. 각 블록 패턴을 사용자 정의하는 방법은 사용자에게 달려 있습니다.
- 또한 나중에 다른 프로젝트 또는 캠페인에 간단히 재사용할 수 있는 다양한 블록 조합을 생성할 수도 있습니다. 이것은 시간을 절약하고 반복적인 작업을 피할 수 있기 때문에 장기적으로 좋습니다.
WordPress 블록 패턴을 사용하는 방법
아름다운 페이지와 템플릿으로 WordPress 웹사이트를 꾸미는 데 열성적입니까? WordPress 블록 패턴을 정확히 사용하는 방법을 살펴보겠습니다.
패턴을 포함할 페이지 또는 게시물로 이동합니다. 여기에서 WordPress 블록 편집기의 왼쪽 상단에 있는 + 아이콘을 클릭합니다.
메뉴가 드롭다운되면 패턴 을 선택합니다. 또한 귀하의 요구 사항과 더 관련이 있는 패턴 범주를 선택할 수도 있습니다. 더 큰 창에서 패턴을 열려면 탐색 버튼을 클릭하십시오.
패턴 모음을 탐색한 후 게시물이나 페이지에 삽입하려는 패턴을 클릭합니다.
블록 편집기에 삽입되면 사용자 정의를 시작할 수 있습니다. 블록 패턴을 사용자 정의하려면 패턴에 포함된 각 개별 블록을 실제로 사용자 정의해야 합니다. 따라서 해당 패턴의 모든 블록을 클릭하고 개별적으로 사용자화하기만 하면 됩니다.
특정 블록이 마음에 들지 않으면 언제든지 다른 블록으로 바꿀 수 있습니다. 사용자 지정 블록이든 라이브러리에 이미 있는 블록이든 상관 없습니다.
그리고 그게 다야. 각 블록을 사용자 정의하면 패턴을 라이브로 사용할 준비가 된 것입니다. 정말 쉽습니다!
기성품 WordPress 블록 패턴을 찾는 곳
이전 섹션에서 이미 눈치채셨겠지만 WordPress에는 웹사이트에서 자유롭게 사용할 수 있도록 미리 만들어진 블록 패턴이 있습니다. 창의력이 부족하거나 미래 디자인에 대한 영감이 필요한 경우 공식 WordPress 저장소에서 이미 만들어진 블록 패턴을 많이 찾을 수 있습니다.
여기에서 버튼, 열, 갤러리, 헤더, 이미지, 텍스트 및 추천과 같은 여러 범주에 속하는 인상적인 패턴 모음을 발견할 수 있습니다. 전체적으로 WordPress 리포지토리만 해도 공개 사용을 위한 800개 이상의 멋진 블록 패턴을 제공합니다.
시간을 내어 사용 가능한 패턴을 확인하여 웹사이트에 가장 아름다운 디자인을 찾으십시오. 예, 선택할 수 있는 옵션이 너무 많기 때문에 적합한 옵션을 찾는 데 시간이 걸릴 수 있습니다.
추가로 사용하거나 사용자 정의하려는 패턴을 찾으면 클릭하여 새 페이지에서 연 다음 패턴 복사 를 클릭하십시오.
그런 다음, 패턴을 추가하려는 WordPress 대시보드의 초기 게시물 또는 페이지로 돌아가서 블록 편집기에서 마우스 오른쪽 버튼을 클릭하고 붙여넣습니다.
다시 말하지만, 공식 리포지토리에서 WordPress 웹 사이트로 WordPress 블록 패턴을 추가하는 것은 쉽습니다! 몇 번의 클릭만 필요합니다.
복사 후 "예기치 않거나 잘못된 콘텐츠"가 포함된 블록이 표시되면 아래 블록 복구 시도 버튼을 클릭하여 수정하십시오.
자! WordPress 블록 패턴을 WordPress 웹사이트에 복사했습니다. 원하는대로 설정하고 진행할 수 있습니다!
WordPress 저장소의 패턴으로 돌아가서 나중에 더 쉽게 액세스할 수 있도록 패턴을 즐겨찾기로 표시할 수도 있습니다. 하트 수는 다른 사람들이 특정 디자인을 얼마나 좋아했는지 나타냅니다.
나만의 블록 패턴을 만드는 방법
지금까지 기본적으로 제공되는 WordPress 블록 패턴을 사용하는 방법을 배웠습니다. 그러나 라이브러리에서 사용할 수 없는 매우 구체적이거나 특별한 것이 필요한 경우 고유한 패턴을 만들 수 있습니다. 이 섹션에서는 코드 없이 자신만의 블록 패턴을 만드는 방법을 보여줍니다.
WordPress 저장소를 통해 WordPress 블록 패턴 생성
WordPress.org -> 패턴 -> 새 패턴 만들기로 이동합니다. 패턴을 생성하려면 로그인이 필요합니다. 따라서 계정이 없는 경우 계정을 만드십시오.
다음으로 WordPress 대시보드를 통해 하는 것처럼 새 블록을 추가하고 패턴을 생성할 수 있는 블록 편집기의 빈 페이지가 표시됩니다.
여기에 삽입하려는 블록의 이름을 입력할 수 있습니다. 예: 단락, 절, 이미지, 표지, 제목, 열, 미디어 및 텍스트 등. 왼쪽 상단 모서리에 있는 + 아이콘을 사용하여 블록을 추가할 수도 있습니다(WordPress 대시보드를 사용하는 것처럼).
이미지를 사용하려면 기본 갤러리에서 선택하거나 자신의 이미지를 업로드할 수 있습니다. 모든 블록을 삽입하고 사용자 정의하고 패턴의 최종 버전을 만든 후에는 다음 두 가지 중 하나를 수행할 수 있습니다.
저장소에 제출(페이지 오른쪽 상단)
패턴에 이름과 설명을 지정하고 범주를 선택한 다음 마침 을 클릭합니다 . 귀하의 패턴은 WordPress 핵심 팀에서 검토되고 저장소에 게시됩니다. 이것은 다른 사람들이 그들의 웹사이트에서 그것을 사용할 수 있다는 것을 의미합니다.
초안으로 저장
패턴을 공개하지 않고 자신만을 위해 유지하려면 초안으로 저장하면 됩니다. 패턴을 사용하고 싶을 때마다 내 패턴 으로 이동 하면 모든 패턴을 찾을 수 있습니다.
플러그인으로 WordPress 블록 패턴 만들기
WordPress 대시보드에 모든 것을 함께 유지하고 새 패턴을 생성하기 위해 WordPress 저장소로 이동할 필요가 없는 경우 대시보드를 떠나지 않고 패턴을 생성할 수 있는 플러그인을 설치할 수 있습니다.
시작하려면 다음 두 플러그인 중 하나를 선택하십시오(둘 다 무료임):
- 블록 패턴 빌더
- 블록마이스터
BlockMeister 플러그인으로 패턴을 생성하는 단계를 간략하게 보여드리겠습니다.
플러그인 -> 새로 추가를 통해 플러그인을 설치합니다.
플러그인이 설치되면 WordPress 대시보드 메뉴로 다시 이동하여 블록 패턴 을 클릭한 다음 새로 추가 를 클릭합니다. 다음으로 블록 추가를 시작할 수 있는 WordPress 블록 편집기가 표시됩니다.
패턴을 작성한 후 공개하십시오. 블록 패턴 -> 모든 패턴에서 모든 사용자 정의 패턴을 볼 수 있습니다.
다음 단계는 블록 패턴을 삽입하려는 게시물이나 페이지로 돌아가서 + 아이콘 -> 패턴 을 클릭하고 패턴을 검색하는 것입니다(패턴을 만들 때 지정한 이름이라고도 함). 패턴이 라이브러리에 표시되어야 합니다.
그것을 클릭하여 삽입하고 필요에 맞게 추가로 사용자 정의하고 짜잔! 이제 WordPress 웹사이트 어디에서나 사용할 수 있습니다.
사용자 지정 후 동일한 사용자 지정 패턴의 새 변형을 저장하려면 패턴(단일 블록이 아니라 전체 패턴에서)을 클릭하고 블록 패턴에 추가를 선택합니다. 다른 이름을 지정하고 패턴 만들기를 클릭합니다.
페이지를 새로 고친 후 라이브러리에서 이 새로운 패턴 변형을 찾을 수 있습니다.
결론
이것으로 WordPress 블록 패턴에 대한 튜토리얼을 마칩니다. 이제 원하는 방식으로 웹사이트를 디자인하고 방문자의 관심을 끌 수 있습니다.
이 기사를 읽으면서 눈치채셨겠지만 블록 패턴을 사용하고 사용자 정의하는 것은 전혀 복잡하지 않습니다. 자신의 패턴을 만드는 것조차도 몇 가지 간단한 단계만 거치면 됩니다.
관리하기 쉬운 것 외에도 WordPress 블록 패턴은 초보자라도 자신만의 템플릿을 만들고 원하는 횟수만큼 사용자 정의하고 사이트의 어느 곳에서나 재사용할 수 있는 기회가 있기 때문에 특히 유용합니다.
멋지지 않아? 사용자와 독자 모두에게 보다 시각적인 WordPress 경험을 제공하기 위한 한 단계입니다.
WordPress 블록 패턴에 대해 어떻게 생각하십니까? 웹사이트에 유용하다고 생각하십니까? 의견 섹션을 통해 알려주십시오.