처음에 WordPress 사용자는 블록 생성기와 달콤하고 씁쓸한 관계를 가졌습니다. 그런 다음 우리는 구텐베르크 가이드, 새 편집기에는 아름다운 콘텐츠를 쉽고 재미있게 만들 수있는 놀라운 기능이 함께 제공됩니다. 이제 일부는 더 이상 없이는 할 수 없습니다.
Gutenberg는 코드를 작성하지 않고도 훌륭한 페이지와 기사를 작성할 수있는 충분한 기능을 제공합니다. 추가하려는 콘텐츠가 무엇이든 Gutenberg에는 올바른 블록이 있습니다.
각 콘텐츠 블록을 심층적으로 수정하고 사용자 지정 하시겠습니까? 구텐베르크에는이를위한 다양한 사용자 지정 옵션이 있습니다.
기본 편집기에서 사용할 수있는 것보다 더 많은 블록을 원하십니까? 그곳에 구텐베르크를위한 수많은 워드 프레스 플러그인
그렇기 때문에 많은 사용자가 재사용 가능한 블록, 구텐베르크의 뛰어난 기능 중 하나입니다. 우리가 무슨 말을하는지 모르겠다면 재사용 가능한 블록은 진영 내용 해적 마음대로 만들고 저장하고 재사용 할 수 있습니다..
라는 클릭 유도 문안 버튼을 추가한다고 가정 해 보겠습니다. 감사의 말, 서명, 양식 또는 각 게시물 또는 페이지의 끝에있는 다른 항목.
과거에는 기능을 컴퓨터의 텍스트 파일에 저장해야했습니다. 필요할 때 복사하여 게시물 또는 페이지에 붙여 넣습니다. 구텐베르크는이 문제를 줄였습니다. 이제 텍스트 파일을 사용하거나 매번 처음부터 동일한 블록을 만들 필요가 없습니다.
재사용 가능한 단일 블록을 생성하여 게시물 및 페이지뿐만 아니라 다른 WordPress 웹 사이트에서도 사용할 수 있습니다.
많은 웹 사이트를 구축하거나 모든 게시물 / 페이지에 특별한 콘텐츠를 추가해야하는 경우, Gutenberg의 재사용 가능 블록은 많은 시간을 절약하는 데 도움이 될 수 있습니다.
오늘 기사에서는 재사용 가능한 블록을 생성하고 Gutenberg에서 WordPress로 내보내는 방법을 정확하게 보여줍니다. 우리의 목표는 여러 WordPress 게시물 / 페이지 / 웹 사이트에서 사용자 지정 콘텐츠 블록을 쉽게 이동하고 재사용 할 수 있도록 돕는 것입니다.
하지만 그 전에 WordPress를 설치 한 적이 없다면 워드 프레스 블로그 7 단계를 설치하는 방법 et 어떻게 찾아 설치하고 블로그에 워드 프레스 테마를 활성화하려면
그런 다음 왜 우리가 여기 있는지 다시 돌아옵니다.
제외 : 를 사용하여 블록을 생성하는 경우 워드 프레스 플러그인 같은 겟위드, 예를 들어, 해당 블록을 재사용하려는 다른 WordPress 웹 사이트에이 플러그인을 설치해야합니다. 또한 블록이 테마마다 약간 다르게 보일 수 있지만 구텐베르크가 많은 사용자 정의 기능을 제공하기 때문에 이것은 모두 좋습니다.
우선 재사용 가능한 블록이 필요합니다.
안타깝게도 내보내거나 가져올 수 없습니다. 진영 정규병. Gutenberg 블록을 내보내고 가져 오려면 먼저 진영 재사용 가능.
설명을 위해 감사의 말 기사에 추가해야 할 때마다 메모를 다시 작성할 필요없이 게시하는 모든 기사의 끝에 추가하고 싶습니다.
Ma 감사합니다 복잡하지 않습니다. Twitter 및 Facebook에 대한 링크가있는 간단한 단락 블록입니다. 블록은 원하는 모든 것이 될 수 있습니다. 배너 광고, un 이미지 슬라이더, 인용문, 목록, 최신 간행물, MailChimp 양식 등 ...
나중에 이것을 내보내는 방법을 보여줄 것입니다. 감사의 말 두 번째 WordPress 웹 사이트에서.
재사용 가능한 블록을 만드는 방법
재사용 가능한 블록을 만드는 것은 매우 쉽습니다. 이동 기사> 추가 Gutenberg 편집기를 시작하려면 :
그런 다음 아이콘을 클릭하십시오 블록 추가 (+) 그런 다음 콘텐츠 블록을 선택하십시오. 이 경우 다음 이미지와 같이 단락 블록을 추가했습니다.
그 후 필요에 따라 블록을 사용자 정의하십시오. 텍스트, 소셜 미디어 프로필 링크 및 배경색을 추가했습니다. 이것이 우리의 새 메모장 이름입니다. 고맙습니다 Gutenberg 편집기에서 다음과 같이 보입니다.
이때 위의 참고 사항은 블록 정규병. 우리는 그것을 하나로 바꿔야합니다 블록 재사용 수출 및 수입이 가능합니다. 그렇게하려면 아이콘을 클릭하십시오. 더 많은 옵션, 그때 재사용 가능한 블록에 추가, 아래 그림과 같이.
그런 다음 재사용 가능한 블록에 이름을 지정하고 버튼을 누릅니다. 기록, 아래에서 볼 수 있습니다.
이것이 바로 첫 번째 재사용 가능한 블록을 만들었습니다.
재사용 가능한 블록을 사용하는 방법
방금 만든 재사용 가능한 블록을 게시물 또는 페이지에 추가하는 것은 매우 쉽습니다. 게시물 또는 페이지에 필요한 콘텐츠를 추가 한 후 아이콘을 클릭합니다. 블록 (+) 추가, 탭으로 스크롤 재사용 가능한 블록 블록을 선택하십시오 (우리의 경우 참고 감사합니다), 아래 그림과 같이.
재사용 가능한 블록을 게시물 또는 페이지에 추가 한 후 버튼을 누릅니다. 미리보기 / 출판 프런트 엔드에 결과를 표시합니다. 다음은 우리가 얻은 것입니다.
가장 좋은 점은 블록을 재사용 할 수 있다는 것입니다. 감사의 말 처음부터 만들 필요없이 언제든지. Gutenberg 블록을 지원하는 모든 포스트 유형에 추가 할 수도 있습니다.
너무 발견 구텐베르크에서 이미지에 캡션을 추가하는 방법
이제 재사용 가능한 블록을 만들고 사용하는 방법을 알았으므로 이러한 블록을 다른 WordPress 웹 사이트로 내보내는 방법에 대해 자세히 알아 보겠습니다. 혼동을 피하기 위해 방금 만든 동일한 블록을 사용합니다.
구텐베르크 블록을 WordPress로 내보내는 방법
재사용 가능한 구텐베르크 블록을 내보내는 것은 쉽습니다. 금방 할 수 있습니다.
무엇을 할까?
Gutenberg 편집기 내에서 기타 도구 및 옵션 아이콘, 그때 재사용 가능한 모든 블록 관리, 아래에서 강조 표시 한대로 :
화면으로 이동합니다. 블록 재사용 가능한 모든 블록을보고 관리 할 수 있습니다.
우리는 단지 블록이 있습니다 감사의 말, 하지만 더 많이 만들면 위의 화면이 채워집니다. 내보내려면 제목 위로 마우스를 이동하고 링크를 클릭하십시오. JSON으로 내보내기 표시됩니다. 아래 이미지를 참조하십시오.
그런 다음 JSON 파일을 컴퓨터에 저장합니다.
이제 컴퓨터에 JSON 파일이 있으므로 블록을 두 번째 웹 사이트로 가져올 차례입니다.
구텐베르크 블록을 WordPress로 가져 오는 방법
재사용 가능한 블록을 가져 오는 것은 A, B, C만큼 쉽습니다. 먼저 Gutenberg 편집기를 엽니 다. 둘째, 기타 도구 및 옵션 아이콘, 그때 재사용 가능한 모든 블록 관리, 아래 그림과 같이.
화면에서 블록 다음을 클릭하십시오. JSON에서 가져 오기을 클릭하고 이전에 다운로드 한 파일을 선택한 다음 버튼을 누릅니다. 수입 이 순서대로 :
그리고 그게 전부입니다 ! 마찬가지로 재사용 가능한 Gutenberg 블록을 두 번째 WordPress 웹 사이트로 성공적으로 가져 왔습니다.
또한 읽으려면 구텐베르크에서 이미지에 캡션을 추가하는 방법
쉽지 않았나요? 그 후 두 번째 웹 사이트에서 원하는만큼 구텐베르크 블록을 사용하고 재사용 할 수 있습니다.
Gutenberg 블록을 내보내는 WordPress 플러그인이 있습니까?
오, 그래요. 저는 유명한 워드 프레스 개발자 인 ThemeIsle에서 하나를 찾았습니다. 이것은 다음으로 알려진 무료 플러그인입니다. 블록 내보내기 가져 오기. 기본적으로 플러그인을 사용하면이 전체 자습서를 건너 뛸 수 있습니다. 그래 그건 사실이야; 재사용 가능한 블록을 만들 필요조차 없습니다.
에 대한 우리의 가이드를 참조하십시오 Gutenberg 기사에 애니메이션 블록을 추가하는 방법
플러그인을 설치하고 활성화 한 다음 Gutenberg 편집기를 엽니 다. 원하는대로 블록을 디자인 한 다음 더 많은 옵션 아이콘. 그런 다음 JSON으로 내보내기, 아래 그림과 같이 :
이렇게하면 JSON 파일이 컴퓨터에 다운로드됩니다. 플러그인을 사용하여 JSON 파일을 가져 오려면 Gutenberg 편집기를 엽니 다. 그런 다음 아이콘을 클릭하십시오 블록 추가, 그때 JSON에서 블록 가져 오기 탭 아래 위젯 :
그 후 파일을 선택 컴퓨터에서 파일을 선택하고 버튼을 누릅니다. 업로드 :
플러그인 방법의 유일한 문제는 블록이 WordPress 웹 사이트에 저장되지 않는다는 것입니다. WordPress 데이터베이스에 블록을 저장하려면 수동 방법을 사용해야합니다. 아마도 그것은 미래에 바뀔 것입니다.
또한 발견 플러그인이 Gutenberg와 호환되는지 어떻게 알 수 있습니까?
불행히도 다른 플러그인을 찾을 수 없습니다. 그래도 웹 사이트에 재사용 가능한 블록을 저장하는 것에 대해 걱정하지 않는다면 플러그인을 사용하면 많은 시간을 절약 할 수 있습니다.
구텐베르크의 재사용 가능한 블록은 생명을 구합니다. 처음부터 시작하지 않기 때문에 모델을 빠르게 재현 할 수 있습니다. 많은 게시물 / 페이지 및 / 또는 웹 사이트를 작성하는 경우 Gutenberg 블록을 내보내는 방법을 배우는 것이 도움이 될 것입니다.
프리미엄 워드 프레스 플러그인도 만나보세요
당신은 다른 것을 사용할 수 있습니다 워드 프레스 플러그인 현대적인 외관을 제공하고 블로그 또는 웹사이트의 처리를 최적화합니다.
우리는 여기에 당신을 도울 수있는 프리미엄 WordPress 플러그인을 제공합니다.
1. 팀 쇼케이스
Team Showcase는 멋진 반응형 그리드 또는 캐러셀에 팀원을 표시하도록 설계된 완벽한 애드온입니다. 회원을 별도의 팀으로 그룹화하여 관리할 수 있습니다. 이렇게 하려면 표시하려는 옵션을 선택하고 워드 프레스 테마 미리 정의된 색상을 적용합니다.
따라서이 작업에는 코드 줄이 필요하지 않습니다. 기능은 다음과 같습니다 : 10 개의 특별 테마, 10 개의 색상 세트, 10 개의 디스플레이 옵션, CSS3 애니메이션 효과, 페이지에 삽입 될 가능성, 완전 반응 형 디자인등 ...
2. ARPrice
에이프라이즈는 워드 프레스 플러그인 가격 그리드 생성에서 가장 유연하고 완벽한 프리미엄. 300개 이상의 가격 그리드 템플릿과 함께 제공되며 고유하고 반응이 빠른 가격 그리드 및 비교 테이블을 생성하는 데 필요한 모든 도구를 제공합니다. 또한 팀을 위한 아름다운 쇼케이스를 쉽게 만들 수도 있습니다.
그것은이다 워드 프레스 플러그인 사용자 정의의 실시간 미리 보기를 제공하는 인상적인 시각적 편집기를 통해 아름답고 직관적이며 종류 중 하나입니다.
또한보십시오 어떻게 귀하의 블로그에서 서비스를 충전하는 방법?
템플릿을 선택한 다음 클릭 한 번으로 드래그 앤 드롭 도구를 사용하여 가격표를 가장 작은 세부 사항까지 개인화 할 수 있습니다. 당신은 무제한의 열을 추가하고, 색상, 글꼴, 아이콘을 변경하고, 자신의 이미지와 리본을 추가 할 수 있습니다 할인을 발표하다, 예를 들면.
3. 프리미엄 SEO 팩
Premium SEO Pack은 SEO를 최적화하고 CSS를 압축하여 웹 사이트의 로딩 속도를 향상시키는 WordPress 플러그인입니다. 플러그인은 몇 번의 클릭만으로 웹 사이트 디자인을 관리 할 수 있습니다.
그 기능은 CSS와 JS의 압축, 비디오 사이트 맵 통합 스 니펫, HTLM 및 XML 파일의 형식, 404 및 301 페이지의 리디렉션, 소셜 네트워크에서 공유, ALT 레이블, 고도로 사용자 정의 가능한 레이아웃을 제공합니다.
추천 자료
웹 사이트 구축 및 관리에 도움이되는 기타 권장 리소스에 대해 알아보십시오.
- 웹 사이트에 Google지도를 삽입하는 7 WordPress 플러그인
- WordPress 양식에 Beach Slider를 추가하는 방법은 무엇입니까?
- 5 워드 프레스 플러그인은 사용자가 콘텐츠를 게시 할 수 있도록
- 양식에 자동 완성 기능을 추가하는 6 개의 WordPress 플러그인
결론
여기 ! 이것으로이 튜토리얼을 마쳤습니다. 구텐베르크 블록을 WordPress로 내보내고 가져올 수 있기를 바랍니다. 구텐베르크 블록에 대한 질문이나 제안이 있습니까? 저희에게 알려주십시오 commentaires 아래.
그러나 상담 할 수도 있습니다 우리의 자원, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요한 경우에 대한 가이드를 참조하십시오. 워드 프레스 블로그 제작.
주저하지 마십시오 좋아하는 소셜 네트워크에서 친구들과 공유.
...