Getwid – 구텐베르크를위한 맞춤형 워드 프레스 블록

Getwid-구텐베르크를위한 맞춤형 워드 프레스 블록

구텐베르크. 그 단어에 대한 단순한 언급은 얼음을 녹일 수 있습니다. 일반적으로“GUTENBERG!”를 외친 후 발생하는 침묵의 소리가 들립니다. 어떤 곳에서. 아마도 당신은 소리 치지 말아야하지만 그게 요점이 아닙니다. 구텐베르크 편집자에게는 추운 날이거나?


구텐베르크가 워드 프레스의 기본 컨텐츠 편집기가되었을 때, 초보자와 개발자 모두 많은 사용자들이 회의적이었습니다. – 변화 때문에 고통스러운 전환이었습니다. 새로운 편집기는 사용자가 WordPress에서 콘텐츠를 작성하는 새로운 방법을 배우고 적응해야 함을 의미했습니다..

옛날 방식을 바꾸는 것이 어렵다는 것이 사실이므로 구텐베르크는 처음에 뻣뻣한 저항에 직면했을 수 있습니다. 그러나 시간이 지남에 따라 상황이 엄청나게 바뀌 었습니다. 처음에는 많은 사용자가 당황했지만 사람들은 새 편집기를 빠르게 좋아합니다. 특히 사용하기 쉽고 플러그인으로 확장하는 경우 특히 그렇습니다..

다음과 같은 플러그인 덕분에 겟 위드, 오늘의 리뷰 주제에 따르면, 예전에는 상상조차하지 못했던 방식으로 구텐베르크를 과급 할 수 있습니다. 그리고 기세가 계속된다면, 구텐베르크의 미래는 매우 밝습니다. 제 생각에는 점점 더 많은 사용자들이 인상적인 페이지와 게시물을 작성하기 위해 워드 프레스 페이지 빌더를 거의 필요로하지 않을 것입니다.

오늘 검토에서는 Getwid를 웹에서 찾을 수있는 최고의 Gutenberg 플러그인 중 하나로 만드는 모든 기능을 살펴 봅니다. 예상되는 것을 보여주기 위해 플러그인을 테스트 구동하고 Getwid가 이미 강력한 Gutenberg 편집기에 제공하는 30 개 이상의 블록을 간략하게 살펴 봅니다..

그 서문으로, 엄청나게 많은 톤이 있으므로 더 좋습니다 가져 오기 wid 그것. 내가 거기서 뭘했는지 알아? ㅋ. 자 시작하자.

Getwid 란 무엇입니까?

Getwid – 구텐베르크 블록

우선 먼저 Getwid는 무엇입니까? Getwid는 Gutenberg 편집기를 크게 확장하는 데 도움이되는 멋진 플러그인입니다. 간단 해요? 즉, 구텐베르크에서 멋진 콘텐츠를 만들 수있는 34 개의 블록으로 구성된 아름다운 컬렉션입니다..

에 따르면 모토 프레스, 개발자 인 Getwid는 Gutenberg에 매끄럽게 연결되어 “… Gutenberg 로의 전반적인 전환을 덜 스트레스받습니다.” 더 부드러운 전환은 처음 사용하는 사용자에게 특히 중요합니다. 가장 중요한 부분은 WordPress.org에서 플러그인을 무료로 다운로드 할 수 있다는 것입니다. 즉, 바로 실행할 수 있습니다..

Getwid가 최고를 따릅니다 워드 프레스 코딩 표준, 코드를 파지 않고 컨텐츠를 풍부하게하는 완벽한 솔루션을 제공합니다. 또한 모든 구텐베르크 어 지원 WordPress 테마와 완벽하게 호환되므로 비 호환성 문제가 발생하지 않습니다..

또한 Getwid는 다른 타사 Gutenberg 플러그인과 호환되므로 원하는 매력적인 컨텐츠를 만들 수있는 더 많은 기능을 제공합니다. 또한 Getwid에는 브랜드와 선호도에 맞게 각 블록의 스타일을 지정할 수있는 다양한 옵션이 제공됩니다.

사용하기 쉬운 구텐베르크 블록

또한 애드온은 설치 및 사용이 매우 쉬워 개발자가 손을 잡을 필요가 없습니다. 코딩 지식도 필요하지 않습니다. 또한 Getwid는 CSS 축소와 같은 최신 성능 트릭을 제공하므로 WordPress 사이트 속도에 대한 걱정없이 환상적인 콘텐츠를 만들 수 있습니다.

환상적인 컨텐츠에 대해 Getwid는“… 효율적인 랜딩 페이지 생성, 역동적 인 서비스 페이지 전시, 눈길을 끄는 포트폴리오 구축”, 아름다운 슬라이더 추가, 환상적인 제목 구현, 가격표 표시 등을 도와줍니다! 비즈니스 웹 사이트, 스타트 업, 창의적인 프로젝트 및 다양한 틈새 시장을 과급하기 위해 필요한 모든 블록을 제공합니다.

구텐베르크 블록 Getwid 목록

Getwid에는 수많은 구텐베르크 블록이 있습니다. 핵심 구텐베르크 블록과도 호환되므로 웹 사이트에 적합한 멋진 콘텐츠를 만드는 데 방해가되지 않습니다. 다음은 Getwid에서 사용 가능한 구텐베르크 블록 목록입니다. (경고 : LOOONG입니다):

  • 부분
  • 미디어 및 텍스트 슬라이더
  • 이미지 슬라이더
  • 아이콘 상자
  • 배너 (예, 애니메이션 완료 – 우후!)
  • 아코디언
  • 비녀장
  • 이미지 스택 갤러리
  • 구글지도
  • 최근 게시물
  • 고급 제목
  • 이미지 박스
  • 고급 스페이서
  • 소셜 링크
  • 버튼 그룹
  • 증명서
  • 사람 상자
  • 인스 타 그램
  • 진행 표시 줄
  • 원형 진행률 표시 줄
  • 카운터
  • 가격 상자
  • 문의 양식
  • 회전식 게시물
  • 포스트 슬라이더
  • 맞춤 게시물 유형
  • 가격표
  • 메일 침프
  • 비디오 팝업
  • 이미지 핫스팟
  • 카운트 다운
  • 콘텐츠 타임 라인

휴, 무슨 목록? 위의 각 블록에는 다양한 설정, 스타일 및 옵션이 포함되어 있으므로 원하는 방식으로 콘텐츠를 디자인 할 수 있습니다.

지금까지 Getwid Gutenberg 블록 플러그인은 매우 유망한 것으로 보입니다..

우리가 무엇을하고 있는지 알았으니, Getwid를 설치하고 다양한 블록을 살펴 보도록하겠습니다. 플러그인을 테스트 할 때와 마찬가지로 다음 섹션을 즐기시기 바랍니다..

Getwid Gutenberg Blocks 플러그인 설치 방법

공식 WordPress 플러그인 저장소에서 Getwid를 사용할 수 있다고해서 플러그인을 컴퓨터에 다운로드하는 데 시간을 낭비하지 않습니다. 대신, WordPress 관리 대시 보드 내부에서 직접 플러그인을 설치해야합니다.

더 이상 고민하지 않고 WordPress 관리 대시 보드에 로그인하여 플러그인> 새로 추가 아래 화면 캡처에서 지적했듯이.

새로운 워드 프레스 플러그인을 설치하는 방법

에 플러그인 추가 페이지에서 키워드 검색 창에 “Getwid”를 입력하고 설치 지금 아래와 같이 버튼.

워드 프레스에 대한 getwid gutenberg 블록 플러그인을 설치하는 방법

시간을 낭비하지 않으면 서 활성화 버튼을 클릭하면 설치가 완료됩니다..

getwid 워드 프레스 플러그인을 활성화하는 방법

그리고 그게 다야; Getwid를 설정하는 것이 쉽다고 말했을 때 거짓말을하지 않았습니다.

이제 구텐베르크 편집기에서 Getwid가 제공하는 것을 살펴 보겠습니다. 매장에 무엇이 있는지 알아 보려면 새 페이지 나 게시물을 만들어야합니다. 당신이 좋아하는 사람과 함께 작업.

새 페이지 추가

나는 단지 설명을 목적으로 페이지 작업을 할 것입니다. 또한 방문 페이지 템플릿과 함께 제공되는 존경받는 Total WordPress 테마를 사용하고 있기 때문에 ��

지금까지 워드 프레스에 새 페이지를 추가하는 방법을 이미 알고있을 것입니다. 그러나 초보자 인 경우 페이지> 새로 추가, 아래와 같이.

워드 프레스에 새 페이지 추가

페이지 제목을 추가하고 필요한 설정을 선택하십시오. 예를 들어 자신과 같은 너비의 방문 페이지를 만들려면 페이지에서 옵션을 선택하십시오. 페이지 속성 아래에 표시된대로 섹션.

gutenberb의 페이지 속성

참고로 다른 옵션이있을 수 있습니다. 페이지 속성 주제에 따라 섹션.

Getwid Gutenberg 블록 추가

Getwid 블록을 추가하는 것은 일반적인 Gutenberg 블록을 추가하는 것과 같습니다. 클릭 더하기 (+) 버튼, 아래로 스크롤 겟 위드 블록, 원하는 블록을 선택하십시오.

섹션 블록

예를 들어 Getwid 섹션을 추가하려면 부분 아래와 같이 블록.

getwid 섹션 블록

A, B, C만큼 간단합니다. 그 후에는 적절하다고 생각되는 섹션을 디자인 / 스타일링해야합니다. 섹션 블록을 사용하면 코딩하지 않고도 섹션별로 멋진 페이지 레이아웃을 만들 수 있습니다. 섹션에 슬라이더, 배경 이미지, 비디오, 시차, 애니메이션, 도형, 여러 색상 등을 쉽게 추가 할 수 있습니다. 섹션 블록을 사용하여 생성 된 페이지를 보려면 다음을 확인하십시오. 섹션 데모.

아래 이미지에서 볼 수 있듯이 섹션 블록 내에 블록을 추가 할 수 있습니다. 게다가, 당신은 당신이 원하는대로 섹션을 사용자 정의 할 수 있습니다.

getwid 섹션 블록 설정

페이지 오른쪽에는 섹션을 사용자 정의 할 수있는 다양한 옵션이 있습니다. 옵션을 위에서 아래로 간략하게 살펴 보겠습니다..

  • 크기 – 여기에서 섹션 치수를 설정하십시오. 글을 쓰는 시점에는 세 가지 너비 옵션이 있습니다. 박스형, 전체 폭, 과 커스텀. 또한 데스크톱, 태블릿 및 모바일 장치에 대해 서로 다른 섹션 높이를 설정할 수 있습니다. 마지막으로, 섹션 블록 내에서 컨텐츠 블록 사이의 간격을 지정하는 옵션이 있습니다.
  • –이 옵션을 사용하면 데스크탑, 태블릿 및 모바일 장치의 섹션 주위에 패딩을 설정할 수 있습니다.
  • 여유 – 다양한 장치의 섹션 블록 주위에 여백 추가.
  • 조정 – 여기에서 다양한 장치에 대한 섹션의 세로 및 가로를 지정할 수 있습니다.
  • 배경색 – 섹션에 원하는 배경색을 추가 할 수 있습니다.
  • 배경 그라디언트 –이 옵션을 사용하면 섹션의 배경 그라디언트를 만들 수 있습니다. 단색 배경을 사용하지 않으려는 경우이 옵션이 유용합니다..
  • 배경 이미지 – 여기서는 색상을 사용하는 대신 섹션에 배경 이미지를 추가 할 수 있습니다.
  • 배경 슬라이더 – 이제 페이지 섹션에 배경 슬라이더를 추가 할 수 있습니다. 얼마나 달콤?
  • 배경 비디오 – 배경 비디오로 섹션을 풍부하게하고 싶으십니까? 그렇다면 Getwid에 등이 있습니다..
  • 전경 – 섹션에 전경 효과 추가.
  • 분할기 – 섹션 사이에 구분선 추가
  • 입구 애니메이션 – Getwid 덕분에 원하는대로 다른 섹션에 애니메이션을 적용 할 수 있습니다.
  • 많은 – 여기서 HTML 앵커와 CSS 클래스를 추가 할 수 있습니다

미디어 및 텍스트 슬라이더 블록

미디어 및 텍스트 슬라이더 블록을 추가하려면 더하기 (+) 아이콘, 스크롤 겟 위드 블록 클릭 미디어 및 텍스트 슬라이더, 아래 그림과 같이.

getwid 미디어 및 텍스트 슬라이더 블록

블록을 추가하면 미디어를 업로드하고 텍스트를 추가 할 수 있습니다. 또한 아래 이미지와 같이 오른쪽 사이드 바에서 블록을 사용자 정의 할 수 있습니다..

getwid 미디어 텍스트 슬라이더 블록 설정

위의 오른쪽 사이드 바에서 미디어 및 텍스트 블록 옵션에 대한 몇 가지 참고 사항은 다음과 같습니다.

  • 설정 – 설정 탭에서 슬라이드 수, 이미지 크기, 슬라이더 높이, 내용 너비 및 가로 / 세로 정렬을 지정할 수 있습니다..
  • 글자 색 –이 옵션을 사용하면 슬라이더에서 텍스트 색상을 사용자 정의 할 수 있습니다
  • 오버레이 색상 – 오버레이 색상을 설정하고 오버레이 불투명도를 지정할 수 있습니다
  • – 미디어 및 텍스트 슬라이더 주위에 패딩을 쉽게 추가하려면이 옵션을 사용하십시오.
  • 슬라이더 설정 – 여기에서 슬라이더에 애니메이션을 추가하고 슬라이드 쇼를 활성화 할 수 있습니다
  • 텍스트 애니메이션 – 슬라이더의 텍스트 애니메이션
  • 많은 – 슬라이더를 더 스타일링 할 수 있도록 사용자 정의 CSS 클래스 추가

여기에 훌륭한 예가 있습니다. 미디어 및 텍스트 슬라이더 블록 행동.

이미지 슬라이더

미디어 및 텍스트 슬라이더 이외의 Getwid는 이미지 슬라이더 차단합니다. 그렇게하려면 겟 위드 블록 클릭 이미지 슬라이더 아래 스크린 샷에서 자세히 설명하는 것처럼 차단.

getwid 이미지 슬라이더

미디어 라이브러리에서 이미지를 업로드하거나 추가하면 아래에 표시된대로 오른쪽 사이드 바에서 슬라이더를 사용자 정의 할 수 있습니다.

getwid 이미지 슬라이더 설정

오른쪽 사이드 바에서 다음과 같은 몇 가지 옵션이 있습니다.

  • 이미지 설정 –이 탭에서 이미지 크기를 선택하고 이미지를 자동으로 자르고 각 이미지를 미디어 파일 또는 첨부 파일 페이지에 연결할 수 있습니다. 사진 작가이고 이미지 슬라이더를 사용하여 작품을 표시 할 때 특히 유용합니다..
  • 슬라이더 설정 – 여기에서 데스크탑, 랩톱, 태블릿 및 모바일과 같은 다양한 장치에 표시 할 수있는 슬라이드 수를 지정할 수 있습니다.
  • 컨트롤 설정 –이 탭에서 탐색 화살표 및 점을 표시 할 위치를 지정할 수 있습니다.
  • 많은 – 여기에 사용자 정의 CSS 클래스를 추가하십시오

더 나은 사진을 얻으려면 여기에 이미지 슬라이더 데모 보는 즐거움을 위해.

배너 블록

배너 블록을 사용하면 워드 프레스 웹 사이트에서 보스처럼 광고 할 수 있습니다. 배너 블록을 추가하는 것도 간단합니다. 로 이동 겟 위드 블록 구텐베르크 편집기에서 배너 아래와 같이 블록.

getwid 배너 블록

배너 미디어 파일을 추가하면 아래 이미지와 같이 몇 가지 옵션이 제공됩니다..

getwid 배너 블록 설정

위 이미지에서 알 수 있듯이 배너에 링크를 쉽게 추가하고 새 탭에서 링크를 열 수 있습니다. 오른쪽 사이드 바에는 배너를 맞춤 설정할 수있는 더 많은 옵션이 있습니다. 여기에서 배너 크기, 정렬, 색상 및 애니메이션을 사용자 정의 할 수 있습니다.

웹 사이트에 매력적인 배너를 만들 수있는 옵션이 많이 있습니다. 이것들을 확인하시기 바랍니다 배너 데모 당신이 만들 수있는 것의 맛을 위해.

다른 Getwid Gutenberg 블록

아무리 유혹적이더라도 오늘 리뷰에서 30 개 이상의 Getwid 블록을 감당할 수는 없습니다. 그렇게하면 기사가 읽기에 너무 길어 지므로 하루 종일 여기에있게됩니다..

모두 동일하게 원하는 Getwid Gutenberg 블록을 추가하고 사용자 정의 할 수 있기를 바랍니다. 당신이 할 일은 겟 위드 블록 원하는 블록을 클릭하십시오. 그런 다음 콘텐츠를 추가하고 다른 블록과 마찬가지로 오른쪽 사이드 바에서 블록을 사용자 정의하십시오.

작동중인 Getwid Gutenberg 블록의 예를 더 보려면 Getwid 플러그인 MotoPress에서 페이지를 넘기십시오. 또한 여기에 Getwid post를 만나보세요 플러그인이 제공하는 기능에 대해 좀 더 심도있게 살펴 봅니다..


Getwid는 멋진 블록 모음을 갖춘 강력한 Gutenberg 플러그인입니다. 또한 각 블록에는 매력적인 컨텐츠를 즉시 만들 수있는 고유 한 옵션 세트가 있습니다..

또한 플러그인은 설정 및 사용이 매우 쉽습니다. Getwid의 힘을 활용하여 웹 사이트 참여를 유도하기 위해 코딩 지식이나 사전 경험이 필요하지 않습니다..

플러그인은 100 % 무료이며 오픈 소스이므로 지갑이나 라이센스에 대해 걱정하지 않고 광범위하게 사용하고 사용자 정의 할 수 있습니다. WordPress 전문 툴킷에 포함 할 수있는 완벽한 도구입니다.

Getwid를 사용하여 땀을 흘리지 않고 WordPress 페이지와 게시물에 활기를 불어 넣을 수 있기를 바랍니다. 그렇지 않은 경우 의견 섹션에 우려 사항과 제안을 표현하십시오.

그 외에는 좋아하는 Gutenberg 블록 플러그인입니다.?

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