원자 블록 – 최고의 구텐베르크 / 워드 프레스 블록 플러그인 중 하나?

워드 프레스 거래


2018 년 12 월에 WordPress의 새로운 기본 편집기로 시작된 Gutenberg를 사용하면 제목, 갤러리, 열, 단추, 비디오 등의 옵션을 사용하여 내용 블록을 사용하여 아름다운 내용을 만들 수 있습니다..

수백만 명의 WordPress 사용자가 클래식 편집기를 설치하여 기존 편집기를 계속 사용하여 컨텐츠를 작성할 수 있습니다. 그러나 많은 웹 사이트 소유자는 구텐베르크가 할 수있는 일을 인식하기 시작했습니다. 그 이유 중 하나는 추가 컨텐츠 블록과 더 많은 옵션을 제공하여 확장하는 구텐베르크 컬렉션 플러그인의 수가 증가하고 있기 때문입니다..

이 기사에서는 WordPress.org에서 사용할 수있는 최고의 Gutenberg 컬렉션 플러그인 중 하나 인 Atomic Blocks에 대해 살펴 보겠습니다..

원자 블록이 제공하는 것?

Mike McAlister가 처음 개발 한 Atomic Blocks는 WordPress 테마 회사 인 StudioPress에서 인수했으며 WordPress 호스팅 회사 인 WP Engine (마이크의 어레이 테마 저장소와 함께)을 관리했습니다. 워드 프레스 개발자 Marcos Schratzenstaller와 John Parris도 플러그인에 기여했습니다..

원자 블록은 WordPress.org에서 무료로 다운로드하거나 WordPress 관리 영역 내에 직접 설치할 수 있습니다..

사이트 구축의 미래

플러그인을 활성화하면 시작 페이지가 나타납니다. 아래는 사용 가능한 블록 목록입니다.

이 페이지에는 그리드, 컨테이너, 클릭 유도 문안, 평가, 인라인 알림, 아이콘 공유, 작성자 프로필, 아코디언, 사용자 정의 가능 버튼, 드롭 캡 및 스페이서 및 분배기 등 11 개의 블록이 있습니다..

원자 블록에서 사용 가능한 컨텐츠 블록

시작하기 페이지에 나열되지 않은 추가 블록 4 가지가 구텐베르크에서 제공됩니다 : 레이아웃, 고급 항목, 가격 및 뉴스 레터.

페이지 상단의 전용 레이아웃 버튼에서 레이아웃 블록을 선택할 수도 있습니다.

원자 블록 목록

시작하기 영역에는 Gutenberg 및 Atomic Blocks에 대한 일반적인 질문과 답변도 나와 있습니다..

원자 블록 시작하기

MailChimp API 키는 뉴스 레터 블록을 사용하려는 경우 필요한 원자 블록 설정 페이지에 입력 할 수 있습니다..

원자 블록 설정

흥미롭게도 Atomic Blocks는 모바일 사용자를위한 웹 사이트를 향상시키기 위해 만들어진 Google의 AMP (Accelerated Mobile Pages) 프로젝트를 지원합니다..

원자 블록은 각 블록에 내장 된 AMP를 지원하므로 원자 블록은 워드 프레스 용 AMP 페이지에서 플러그인으로 표시됩니다..

원자 블록으로 레이아웃 생성

원자 블록에는 페이지를 구성하는 데 도움이되는 미리 디자인 된 섹션과 레이아웃이 포함되어 있습니다..

레이아웃 선택기는 각 페이지 상단의 차단 목록 또는 레이아웃 버튼에서 선택할 수 있으며 현재 8 개의 섹션과 4 개의 레이아웃이 있습니다..

헤더, 서비스 (3 열 및 4 열), 미디어 및 텍스트, 텍스트 목록 및 이미지, 팀원, 회원 평가 및지도와의 연락처 정보 섹션이 있습니다..

레이아웃 선택기

두 가지 제품 출시 디자인을 레이아웃으로 사용할 수 있으며 비즈니스를위한 디자인과 프리랜서를위한 디자인도 있습니다.

제품 출시 레이아웃

컨테이너 블록은 여러 개의 개별 블록을 컨테이너에 배치하는 데 사용할 수 있으며 사이트에서 섹션을 만드는 데 사용할 수 있습니다. 그런 다음 해당 섹션의 패딩, 여백, 배경색 및 이미지를 정의 할 수 있습니다.

필자는 기본 구텐베르크 열 블록이 자동으로 두 개의 열로 기본 설정되어 있기 때문에 항상 좌절감을 느꼈으 며 추가 열을 추가하도록 블록을 조정해야합니다..

Atomic Blocks는 일을 더 잘 처리합니다. 열 블록을 선택할 때 1-6 개의 열 중에서 선택할 수 있으며, 2, 3 또는 4를 선택하면 다른 너비로 표시되는 레이아웃이 선택됩니다..

원자 블록 열

Atomic Blocks는 기본 Gutenberg 편집기보다 레이아웃을 훨씬 더 많이 제어 할 수 있지만 개발자가 레이아웃 시스템을 기반으로 더 많은 섹션, 더 많은 레이아웃 및 추가 열 및 행 구조를 소개하고 싶습니다..

콘텐츠 블록

새 블록을 추가 할 때 레이아웃, 컨테이너 및 열 블록이 컨텐츠 영역에 표시됩니다.

레이아웃 버튼

나머지 12 개의 블록을 사용하여 컨텐츠를 향상시킬 수 있습니다.

아래 스크린 샷에서 드롭 캡, 평가, 스페이서 및 알림 블록의 예를 볼 수 있습니다. 사용하기 쉽고 각 블록마다 텍스트와 색상을 수정하는 데 도움이되는 다양한 옵션이 있습니다..

원자 블록으로 컨텐츠 스타일링

게시물 및 페이지 모눈 블록은 유용하며 게시물을 표시 할 열 수, 표시되는 게시물 범주 및 발췌 길이를 선택할 수 있습니다. 메타 정보도 켜고 끌 수 있습니다.

게시물 및 페이지 그리드

가격표 블록이 추가되었습니다. 각 제품마다 제목, 설명, 가격, 여러 기능 및 바로 구매 버튼을 정의 할 수 있습니다. 편집하려는 부분을 클릭하기 만하면됩니다..

표의 각 부분에 대해 색상 및 패딩 섹션을 사용할 수 있습니다.

가격표 블록

또 다른 유용한 블록은 클릭 유도 문안 블록입니다. 이를 사용하여 뉴스 레터를 홍보하거나 판매중인 신제품을 광고 할 수 있습니다.

제목, 설명 및 버튼과 같은 단순한 디자인을 채택합니다. 버튼을 연결할 수 있으며 원하는 경우 색상을 조정하고 배경 이미지를 지정할 수도 있습니다.

클릭 유도 문안 블록

전반적으로, 저는 제공되는 블록에 깊은 인상을 받았습니다.

블록 디자인이 좋아 보이고 사용하기 쉬우 며 다양한 스타일링 옵션이 있습니다..

원자 블록 테마

Atomic Blocks 개발자는 Gutenberg 및 Atomic Blocks 플러그인과 함께 사용하도록 설계된 동일한 이름의 무료 WordPress 테마를 출시했습니다..

원자 블록 테마는 최소한의 디자인을 가지고 있습니다. WordPress 테마 맞춤 설정 도구에는 테마에 대한 몇 가지 옵션이 있지만 대부분의 다른 WordPress 테마와 비교하면 상당히 제한적입니다..

원자 블록 테마

사용자 정의 도구를 통해 컨텐츠 영역의 너비를 조정하고 탐색 메뉴에 검색 막대를 추가하고 글꼴 스타일 및 크기를 선택하고 바닥 글 태그 라인을 변경할 수 있습니다.

Atomic Blocks Theme는 최소한의 블로그 레이아웃을 원하는 사람들에게 적합 할 수 있지만 군중과 차별화하기에는 충분하지 않습니다..

마지막 생각들

WordPress.org에는 많은 구텐베르크 컬렉션 플러그인이 있지만 Atomic Blocks는 최고의 것으로 간주됩니다..

사전 정의 된 섹션 및 레이아웃과 다목적 컬럼 시스템은 구텐베르크가 부족한 영역을 개선합니다. 다양한 콘텐츠 관련 블록도 있으며 스타일링을 모두 제어 할 수 있습니다..

Atomic Blocks를 확인하여 자신이 할 수있는 일에 대한 완전한 감사를 얻으십시오..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map