스택 가능: 블록을 잠금 해제하는 플러그인

80년대를 기억하시나요? 새로운 물결의 도래, 숭어 이발의 출현, 신디 로퍼, 마이클 잭슨, 마돈나, 프린스, 휘트니 휴스턴, 듀란 듀란 등의 성공. 80년대에는 비디오 게임이 폭발적으로 증가했고, 우리가 수많은 게임을 출시한 바로 그 게임인 테트리스(Tetris)가 있었습니다.

이 게임은 간단한 원리로 다양한 모양의 블록을 쌓으면서 사용 가능한 공간을 최적화했습니다.

이 개념은 한 줄로 요약될 수 있습니다. 저널리스트 Bill Kunkel(The Game Doctor)은 "Tetris는 최고의 게임이라는 정의에 완벽하게 들어 맞습니다. 배우는 데 1분, 마스터하는 데 평생" 이라고 말했습니다.

WordPress와 같은 많은 프로그램에 적용될 수 있는 명령문.

워드프레스라고 하면 테트리스라고 하면 오늘 해부할 플러그인이 Stackable이기 때문입니다. 그리고 정당한 이유로 이 플러그인은 WordPress 사이트에 중첩될 새로운 Gutenberg 블록을 추가합니다 .

이 새로운 테스트에 대한 준비가 되셨습니까? 당신의 표시에, 설정, 이동!

원래 2021년 7월에 작성된 이 기사는 Stackable의 무료 및 프리미엄 3.0.5 버전으로 2021년 11월에 업데이트되었습니다.

최고의 WordPress 프로젝트에는 최고의 호스트가 필요합니다!

WPMarmite는 Bluehost: 뛰어난 성능, 뛰어난 지원을 권장합니다. 멋진 시작을 위해 필요한 모든 것.

블루호스트 사용해보기

스택 가능이란 무엇입니까?

"차세대 웹 디자인에 힘을 실어줍니다". 이것은 플러그인이 "구텐베르크를 위한 새로운 페이지 구축 경험"으로 정의되는 공식 웹사이트에서 Stackable의 사명입니다. 덜하지!

WordPress 디렉토리에서 블록 플러그인은 40,000개 이상의 활성 설치와 일련의 격찬 리뷰와 함께 별 5개 중 4.9개의 좋은 평가를 받았습니다.

이미 새로운 Gutenberg 블록 을 찾고 있다면 Gutenberg, Qubely, Getwid 또는 Coblocks용 Ultimate Addons와 같은 플러그인을 이미 접했을 수 있습니다.

우리는 Gutenberg의 능력을 증가시키는 애드온에 대한 기사에서 이에 대해 이야기했습니다. 그들의 임무는 간단합니다. 콘텐츠 편집기에서 사용할 수 있는 구텐베르크 블록의 범위를 다양화하는 것입니다.

Stackable은 또한 Gutenberg용으로 설계된 플러그인으로, 훌륭한 고전(헤더, 갤러리, 클릭 유도문안)에서 더 이국적인 것(인용표, 가격표, 타이머, 평가 등)에 이르기까지 무수히 많은 블록을 제공합니다.
이러한 블록은 사용할 준비가 되어 있고 사용자 지정할 수 있습니다.

그렇다면 Stackable을 설치하는 요점은 무엇인지 생각할 수 있습니다. 그들은 다른 블록들 중 블록일 뿐입니다. 글쎄, Gutenberg는 많은 유용한 블록을 제공하지만 Stackable을 사용하면 가능성이 배가됩니다.

또한 블록 내부 요소의 레이아웃 조정, 간격, 배경 변경, 호버 효과 추가 등과 같이 Gutenberg에서 기본적으로 제공되는 것보다 더 고급 사용자 정의 기능에 액세스할 수 있습니다.

Stackable에는 두 가지 버전이 있습니다.

• 무료 버전 은 WordPress 디렉토리에서 사용할 수 있습니다.

• 유료 버전 은 플러그인의 공식 웹사이트에서 사용할 수 있으며, 한 사이트에서 사용하는 데 $49부터 시작합니다.

상상할 수 있듯이 두 번째 블록은 더 많은 블록에 대한 액세스를 제공하고 더 세밀하게 사용자 정의할 수 있습니다.

이 테스트에서는 프리미엄 버전에 중점을 두었습니다.

쌓을 수 있는 설정

Stackable 구성을 시작하려면 플러그인을 설치하고 활성화하세요. 그런 다음 설정 > 스택 가능으로 이동합니다.

인터페이스에서 다음 설정에 액세스할 수 있습니다.

• Font Awesome icons Pro (프리미엄): Font Awesome Pro 키트를 Stackable에 통합합니다.
• 편집기 설정: Stackable 편집기의 특정 기능을 제어할 수 있습니다. 예를 들어, 디자인 라이브러리를 비활성화하고, 특정 블록의 너비를 설정하고, 사용하지 않는 편집기 창을 닫고, 동일한 변경을 겪도록 열을 연결할 수 있습니다.
• 역할 관리자 (프리미엄): 일부 사용자 역할에 대해 블록 편집자에 대한 액세스 권한을 부여하거나 차단하고 콘텐츠 편집만 허용합니다. 참고: 이 관리는 Stackable에 포함된 블록뿐만 아니라 모든 블록에서 작동합니다 .
• 사용자 정의 필드 (프리미엄): 이 기능을 사용하면 편집기에서 콘텐츠에 동적으로 추가할 수 있는 사용자 정의 필드를 생성할 수 있습니다 . 그렇게 하려면 WordPress 관리의 필드 섹션으로 이동하여 "새로 추가"를 클릭하고 필드 유형(텍스트, 숫자, 날짜, 시간 또는 URL)과 이름을 정의합니다.

그런 다음 "필드 저장"을 클릭하고 필드 값을 입력한 다음 "변경 사항 저장"을 클릭하여 저장합니다.

이를 콘텐츠에 통합하려면 필드 값을 표시할 위치에 커서를 놓고 데이터베이스 아이콘(동적 필드에 해당)을 클릭합니다.

"Site"를 "Dynamic Source"로 선택한 다음 새로 생성된 필드("Stackable Custom Fields" 아래에 나타남)를 선택하고 마지막으로 "Apply"를 클릭합니다. 그게 다야!

그게 다 좋은데 왜 우리가 이 모든 일을 했을까요? 동적 콘텐츠의 마법 덕분에 업데이트하는 즉시 사용자 정의 필드가 통합된 내 사이트의 모든 위치에서 내 이메일 주소가 자동으로 업데이트됩니다.

• 반응형 중단점: 태블릿 또는 모바일 모드에서 사이트가 표시되는 화면 너비를 변경하여 이러한 장치에 대해 정의한 설정을 표시할 수 있습니다.
• 전역 설정: 사이트에 있는 테마와 가능한 비호환성을 극복하기 위해 두 가지 기능을 사용할 수 있습니다. 테마 의 콘텐츠 영역 선택기로 들어가 Stackable의 글꼴 을 사용하여 테마의 글꼴을 인계받을 수 있습니다.

Elementor와 마찬가지로 Stackable에는 Elementor로 만든 페이지에 적용되는 색상 과 활자체 와 같은 전역 설정이 있습니다. 그러나 Stackable을 사용하면 사이트를 구성하는 모든 블록에 대해 이러한 설정을 정의할 수 있습니다 .

• 차단 활성화 및 비활성화: 일부 블록이 필요하지 않은 경우 사용 가능한 블록 목록에 나타나지 않도록 비활성화할 수 있습니다 .
• 최적화 설정 (프리미엄): 전체 사이트가 아니라 쌓을 수 있는 블록이 포함된 게시물에서만 JavaScript 및 CSS 파일을 로드할 수 있습니다. 이 기능의 목적은 사이트의 성능 을 향상시키는 것입니다. 이 기능은 플러그인의 가장 최근 블록(버전 3부터)에 이미 적용되어 있기 때문에 버전 2 블록에만 적용됩니다.

Stackable을 사용하는 방법?

키트 및 블록

Stackable은 WordPress 편집기에서 직접 사용됩니다. 그렇게 하려면 페이지 또는 게시물을 만들거나 연 다음 게시물 상단에서 디자인 라이브러리 를 선택합니다.

디자인 라이브러리 에는 UI 키트 및 카테고리 가 포함되어 있습니다. 그것은 무엇입니까?

사실, 이 두 섹션은 동일한 요소를 포함하지만 다르게 분류됩니다. UI 키트 는 스타일 가이드에서 사용 가능한 블록을 수집하고 카테고리 는 사용 가능한 모든 스타일 가이드에서 찾을 수 있는 헤더, 평가, 클릭 유도문안 등의 블록 유형별로 그룹화합니다.

카테고리 및 UI 키트는 적합한 블록을 찾는 두 가지 다른 방법입니다.

각 블록은 바로 사용할 수 있고 사용자 정의 가능한 디자인과 함께 제공됩니다. 다음 부분에서 사용자 정의하는 방법을 살펴보겠습니다.

필요한 블록을 찾으려면 원하는 대로 검색 창을 사용할 수도 있습니다. 창의 오른쪽 상단에 있는 4개의 아이콘을 사용하면 검색 결과를 새로 고치고 축소판 크기를 변경하여 다른 블록을 더 정확하거나 크게 볼 수 있습니다.

게시물에 Stackable 블록을 통합하는 방법

또한 블록을 추가할 때처럼 "+" 아이콘을 클릭하기만 하면 보라색-주황색 그라데이션으로 장식된 Stackable 플러그인 블록을 쉽게 알아볼 수 있습니다.

"모두 찾아보기" 버튼을 클릭하면 원하는 대로 모든 구텐베르크 블록에 액세스할 수 있습니다. 쌓을 수 있는 블록 은 "텍스트" 및 "모양" 섹션에 있으며 모두 "스택 가능" 섹션에 그룹화되어 있어 디자인 라이브러리에 대한 액세스도 제공합니다.

이 모든 경로 는 로마 에서 쌓을 수 있는 블록으로 이어집니다. 예, 하지만 기본적으로 사전 구축된 디자인에 액세스할 수 있는 디자인 라이브러리 경로입니다.

예를 들어, 최소한의 형식, 채우기 텍스트 및 예제 이미지가 없는 이 평가 블록을 사용하십시오.

그리고 Design Library( Prime Testimonial 2 블록)에서 추가된 다른 Testimonial 블록을 참조하십시오.

딱 맞는 항목을 찾으면 원하는 항목을 클릭하여 게시물에 직접 임베드하십시오. 그런 다음 구텐베르크 블록과 마찬가지로 페이지의 요소를 재정렬하고 사용자 지정할 수 있습니다.

스택 가능 사용자 정의

쌓을 수 있는 블록을 사용자 지정하려면 게시물 오른쪽의 "블록" 섹션으로 이동하세요. 여기에서 블록 , 스타일 및 고급 의 세 가지 범주로 분류된 다양한 옵션을 찾을 수 있습니다.

선택할 항목이 너무 많기 때문에 관심 있는 항목을 찾는 것이 지루할 수 있지만 변경하려는 블록 요소를 두 번 클릭하여 찾을 수도 있습니다. 그런 다음 한 번의 클릭으로 해당 블록에 대한 설정으로 이동합니다.

다양한 사용자 정의 옵션은 세 개의 탭으로 그룹화됩니다.

• 블록 : 여기에서 블록을 구성하는 다양한 요소의 레이아웃을 사용자 정의하고 테두리와 그림자를 추가하고 배경, 텍스트의 간격 및 정렬에 작용할 수 있습니다.

블록에 있는 요소 위로 마우스를 가져간 다음 요소 하단에 있는 핸들을 사용하여 요소 사이의 간격을 조정할 수도 있습니다. 이웃과 구분하는 픽셀 수를 볼 수도 있습니다. 굉장히 유용하다!

• 스타일 : 열을 관리하고 타이포그래피, 색상, 버튼 및 구분 기호에 따라 작업할 수 있습니다. 더 예상치 못한 일이지만 블록에 제목과 설명을 추가할 수도 있습니다.
• 고급 : 여기에서 블록과 연결된 HTML 태그 및 반응형 관리(컴퓨터, 태블릿 또는 모바일에서 블록을 숨길 수 있음)와 같은 고급 기능에 액세스할 수 있습니다. 블록의 여백과 콘텐츠의 정렬을 조정할 수 있지만 요소에 애니메이션이나 전환 효과를 추가하는 재미도 있습니다.
  CSS 애호가를 위한 케이크의 결정체는 이 인터페이스에서 블록 옆에 실시간으로 변경 사항을 미리 볼 수 있는 이 인터페이스에서 직접 블록의 CSS를 수정할 수 있는 기능입니다.
  마지막으로 조건부 표시를 사용하면 이전에 정의한 조건이 충족되는 경우에만 요소를 표시할 수 있습니다.

WPMarmite 가입자 가입

마지막 WPMarmite 게시물(및 독점 리소스도 포함)을 가져옵니다.

지금 구독

블록 디자인에 완전히 만족하지 못하는 경우 많은 매개변수를 수정하여 원하는 대로 조정할 수 있습니다.

예를 들어, 요소 또는 상위 요소의 호버에 효과를 쉽게 추가하거나(이 마지막 기능을 활용하려면 상위 블록에 배경을 적용) 블록의 각 요소 여백을 쉽게 수정할 수 있는 것이 좋았습니다. .

더 좋은 점은 모바일과 태블릿에서 다른 여백을 선택할 수 있다는 것입니다! 따라서 사이트의 반응형 측면을 쉽게 변경할 수 있습니다. 이렇게 하려면 먼저 바탕 화면 아이콘(컴퓨터)을 클릭하여 다른 장치의 아이콘을 표시합니다.

또 다른 좋은 옵션은 Elementor와 같이 요소의 상단이나 하단에 구분 기호를 추가하는 것입니다. 물론 이러한 구분 기호의 모양을 조정할 수 있으며 Premium 버전에서는 하나 또는 두 개의 더 가벼운 레이어를 추가할 수도 있습니다.

이 식욕을 돋우는 버거의 바닥은 다음과 같습니다.

이름 위로 마우스를 가져가면 일부 설정이 보라색으로 바뀌고 커서가 물음표로 바뀝니다. 그것들이 무엇인지 모른다면 클릭하여 그것들이 무엇을 위한 것인지 이해하는 데 도움이 될 애니메이션을 보십시오. 이러한 모든 옵션을 탐색하는 데 매우 유용합니다.

테마 및 플러그인에 대한 적응은 무엇입니까?

테마 적응

공식 문서에 따르면 사이트에 있는 테마가 구텐베르크에 최적화되어 있는 한 "Stackable은 모든 테마와 함께 작동해야 합니다."

테마에 대해 말하자면, 이 게시물의 시작 부분에서 언급했습니다. Gutenberg 편집기 및 Stackable 플러그인과 함께 작동하도록 설계된 사내 테마 가 있습니다. 무료이며 공식 WordPress 디렉토리에서 사용할 수 있습니다. 간단히 말해서 호환성이 보장됩니다.

같은 이름의 플러그인 색상으로 되어 있으니 캔디핑크는 신경쓰지 않으셨으면 합니다.

쌓을 수 있는 테마 다운로드:

플러그인에 적응

스택 가능한 문서는 요소 페이지 빌더 (aff 링크) 와 호환되는지 확인합니다. 그러나 페이지 빌더 편집기에서 쌓을 수 있는 블록을 사용할 수 없습니다.

실제로 Gutenberg 블록의 경우와 동일한 방식으로 Elementor 편집기에서 사용할 수 없습니다. 선택을 해야 합니다. Elementor 또는 WordPress 편집기를 사용하여 페이지를 빌드해야 합니다.

Stackable 공식 웹사이트는 또한 해당 블록이 모든 플러그인과 호환 되므로 문제 없이 다른 블록 라이브러리와 함께 사용할 수 있다고 주장합니다.

Elementor로 웹사이트 구축

유명한 페이지 빌더로 WordPress 웹 사이트의 모양과 느낌을 쉽게 디자인하십시오. 엘리멘터 사용해보기

엘리멘터 사용해보기

문서 및 지원

Stackable을 사용하면서 어려운 점이 있다면 언제든지 공식 문서를 참조할 수 있습니다.

당신은 거기에서 찾을 수 있습니다:

• 플러그인 시작하기 전용 섹션입니다.
• 문제 해결 섹션.
• 가격 및 라이선스 세부 정보.
• 대상 가이드.
• FAQ.
• 및 기타 리소스.

설정 > 스택 가능, 문서 탭에서도 이 문서를 찾을 수 있습니다.

기술적인 결함이 있는 경우 플러그인을 담당하는 팀에서 사용자에게 자주 발생하는 문제 목록과 해결 방법을 제공합니다.

여전히 막히면 Stackable의 지원에 전화하거나 Facebook 그룹에 가입하여 질문에 대한 답변을 얻을 수 있습니다.

지원과 관련하여 Stackable 팀은 설정 > Stackable 의 문의 탭에 있는 문의 양식이나 [email protected] 이메일 주소로 요청을 보내면 도움을 드릴 수 있습니다.

돈을 위해 가치는 무엇입니까?

프리미엄 버전은 제공되는 다양한 블록에서 자연스럽게 더 관대합니다. 사용자 정의 옵션도 더 많습니다.

예를 들어 기능 블록의 경우 무료 버전 (기본 및 일반 )에는 2가지 레이아웃 옵션이 있으며 프리미엄 버전에는 13가지가 있습니다.

Premium 버전에는 Font Awesome Pro 및 Role Manager 와의 통합 및 CSS의 모든 블록 수정 가능성과 같이 Stackable 사용에 따라 다소 흥미로운 매개변수가 있습니다.

이 마지막 기능을 사용하려면 고급 섹션으로 이동한 다음 맞춤 CSS 로 이동합니다. 편리함: 변경 사항이 실시간으로 표시됩니다.

프리미엄 버전은 또한 1년의 지원 및 업데이트에 대한 액세스를 제공합니다.

Stackable 또는 페이지 빌더 사용: 그것이 문제입니다.

이상으로 Stackable의 기능과 설정을 함께 살펴보았습니다. 이제 블록 플러그인에 무엇이 저장되어 있는지 더 명확하게 알 수 있습니다.

페이지 빌더의 팬이거나 이미 자세히 살펴본 적이 있다면 페이지 빌더 대신 Stackable을 사용하는 이유가 무엇인지 궁금할 것입니다.

Stackable과 무료 버전의 Elementor가 제공하는 옵션이 비슷하기 때문입니다. 또한 Stackable은 공식 웹사이트 에서 "Gutenberg를 위한 새로운 페이지 구축 경험을 사용하여 가장 빠른 웹사이트를 쉽게 구축할 수 있다는 자신감을 가지십시오" 라고 주장하는 것처럼 페이지 빌더를 통한 디자인 경험에 접근하는 데는 그럴만한 이유가 있습니다.

그리고 사이트 인터페이스의 모든 요소(게시물의 내용뿐만 아니라)에 대해 작업을 수행할 수 있는 전체 사이트 편집의 등장으로 Stackable은 더욱 가까워질 수 있습니다. 즉, Stackable은 WordPress 콘텐츠 편집기에서 직접 사용할 수 있다는 장점이 있으며 , 이는 현재 페이지 빌더에 비해 디자인 경험을 단순화합니다.

반면에 Elementor의 프로 버전은 훨씬 더 고급 위젯과 기능을 제공합니다. 두 플러그인 모두 단일 사이트 사용에 대해 동일한 비용($49)이므로 대신 거대한 페이지 빌더를 사용하는 것이 좋습니다.

Stackable에 대한 최종 의견

대체로 Stackable은 현대적이고 미적 디자인을 제공하는 다소 직관적인 플러그인이라고 말할 수 있습니다.

Stackable은 코드 줄을 건드릴 필요 없이 사이트 디자인을 사용자 정의할 수 있는 고급 블록 을 원하는 모든 사이트 작성자를 위한 것입니다.

그러나 그것을 사용해야합니까 아니면 Elementor와 같은 고급 페이지 빌더로 직접 가야합니까?

실제로 Stackable을 사용하면 WordPress 편집기에서 직접 페이지 빌더의 디자인 경험에 접근하고 있습니다. 이것이 진정한 '사이트 빌더'가 되는 프로젝트 구텐베르크의 최종 목표의 시작이라고 할 수 있습니다.

그러나 우리는 아직 거기에 있지 않습니다. 현재 Stackable은 템플릿 관리 없이 무료 버전의 Elementor와 동일한 방식으로 게시물을 만드는 데 도움이 됩니다 (Stackable을 사용하면 미리 만들어진 디자인을 로드할 수 있지만 자신의 디자인을 저장할 수는 없음).

WordPress 편집기로 작업하는 것을 좋아하고 Stackable에서 제공하는 블록으로 프로젝트에 충분하다면 가십시오! Elementor를 사용할 필요가 없습니다.

그러나 더 고급 기능이 필요하거나 사이트를 처음부터 디자인해야 하는 경우(즉, 모든 페이지 템플릿을 사용자 정의) Elementor(aff 링크) 또는 경쟁업체 중 하나가 필수 불가결합니다.

그리고 이미 Elementor에 매료된 사용자 중 하나라면 Stackable은 큰 인기를 끌지 못할 수도 있습니다. 결국, 당신은 당신 자신의 습관을 가지고 있으므로 그것을 바꿀 진짜 이유가 없습니다.

Stackable의 Pro 버전에 관심이 있다면 주저하지 말고 사용 가능한 데모를 보고 무료 버전을 찾아 블록과 옵션이 원하는지 확인하십시오.

Stackable 플러그인 다운로드:

그리고 당신은 이미 그것을 사용 했습니까? 이 기사가 그것을 사용하고 싶게 만들었습니까? 의견에 당신의 생각을 공유하십시오.