Divi 블로그 게시물 템플릿에 전각 추천 이미지를 포함하는 방법

게시 됨: 2022-01-02

전각 추천 이미지는 모든 블로그 게시물에서 멋지게 보입니다. 다행히 Divi 테마 빌더를 사용하여 쉽게 추가할 수 있습니다. 추가하는 방법에는 여러 가지가 있으므로 필요에 가장 적합한 방법을 선택할 수 있습니다. 이 기사에서는 블로그 게시물 템플릿에 전체 너비 이미지를 추가하는 네 가지 방법을 살펴보겠습니다.

시사

동적 섹션 배경 바탕 화면

동적 섹션 배경 전화

게시물 제목 모듈 데스크탑

게시물 제목 모듈 전화

별도의 이미지 데스크탑

별도의 이미지 전화

텍스트 모듈 데스크탑이 있는 전체 너비 이미지

텍스트 모듈 전화가 있는 전체 너비 이미지

블로그 게시물 템플릿 정보

먼저 블로그 게시물 템플릿을 만들거나 업로드해야 합니다. 블로그 게시물 템플릿은 콘텐츠가 프런트 엔드에 표시될 때 사용할 디자인을 제공합니다. "무료 블로그 게시물 템플릿"에 대해 우아한 테마 블로그를 검색하여 많은 Divi 레이아웃에 대한 무료 블로그 게시물 템플릿을 얻을 수 있습니다. 템플릿 파일을 다운로드하고 압축을 풉니다.

블로그 게시물 템플릿을 Divi 테마 빌더에 업로드할 때 할당할 필요가 없습니다. 이것은 자동으로 수행됩니다. 템플릿을 처음부터 작성하는 경우 템플릿 설정에서 수동으로 게시물에 할당해야 합니다.

내 예에서는 Divi의 홈 케어 레이아웃 팩용 무료 블로그 포스트 템플릿을 사용하고 있습니다. 이 템플릿에는 이미 추천 이미지가 포함되어 있습니다. 작동 방식과 추가할 수 있는 다른 방법을 살펴보겠습니다.

블로그 게시물 템플릿 업로드

압축을 푼 블로그 템플릿 JSON 파일을 업로드하려면 WordPress 대시보드에서 Divi > Theme Builder 로 이동합니다. 오른쪽 상단 모서리에서 이식성 을 선택하고 열리는 모달에서 가져오기 탭을 선택합니다. 압축을 푼 파일로 이동하여 선택합니다. Divi 테마 빌더 템플릿 가져오기 를 클릭하고 가져오기가 완료될 때까지 기다립니다. 변경 사항 저장 을 클릭합니다. 템플릿은 모든 게시물 에 자동으로 할당됩니다.

블로그 게시물 템플릿에 전체 너비 이미지 추가

편집 아이콘 을 클릭하여 템플릿을 엽니다.

블로그 게시물 템플릿에 전체 너비 이미지 추가

이 템플릿은 화면 상단에 메타를 표시한 다음 카테고리, 게시물 제목, 뉴스레터 가입 양식, 콘텐츠 본문, 댓글 및 CTA를 표시합니다.

동적 섹션 배경이 있는 블로그 게시물 템플릿에 전체 너비 이미지 추가

먼저 이 템플릿이 사용하는 방법을 살펴보겠습니다. 추천 이미지는 섹션의 배경 에서 동적 으로 선택됩니다. 90deg 방향, 35% 시작 위치, 90% 끝 위치의 흰색 선형 그래디언트를 포함하며 배경 이미지 위에 배치됩니다.

첫 번째 색상: #ffffff
두 번째 색상: rgba(0,0,0,0)
그라디언트 유형: 선형
기울기 방향: 90deg
시작 위치: 35%(태블릿의 경우 45%)
끝 위치: 90%
배경 이미지 위에 그라디언트 배치: 예

동적 섹션 배경이 있는 블로그 게시물 템플릿에 전체 너비 이미지 추가

이미지 를 선택하고 동적 콘텐츠 사용 을 클릭합니다.

동적 섹션 배경이 있는 블로그 게시물 템플릿에 전체 너비 이미지 추가

목록 상단에서 추천 이미지 를 선택합니다. 저장 및 종료. 이제 추천 이미지가 해당 섹션의 콘텐츠 뒤에 나타납니다.