Divi를 사용하여 WordPress 게시물을 템플릿화하는 방법

WordPress 게시물에 구조를 추가하려는 경우 템플릿이 좋은 방법입니다. Divi는 템플릿 시스템이 내장된 인기 있는 WordPress 테마입니다. 이 기사에서는 Divi를 사용하여 WordPress 게시물을 템플릿화하는 방법을 보여줍니다. 먼저 WordPress에서 새 페이지를 만들고 "Divi Page Builder" 템플릿을 선택해야 합니다. 이렇게 하면 작업할 빈 캔버스가 제공됩니다. 다음으로 페이지에 몇 개의 섹션을 추가할 수 있습니다. 각 섹션에 대해 미리 만들어진 다양한 레이아웃 중에서 선택하거나 자신만의 레이아웃을 만들 수 있습니다. 섹션을 설정했으면 섹션에 콘텐츠를 추가할 수 있습니다. Divi Builder를 사용하여 텍스트, 이미지, 비디오 등을 추가할 수 있습니다. 게시물에 만족하면 WordPress 사이트에 게시할 수 있습니다. 그게 다야! Divi를 사용하면 WordPress 게시물을 쉽게 템플릿화하여 구조와 스타일을 추가할 수 있습니다.

이 기사에서는 Divi의 Theme Builder를 사용하여 블로그 게시물 템플릿을 디자인하는 방법을 보여줍니다. 블로그 게시물 템플릿은 블로그 게시물 전체(또는 일부)에 사용하는 웹사이트 전체 템플릿입니다. Divi 테마 빌더 를 사용하면 시각적으로 매력적인 수백 가지 디자인을 쉽게 만들 수 있습니다(템플릿 전체에서 정적 및 동적 콘텐츠 조합 변경). 블로그 게시물 템플릿은 동적 콘텐츠가 포함된 미리 디자인된 템플릿이므로 새 게시물이나 기존 게시물이 레이아웃과 디자인을 자동으로 상속합니다. Divi Theme Builder에 내장된 동적 콘텐츠 기능을 사용하여 블로그 게시물 템플릿을 사용하여 블로그를 만들 수 있습니다. 프로젝트 작업을 시작하기 전에 먼저 사용할 모듈과 동적 콘텐츠를 템플릿에 통합하는 방법을 이해해야 합니다. 블로그 게시물 템플릿은 Divi 테마 빌더를 사용하여 생성됩니다.

WordPress로 이동하여 Divi, Theme Builder를 선택하여 새 템플릿 을 만들 수 있습니다. 사용자 정의 본문 추가 버튼을 클릭하여 게시물 템플릿 본문에 대한 새 영역을 만들 수 있습니다. 처음부터 빌드 옵션을 선택하면 자신만의 소프트웨어를 만드는 프로세스를 시작할 수 있습니다. 광고 설정에서 동적 콘텐츠 아이콘을 클릭한 다음 제목 입력 상자를 클릭합니다. 게시물 작성자 동적 콘텐츠 요소는 제목 콘텐츠에 추가할 수 있습니다. 다음은 디자인 설정을 수정하기 위한 지침입니다. 동적 콘텐츠 기능으로 Blurb 모듈에 댓글 수를 추가합니다.

동적 콘텐츠로 Post Author Profile 이미지를 모듈의 이미지로 포함할 수 있습니다. 게시물 콘텐츠 모듈에는 게시물의 주요 콘텐츠가 포함됩니다. 다른 모듈과 동일한 방식으로 포스트 콘텐츠 모듈의 설정을 업데이트할 수 있습니다. 이 기능은 적용할 범주를 결정하기 때문에 필수적입니다. 이렇게 하면 게시물 템플릿에서 동일한 카테고리의 모든 이전 게시물을 가져올 수 있습니다. 댓글은 이 블로그 게시물 템플릿의 마지막 섹션에 추가됩니다. 주석 모듈은 단일 열 행의 주석 필드에 위치할 수 있습니다.

레이아웃 또는 테마 빌더에 대한 변경 사항을 저장하려면 디자인 설정을 업데이트하십시오. 게시물 템플릿을 디자인할 때 사용할 수 있는 모든 훌륭한 옵션을 염두에 두십시오. 보시다시피, 이 튜토리얼이 Divi Builder를 사용하여 자신의 블로그 게시물 템플릿을 만들 때 시작하기에 좋은 곳이기를 바랍니다. 포스트 템플릿이 어떻게 구성되고 사용 가능한 다양한 도구를 이해하는 것이 중요합니다. 아름다운 템플릿 을 사용하면 블로거가 콘텐츠 제작에 집중할 수 있지만 템플릿을 통해 블로거의 모든 작업을 완료할 수도 있습니다.

Divi에서 블로그 게시물을 어떻게 표시합니까?

Divi에서 블로그 게시물을 표시하는 한 가지 방법은 블로그 페이지 템플릿 을 만드는 것입니다. 새 페이지를 만들고 페이지 속성 메뉴에서 블로그 페이지 템플릿을 선택하면 됩니다. 템플릿이 적용되면 블로그 게시물이 페이지의 기본 콘텐츠 영역에 표시됩니다.

블로그는 블로그 게시물을 표시하기 위한 Divi Builder 모듈 에서 찾을 수 있습니다. 블로그 모듈을 페이지에 추가할 때 더 흥미롭게 만들 수 있도록 스타일을 지정할 수 있습니다. Divi Builder의 블로그 모듈은 제한된 양의 스타일 옵션을 제공합니다. 예를 들어 블로그 게시물을 목록으로 표시하려면 모듈을 비활성화해야 합니다. 블로그 설정 패널의 디자인 블록에서 전체 너비 옵션을 선택합니다. CSS ID는 Classes 블록 아래에 표시됩니다. 왼쪽 블로그 이미지 CSS 클래스 필드를 사용하여 왼쪽 블로그의 CSS ID를 복사합니다. 필요에 따라 위의 코드를 변경할 수 있습니다.

Divi를 사용하는 경우 구텐베르크 편집기가 필요합니까?

Divi 테마를 사용하는 경우 구텐베르크 편집기가 필요하지 않습니다. Divi는 코드를 사용하지 않고도 사용자 정의 페이지와 게시물을 만들 수 있는 페이지 빌더 도구가 포함된 WordPress 테마입니다.

WordPress 5.0은 완전히 새로운 블록 편집기(Gutenberg라고도 함)를 플랫폼에 도입합니다. 새로운 Divi Builder 경험 은 디자인 경험을 향상시킬 뿐만 아니라 새로운 기능도 포함합니다. 이 튜토리얼에서는 WordPress 옵션, 새로운 Divi Builder 경험을 성공적으로 통합하는 데 필요한 단계, WordPress 사이트에서 이를 사용하는 방법에 대해 알아봅니다. WordPress 대시보드로 이동하여 Divi 메뉴의 테마 옵션에 액세스할 수 있습니다. 클래식(WordPress) 편집기는 빌더 옵션 탭으로 이동하고 고급 탭을 선택하여 활성화할 수 있습니다. 다음으로 사용 가능한 세 가지 옵션에서 페이지 디자인을 시작하는 방법을 선택합니다. 프런트 엔드 버튼의 빌드는 기존의 시각적 빌더 버튼 사용을 대체합니다.

프런트 엔드에서는 Divi Builder를 사용하여 시각적으로 매력적인 디자인 경험을 만듭니다. 새로운 Divi Builder에는 모든 기능과 백엔드에 Visual Builder가 포함되어 있습니다. 비주얼 빌더 경험은 빌더 상단에서 보기 모드를 선택하여 백엔드에서 활성화할 수 있습니다. Divi의 최신 버전에서 페이지를 편집할 때 Classic Divi Builder 로 돌아가는 것이 매우 간단합니다. 이제 Divi Builder에는 이전에 Visual Builder에서만 사용할 수 있었던 강력한 새 기능이 모두 포함됩니다. 백엔드에서도 Classic Divi Builder가 활성화되어 있는지 확인해야 합니다. 또한 워드프레스 5.0과 Divi의 호환성 수정을 업데이트해야 합니다.

WordPress 백엔드에서 새로운 Divi Builder를 사용하여 페이지 편집기에서 Classic Divi 페이지 빌더 로 다시 전환할 수 있습니다. 둘 다 동시에 사용할 수 있지만 어느 것이 선호되는지 결정해야 합니다. 곧 Gutenberg 내에서 즐겨 사용하는 Divi 모듈을 사용하거나 Divi Builder 내에서 Gutenberg 블록을 등록할 수 있습니다.

Divi와 Gutenberg Togethe 사용

구텐베르크 편집기를 사용해야 합니까? 디비 어떻게 사용하세요?
Gutenberg와 Divi를 모두 편집기로 사용할 때 더 이상 사용할 편집기를 사용할 필요가 없습니다. Divi와 Elementor는 모두 사용자 친화적이며 다양한 디자인 옵션을 제공합니다. Elementor는 작동 방식을 선호하지만 더 많은 유연성을 원하는 경우 Gutenberg에 대한 좋은 대안이 될 수 있습니다. Divi를 사용하면 가장 최적의 옵션과 디자인 옵션을 선택할 수 있습니다.
구텐베르크 편집기를 어떻게 사용합니까?
설치 및 활성화되면 설정으로 이동하여 "사용자가 편집기를 전환할 수 있도록 허용" 옵션에서 예를 클릭합니다. 클래식과 구텐베르크 중 하나를 선택하면 둘 사이를 전환할 수 있습니다.

Divi 블로그 게시물 템플릿

블로그 게시물 템플릿을 만드는 방법에는 여러 가지가 있습니다. 한 가지 방법은 WordPress 테마 폴더에 새 파일을 만들고 "blog-post.php"와 같은 이름을 지정하는 것입니다. 그런 다음 기존 WordPress 테마의 "single.php" 파일에서 코드를 복사하여 이 새 파일에 붙여넣을 수 있습니다. 이렇게 하면 작업할 기본 템플릿이 제공됩니다. 블로그 게시물 템플릿을 만드는 또 다른 방법은 WordPress Customizer와 같은 플러그인을 사용하는 것입니다. 이 플러그인을 사용하면 새 템플릿 파일을 만든 다음 새 게시물을 만들 때 드롭다운 메뉴에서 선택할 수 있습니다. 템플릿을 만든 후에는 고유한 코드를 추가하여 원하는 대로 사용자 지정할 수 있습니다. 예를 들어 블로그 게시물 템플릿에 추천 이미지를 추가할 수 있습니다. 이렇게 하려면 템플릿 파일에 다음 코드를 추가합니다. 이 코드는 현재 게시물에 추천 이미지 세트가 있는지 확인합니다. 그렇다면 게시물 상단에 추천 이미지가 표시됩니다. 템플릿에 다른 코드를 추가하여 추가로 사용자 지정할 수도 있습니다. 예를 들어 블로그 게시물 템플릿에 "더 읽기" 링크를 추가할 수 있습니다. php the_content( '더 읽기' ); ? > 이 코드는 게시물의 전체 내용을 표시한 다음 "더 읽기" 링크를 표시합니다. 블로그 게시물 템플릿을 사용자 정의할 때 무한한 가능성이 있습니다. 다음은 수행할 수 있는 작업의 몇 가지 예일 뿐입니다. 실험하고 무엇을 생각해낼 수 있는지 확인하세요!

이번 주 주간 Divi 디자인 이니셔티브의 일환으로 무료 블로그 게시물 템플릿 을 제공합니다. WordPress 사이트의 백엔드에서 Divi Theme Builder로 이동하여 템플릿을 다운로드할 수 있습니다. 새 템플릿을 업로드하면 모든 게시물이라는 새 본문 영역이 템플릿에 나타납니다. 템플릿 요소 수정을 시작하기 전에 먼저 템플릿을 열어야 합니다. 이 블로그 게시물 템플릿은 설치하는 즉시 블로그 게시물과 함께 작동하는 동적 요소로 가득 차 있습니다. 디자인에 이메일 옵틴 모듈을 포함하려면 이메일 계정을 연결해야 합니다. 텍스트, 버튼의 링크 URL, 수신 동의 이메일 주소와 같은 나만의 콘텐츠를 사이드바에 간단하게 추가할 수 있습니다.

Divi: 가장 강력한 블로그 솔루션

강력한 블로그 플랫폼인 Divi는 블로그 솔루션을 찾는 사람들에게 탁월한 선택입니다. 강력한 블로그 모듈을 사용하여 다양한 페이지에 콘텐츠를 표시하도록 선택할 수 있습니다. 아카이브 기능을 사용하면 특정 페이지에 게시물을 추가하고 단일 게시물 또는 여러 게시물에 표시할 수 있습니다. 또한 Divi에는 환상적인 블로깅 플랫폼이 되는 다양한 추가 기능이 있습니다.

Divi 단일 포스트 레이아웃

Divi Builder의 비주얼 편집기를 사용하면 드래그 앤 드롭이 가능한 단일 게시물을 빠르게 만들 수 있습니다. HTML 또는 CSS의 한 줄과 상호 작용할 필요가 없습니다. 태그 또는 카테고리와 같은 기준에 따라 전체 사이트 또는 특정 게시물/페이지에 대한 단일 게시물 레이아웃 을 생성하는지 여부에 관계없이 표시됩니다.