WordPress 테마에 블록을 추가하는 방법

워드프레스는 웹사이트나 블로그를 처음부터 만들거나 기존 웹사이트를 개선할 수 있는 콘텐츠 관리 시스템(CMS)입니다. WordPress는 GPL에 따라 출시된 무료 오픈 소스 소프트웨어입니다.
WordPress에 블록을 추가하는 것은 2단계 프로세스입니다. 먼저 WordPress 사이트에서 차단을 활성화하는 플러그인을 설치해야 합니다. 둘째, WordPress 테마에 블록을 추가해야 합니다.
WordPress에서 차단을 활성화하는 플러그인이 많이 있습니다. Gutenberg 플러그인을 사용하는 것이 좋습니다. 플러그인을 설치했으면 모양 > 블록 탭으로 이동하여 WordPress 테마에 블록을 추가할 수 있습니다.
블록 탭에서 사용 가능한 블록 목록을 볼 수 있습니다. WordPress 테마에 블록을 추가하려면 블록을 클릭하기만 하면 콘텐츠 영역에 추가됩니다.
콘텐츠 영역으로 끌어다 놓아 WordPress 테마에 블록을 추가할 수도 있습니다. 이렇게 하려면 먼저 추가하려는 블록을 클릭한 다음 콘텐츠 영역으로 끕니다.
WordPress 테마에 블록을 추가했으면 블록을 클릭한 다음 사용자 정의 버튼을 클릭하여 사용자 정의할 수 있습니다. 그러면 블록 설정을 변경할 수 있는 블록 편집기가 열립니다.
블록 사용자 지정을 마쳤으면 게시 버튼을 클릭하여 변경 사항을 저장합니다.

이 단원에서는 일련의 연습 중 첫 번째 단계로 전체 사이트 편집 테마라고도 하는 블록 테마를 만드는 방법을 배웁니다. 다루는 주제에는 최소 파일 요구 사항, 테마 설정 및 파일 구조 요구 사항이 포함됩니다. 이 단원에서는 전체 사이트 편집을 지원하는 빈 WordPress 테마를 만드는 방법을 배웁니다. 폴더는 테마 이름별로 구성됩니다. 테마가 FSE인 경우 전체 페이지 편집의 약자입니다. 테마의 루트 폴더에 style.css 파일이 있어야 합니다. 클래식 테마에서 /templates/index.html 파일은 index.html 파일과 유사합니다. 블록 템플릿 은 기본 HTML 파일이며 PHP 파일이 클래식 테마에서 수행하는 것과 동일한 방식으로 WordPress 템플릿 계층을 따릅니다.

테마가 제대로 작동하려면 functions.php가 필요하지 않습니다. 인큐가 필요한 경우 사용자 정의 블록 스타일, 사용자 정의 이미지 크기 또는 블록 크기를 지원하지 않는 후크 유형을 사용할 수 있습니다. 사용자 정의 로고, 헤더 또는 색상이 제공되는 한 위젯 영역 또는 메뉴 설치 또는 테마 지원 추가에 대한 요구사항은 없습니다. body 요소에는 템플릿이 포함되어 있습니다.

블록은 전적으로 게시물 유형(페이지, 게시물 등) 전용 템플릿이 있는 WordPress 테마이므로 블록 편집기를 사용하여 머리글에서 바닥글, 사이드바에 이르기까지 웹사이트의 모든 측면을 편집할 수 있습니다.

WordPress에서 사용자 정의 블록을 어떻게 추가합니까?

이 블록을 편집하여 원하는 게시물이나 페이지에서 사용할 수 있습니다. 새 블록 추가 검색 상자에 이름이나 키워드를 입력하여 블록을 검색할 수 있습니다. 콘텐츠 영역에는 이 사용자 정의 블록에 대해 생성한 블록 필드와 다른 사용자 정의 블록 에 대해 생성한 블록 필드가 표시됩니다.

워드프레스에 콘텐츠와 레이아웃 요소를 추가하면 게시물과 페이지를 쉽게 만들 수 있습니다. 블록은 기본적으로 WordPress에 내장되어 있습니다. 그러나 특정 작업을 수행하기 위해 고유한 사용자 지정 블록을 만드는 것이 가능합니다. 이 자습서에서 보여주듯이 완전히 사용자 지정 블록을 만들 수 있습니다. 시작하려면 먼저 평가 블록의 3개 필드를 작성해야 합니다. 첫 번째 필드는 필드 추가 버튼을 클릭하여 채울 수 있습니다. 2단계: 블록 템플릿 을 만든 후 데이터가 표시되는 방식을 지정할 수 있습니다.

세 번째 단계는 CSS 탭을 선택하여 블록 출력 마크업의 스타일을 지정하는 것입니다. 사용자 정의 블록 템플릿 은 수동으로 업로드할 수 있습니다. PHP를 통해 사용자 정의 블록 필드와 상호 작용해야 하는 경우 이 방법이 좋습니다. 편집기 템플릿을 테마에 직접 업로드해야 할 가능성이 큽니다. 사용자 정의 블록 전체를 볼 수 있습니다. HTML/CSS를 미리 보려면 몇 가지 테스트 데이터를 제공해야 합니다. WordPress 사이트에 사용자 지정 Gutenberg 블록을 설치합니다.

새 블록 추가 버튼 을 클릭하면 블록에 대한 검색 상자가 나타나고 이름이나 키워드를 입력할 수 있습니다. 사용자 정의 블록을 저장하고 게시물을 편집하여 미리 볼 수 있습니다. 테스트 사이트에서 회원 평가 블록이 어떻게 생겼는지 확인할 수 있습니다.

WordPress에서 블록을 편집할 수 없는 이유는 무엇입니까?

WordPress 블록 편집기 문제의 원인 중 하나로 설치된 플러그인 중 하나와 충돌할 가능성이 매우 높습니다. 결과적으로 첫 번째이자 가장 간단한 솔루션은 WordPress 웹사이트에서 모든 플러그인을 제거하는 것입니다.

WordPress에서 블록을 얻으려면 어떻게 해야 합니까?

WordPress에서 블록을 얻는 가장 좋은 방법은 웹 사이트의 특정 요구 사항에 따라 다르기 때문에 이 질문에 대한 모든 정답은 없습니다. 그러나 WordPress에서 블록을 얻는 방법에 대한 몇 가지 일반적인 팁에는 고급 사용자 정의 필드와 같은 플러그인 설치 또는 테마에서 블록 편집기 사용이 포함됩니다.

블록은 게시물이나 페이지의 요소를 만들고 편집하는 데 사용되는 WordPress 구성 요소입니다. 블록 유형은 텍스트, 미디어 파일 및 레이아웃 요소를 추가하는 데 사용할 수 있습니다. 속도를 높이는 데 도움이 되도록 WordPress 블록에 대해 알아야 할 모든 것과 새 블록 편집기를 사용하는 방법을 살펴보겠습니다. 블록 컬렉션에 10개의 플러그인을 추가하여 기능과 옵션을 더욱 확장하세요. 블록 기반 WordPress 테마를 사용하는 것은 템플릿을 사용자 정의하는 훌륭한 방법입니다. 새로운 WordPress 버전에는 텍스트, 미디어, 디자인, 위젯, 테마 및 포함의 6가지 범주로 나누어진 90개 이상의 블록이 포함되어 있습니다. 이 기사에서는 WordPress 블록 편집기의 모든 블록과 사용자 정의 옵션이 무엇인지 살펴보겠습니다.

게시물 및 페이지 생성과 관련하여 WordPress는 Gutenberg 블록 편집기를 사용할 것을 권장합니다. 사이트의 테마 블록 은 물론 전체 디자인 및 레이아웃은 23개로 구성되어 있습니다. 또한 WordPress 5에서 블록 기반 테마를 사용할 경우 블록 편집기를 사용하여 전체 사이트 편집이 가능합니다. WordPress의 블록은 끌어서 놓을 수 있습니다. 드래그 앤 드롭 모드에서. 블록을 선택하고 도구 모음에서 드래그 아이콘을 클릭하여 블록을 놓을 수 있습니다. 또는 도구 모음의 위쪽 및 아래쪽 화살표를 사용하여 블록으로 이동합니다. 블록 라이브러리에 콘텐츠 블록을 추가할 수 있는 몇 가지 플러그인이 있습니다.

패턴 삽입기 대신 템플릿 라이브러리 블록을 사용하여 템플릿을 생성합니다. 플러그인은 81개의 전체 페이지 템플릿, 284개의 블록 패턴 및 56개의 와이어프레임과 함께 제공됩니다. 블록을 활성화하거나 비활성화하여 편집기의 속도를 높이거나 단순화할 수 있습니다. PublishPress Blocks는 뉴스레터 및 문의 양식뿐만 아니라 리드 생성 블록도 제공합니다. Stackable은 각 블록에 대해 다양한 블록, 스타일 및 고급 설정을 제공하여 다양한 방식으로 블록을 사용자 정의할 수 있습니다. 블로그나 페이지에 복잡한 레이아웃을 생성하기 위해 Kadence Blocks는 다양한 도구를 제공합니다. Ultimate Blocks 웹사이트는 블로그와 마케터에 중점을 둡니다.

Gutenberg 블록 편집기용 Kadence Blocks 플러그인은 무료입니다. 편집기를 사용하여 Google 지도 및 장바구니에 담기 블록을 포함하여 15개의 새 블록을 추가할 수 있습니다. 섹션 블록은 기본적으로 새 페이지의 기본 블록으로 구성할 수 있습니다. 또한 플러그인에는 Otter 블록 및 WordPress 블록에 대한 애니메이션 및 사용자 정의 CSS 기능이 포함되어 있습니다. WordPress용 CoBlocks 플러그인은 추가 코딩이나 플러그인 없이도 매력적인 레이아웃과 시각적 디자인을 만들 수 있는 기회를 제공합니다. 예를 들어 재사용 가능한 블록을 사용하면 나중에 사용할 수 있도록 미리 설계된 블록을 저장할 수 있으므로 처음부터 페이지를 생성할 필요가 없습니다. 블록 도구 모음의 드래그 앤 드롭 기능을 사용하여 콘텐츠를 드래그 앤 드롭하여 빠르게 재배열할 수 있습니다.

WordPress 웹 사이트를 사용자 정의하기 위해 블록을 사용해야 하는 이유

차단을 사용하면 웹사이트에서 콘텐츠를 구성하고 사용자 지정할 수 있습니다. 사용이 간편하고 웹사이트에 추가 정보를 훨씬 쉽게 추가할 수 있으므로 이러한 템플릿을 선택하는 것이 좋습니다. 또한 조정 가능하므로 단락, 이미지 및 위젯과 같은 콘텐츠 요소를 추가할 수 있습니다.
블록은 WordPress의 필수 구성 요소입니다. 블록은 유연성과 사용자 정의를 추가하려는 경우 구조를 추가하고 웹 사이트를 사용자 정의하는 가장 효과적인 방법입니다.

WordPress 블록 테마 튜토리얼

WordPress 블록 테마는 웹사이트에서 재사용할 수 있는 콘텐츠 블록을 만들 수 있는 테마입니다. 웹 사이트의 일관된 모양과 느낌을 만들고 사이트에 새 콘텐츠를 쉽게 추가할 수 있는 좋은 방법입니다. WordPress 블록 테마 를 만들 때 염두에 두어야 할 몇 가지 사항이 있습니다. 먼저 새 WordPress 블록 테마 파일을 만들어야 합니다. WordPress 관리자 패널로 이동하여 "모양" 탭을 선택하면 됩니다. 그런 다음 "편집기"를 클릭하십시오. 편집기에 들어가면 "block-theme.php"라는 새 파일을 만들고 싶을 것입니다. 편집기의 왼쪽 상단 모서리에 있는 "새 파일" 버튼을 클릭하면 됩니다. "block-theme.php" 파일에 다음 코드를 추가해야 합니다. /* 템플릿 이름: 블록 테마 */ ? > get_header(); if ( have_posts() ) : 동안 ( have_posts() ) : the_post(); get_template_part( '템플릿 부품/내용', '페이지' ); 그 동안; 엔디프; get_footer(); ? > 이 코드는 기본 WordPress 블록 테마를 생성합니다. 이 파일에 고유한 CSS 및 HTML을 추가하여 필요에 맞게 사용자 정의할 수 있습니다.

WordPress가 대중화됨에 따라 블록 테마가 플랫폼의 미래로 떠오를 것입니다. 앞으로 웹사이트를 구축하고 유지 관리하는 방법을 재고해야 합니다. 블록은 이를 염두에 두고 설계된 블록 테마의 초점입니다. 또한, 그들은 더 일반적인 대응물보다 Gutenberg 블록 편집기와의 통합 수준이 더 높습니다. 그것들은 전통적인 주제와 어떻게 비교되고 대조되는지 보기 위해 오늘날 자세히 조사됩니다. PHP는 HTML 및 블록 마크업으로 대체되어 더 이상 테마 요소로 사용할 수 없습니다. 템플릿은 일반적으로 테마 계층 구조의 폴더인 /templates에 있는 index.php 및 header.php와 같은 이름을 가진 파일입니다.

/parts에 포함된 재사용 가능한 항목에는 머리글, 바닥글 및 사이드바가 포함됩니다. 블록 편집기에 기본 설정을 할당하려면 theme.json 파일을 사용하세요. 결과적으로 테마의 style.html 파일을 포맷할 필요가 거의 없을 수도 있습니다. 블록 테마는 초기에도 불구하고 개발 초기 단계에서 유망한 기술입니다. 새로운 사이트 편집기(모양)는 모든 것을 편집하는 가장 사용자 친화적인 방법입니다(WordPress 5.9 이상 필요). 블록 테마가 활성화되면 사이트 편집기가 기존 사용자 지정 프로그램을 대체합니다. FSE 기능을 사용한다는 사실에도 불구하고 클래식 테마는 여전히 PHP를 기본으로 사용합니다.

블록을 사용하여 게시물 및 페이지에 대한 사용자 정의 레이아웃을 만드는 방법

블록은 포트폴리오에 간단하게 추가할 수 있습니다. 게시물 또는 페이지 편집 화면에서 차단 추가 버튼을 클릭한 다음 차단 탭에서 차단 탭을 클릭하면 완료됩니다. 그런 다음 내용을 입력하고 저장 버튼을 클릭하여 해당 블록을 저장할 수 있습니다.
블록을 사용하면 게시물과 페이지에 대한 사용자 지정 레이아웃을 만들 수 있어 매우 강력합니다. 블록을 사용하여 콘텐츠를 그룹으로 구성하고 하위 섹션을 만들고 콘텐츠를 분리할 수 있습니다.
블록은 단순하거나 복잡한 콘텐츠 레이아웃으로 잘 작동하기 때문에 모든 작업에 적합합니다.

WordPress 블록 테마 스타터

WordPress 블록 테마 스타터 는 자신만의 WordPress 테마 개발을 시작하는 좋은 방법입니다. 여기에는 시작하는 데 필요한 모든 파일과 폴더가 포함되어 있습니다. 또한 테마 코딩을 위한 훌륭한 출발점을 제공합니다.

세르비아에 기반을 둔 웹 에이전시 WebREDONE은 Theme Redone이라는 새로운 스타터 테마를 무료로 출시했습니다. 웹사이트를 만들고 구텐베르크 블록을 만드는 데 사용되는 MVC 기반 프레임워크입니다. 코드가 구성되는 방식과 Laravel이 구축되는 방식 사이에는 몇 가지 차이점이 있지만 코드는 Laravel과 유사하게 구성됩니다. 엔진은 라떼로 작동합니다. WebREDONE의 TRB(Theme Redone Blocks) NPM 패키지를 사용하면 몇 분 안에 새 블록을 만들 수 있습니다. 대안으로 스타터 테마를 설치하고 Gulp 4, ESBuild 또는 Svelte를 사용하여 React, Svelte, Vue 및 Petite Vue에 대한 컴파일 및 감시 작업을 생성할 수 있습니다. 항상 모든 사람에게 최상의 솔루션이 아닐 수도 있다는 사실에도 불구하고 기관이 블록 시대를 지원하기 위해 도구를 어떻게 발전시키고 있는지 보는 것은 흥미로울 것입니다.

블록 테마 플러그인 만들기

사용자 정의 블록 테마 플러그인을 만드는 방법은 여러 가지가 있지만 가장 일반적인 방법은 "블록 테마 플러그인"이라는 플러그인을 사용하는 것입니다. 이 플러그인을 사용하면 모든 WordPress 사이트에서 사용할 수 있는 사용자 정의 블록 테마를 만들 수 있습니다. 이 플러그인을 사용하여 자신의 웹사이트 또는 고객의 웹사이트에 대한 사용자 정의 블록 테마를 만들 수 있습니다.

이 도구를 사용하여 자신만의 블록 테마, 어린이 테마 및 변형을 만들 수 있습니다. 이 앱을 사용하면 zip 폴더를 내보내거나 파일을 교체하여 생성되지 않은 테마 템플릿을 재정의할 수도 있습니다. 또한 새로운 블록 테마 를 만들고 다른 멋진 기능을 추가할 수 있습니다. 현재 테마를 복제하고 새 테마를 추가할 수 있습니다. 테마 만들기를 클릭하여 모든 파일이 포함된 테마를 저장하기만 하면 됩니다. 이 플러그인을 사용하면 이 방법을 사용하여 블록 테마를 간단하게 만들 수 있습니다. 이 플러그인이 노코드/로우코드 테마 디자이너를 위한 게임을 바꾸고 있다는 것은 환상적입니다. 언젠가는 Core에 통합되는 것을 보고 싶지만 별도의 기능 플러그인에 통합하는 것은 훌륭한 첫 번째 단계입니다. 블록 테마 만들기에 대한 7개의 리뷰를 모두 확인하세요.

WordPress 블록 테마 생성기

WordPress가 오늘날 시장에서 가장 인기 있는 콘텐츠 관리 시스템 중 하나라는 데는 의심의 여지가 없습니다. 수백만 명의 사람들이 WordPress를 사용하여 웹사이트를 만들고 관리합니다. WordPress를 인기 있게 만드는 것 중 하나는 테마와 플러그인으로 웹사이트를 쉽게 사용자 정의할 수 있는 기능입니다. WordPress의 가장 인기 있는 테마 중 하나는 블록 테마입니다. 블록 테마는 끌어서 놓기 인터페이스를 사용하여 사용자 정의 페이지와 게시물을 쉽게 만들 수 있는 기능을 제공하도록 설계되었습니다. 그리고 블록 테마의 가장 좋은 점 중 하나는 사용하기가 매우 쉽다는 것입니다. 사용하기 쉽고 사용자 정의하기 쉬운 WordPress 테마를 찾고 있다면 블록 테마 생성기 를 반드시 확인해야 합니다. 블록 테마 생성기를 사용하면 드래그 앤 드롭 인터페이스로 사용자 정의 페이지와 게시물을 쉽게 만들 수 있습니다. 또한 블록 테마 생성기도 사용하기 매우 쉽습니다.

WordPress에서 블록 패턴을 사용하는 방법

게시물과 페이지에 블록 패턴을 추가하면 구조와 구성을 추가하는 데 도움이 됩니다. 블록 패턴을 사용하여 메뉴, 구분선, 바닥글 또는 기타 필요한 콘텐츠 유형을 만들 수 있습니다.
새 블록 추가 버튼을 클릭하여 WordPress에서 새 블록을 만든 다음 블록의 이름이나 키워드를 입력하여 검색합니다. 블록을 콘텐츠 영역에 삽입하면 이 사용자 정의 블록에 대해 생성한 블록 필드가 표시됩니다. 자신만의 방식으로 블록을 사용자 정의할 수도 있습니다.