WordPress 웹사이트의 바닥글 영역은 정말 중요합니다. 올바르게 사용하면 사용자가 정보를 찾고 웹 사이트에서 자신의 존재를 확장하는 데 도움이 될 수 있습니다. 따라서 WordPress 바닥글은 잘 디자인되고 기능적이어야 합니다. 이 게시물에서는 웹사이트 바닥글에 사용할 수 있는 4가지 Divi 바닥글 요소에 대해 설명합니다. 또한 Divi에 통합하는 방법을 살펴보겠습니다.
비록 우리가 네 가지 별개의 부분을 다루고 있지만, 각각은 다양한 가능한 구성을 가지고 있습니다. 우리는 16가지 별개의 가능성과 그 중 몇 가지에 대한 다양한 대안을 제시할 것입니다. 이 네 가지 요소를 빌드하는 추가 방법이 많이 있지만 시작하는 데 도움이 됩니다.
바닥글 요소 1: 연락처 정보
먼저 연락처 정보를 살펴보겠습니다. 이 정보를 통해 고객은 귀하에게 연락하고 귀하의 실제 위치를 찾을 수 있습니다. 이 정보는 자주 연락처 페이지에 자세히 표시되지만 일부 정보를 바닥글에 포함하는 것도 도움이 됩니다. 이 정보의 더 짧은 변형은 Divi에서 바닥글 요소로 잘 작동합니다.
기본 연락처 정보
이메일 주소, 전화번호, 실제 주소는 모두 기본 연락처 정보로 간주됩니다. 또한 매장에 영업 시간 및 기타 정보를 추가할 수 있습니다. 이들은 종종 별도의 텍스트 모듈과 함께 추가됩니다. 다른 모듈은 제목, 구분선 및 문체 테두리와 같은 구별되는 특성을 제공합니다.
놀라운 웹사이트 만들기
최고의 무료 페이지 빌더 Elementor와 함께
지금 시작문의 양식
방문자가 신속하게 연락할 수 있도록 연락처 양식을 포함합니다. 이는 문의 양식 모듈을 사용하여 수행됩니다. 원하는 만큼 필드를 추가하되 바닥글은 단순하게 유지하십시오.
소셜 미디어 팔로우
소셜 네트워크 팔로우 버튼은 거의 모든 바닥글에 훌륭한 추가 기능입니다. 30개 이상의 소셜 미디어 플랫폼에서 선택할 수 있는 소셜 미디어 팔로우 기능을 사용하여 추가하십시오.
지도
지도는 실제 위치나 이벤트 장소로 안내하는 데 탁월합니다. Map 모듈을 통해 간단하게 통합할 수 있습니다. 전체 너비이거나 단일 열만 차지할 수 있습니다. 또한 Google Maps HTML을 텍스트 또는 코드 모듈에 통합할 수 있습니다.
바닥글 요소 2: 클릭 유도문안
그 다음이 CTA입니다. 클릭 유도문안은 Divi에서 효과적인 바닥글 구성 요소입니다. 바닥글에 클릭 유도문안을 포함하면 비즈니스 목표에 중요한 것을 홍보할 수 있는 또 다른 기회가 생깁니다. 이것은 이메일 구독, 멤버십, 쇼핑 페이지 링크 또는 정보 요청 알림의 형태를 취할 수 있습니다.
신청
이메일 목록이나 뉴스레터 구독은 이메일 수신 동의 모듈을 추가하는 것만큼 간단합니다. 이것은 텍스트 모듈을 사용하여 제목을 생성하지만 원하는 경우 이메일 옵틴 모듈을 사용할 수도 있습니다.
클릭 유도문안 구매
온라인 상점에 대한 링크를 만들어 방문자에게 재고 여부를 알립니다. 쇼핑 CTA는 대부분의 다른 링크보다 크고 눈에 잘 띄어야 합니다. 예를 들어, 전체 너비이거나 열에 포함될 수 있습니다. 이것은 제목에 Text 모듈을 사용하고 하이퍼링크에 Button 모듈을 사용합니다. 또한 열에 이제 배경색이 있습니다.
프로젝트 CTA
프로젝트 클릭 유도문안은 방문자가 견적을 받거나 추가 정보를 위해 귀하에게 연락하도록 설득할 수 있습니다. 주변 요소보다 크지만 기본적이고 깔끔하게 유지될 때 가장 잘 작동합니다. 이 프로젝트의 CTA는 Text 및 Button 구성 요소를 사용하여 만들었습니다. 버튼을 누르면 연락처 양식이 포함된 다른 페이지로 이동할 수 있습니다.
바닥글 요소 3: 링크
그 다음에는 링크에 대해 논의해 보겠습니다. 링크는 WordPress 바닥글에서 가장 자주 접하는 기능 중 하나입니다. 그들은 Divi 바닥글 요소로 훌륭하게 작동하며 사용하기 정말 쉽습니다. 방문자를 페이지, 게시물, 댓글, 제품, 이벤트 및 서비스 등으로 안내할 수 있습니다. 또한 다양한 방법으로 생성할 수 있습니다.
페이지에 연결됨
특정 항목에 대한 링크, 법률 정보, 회사 및 직원에 대한 정보, 연락처 페이지 등. 또한 상위 메뉴에 포함하고 싶지 않은 페이지에 연결할 때 유용합니다. 일반적으로 이러한 연결은 수동으로 생성됩니다. 이 예제에서 모든 링크를 빌드하는 데 텍스트 모듈이 사용되었습니다.
게시물 및 제품
바닥글에는 가장 최근 게시물 및 제품 목록이 표시됩니다. 또한 WooCommerce 제품을 카테고리, 하이라이트, 엄선 또는 인기도별로 구성할 수 있습니다. 적절한 위젯을 WordPress 위젯 영역에 추가한 다음 사이드바 모듈을 사용하여 Divi 바닥글에 추가합니다. 이 예는 WooCommerce 카테고리를 보는 방법을 보여줍니다.
탐색 메뉴
링크가 쌓이면 탐색 메뉴가 환상적으로 보입니다. 위젯 화면에서 스택 탐색 메뉴 위젯을 바닥글 영역에 추가한 다음 Divi 바닥글에서 사이드바 모듈을 사용할 수 있습니다. 모듈의 옵션 내에서 바닥글 영역을 선택합니다. 이것은 탐색 메뉴의 수직 스택을 생성합니다. 메뉴를 가로로 표시하려면 메뉴 모듈을 사용하십시오.
서비스 등
바닥글은 무엇보다도 서비스, 프로젝트, 포트폴리오, 전기, 사례 연구 및 예정된 이벤트에 대한 링크를 제공하는 훌륭한 위치입니다. 이미지나 아이콘으로 강조 표시할 수 있다는 점을 제외하면 기존 링크와 유사하게 작동합니다. 모든 프로젝트와 서비스에 연결하는 대신 몇 가지 핵심 링크에 집중하세요. 이러한 서비스 링크는 Blurb 모듈을 사용하여 생성되었습니다. 서비스 페이지에 왼쪽 정렬된 이미지와 헤드라인이 포함되었습니다. 이 예제에서는 텍스트 모듈을 사용하여 프로젝트 및 포트폴리오 링크를 구성했습니다.
바닥글 요소 4: 회사 정보
마지막으로 회사 데이터를 살펴보겠습니다. 이것은 Divi에서 가장 중요한 바닥글 요소 중 하나입니다. 종종 이러한 유형의 콘텐츠는 페이지의 다른 위치에 적합하지 않습니다. 또한, 이것은 자료의 요약 역할을 합니다. 여기에는 저작권, 확고한 목표 선언문, 회사 정보, 인물이나 물건의 사진 등이 포함됩니다. 간단하게 해주세요.
저작권 고지
일반적으로 저작권 표시는 바닥글 하단에 표시됩니다. Text 모듈을 사용하여 생성됩니다. 연도를 수동으로 또는 동적으로 입력할 수 있습니다. 동적 저작권 날짜를 생성하려면 텍스트 모듈의 콘텐츠 편집기에서 아이콘을 클릭하고 현재 날짜를 선택하고 날짜 형식으로 사용자 지정을 선택하고 사용자 지정 날짜 형식으로 Y를 입력합니다.
사명 선언문
사명 선언문은 귀하의 비즈니스에 대해 많은 것을 전달할 수 있습니다. 기부자와의 좋은 관계에 의존하는 자선 단체 및 교회와 같이 다른 사람을 돕고 기부를 받는 조직에 특히 중요합니다. 또한 사명 선언문은 텍스트 모듈을 사용하여 간단하게 통합할 수 있습니다.
브랜딩
로고와 같은 브랜딩 요소를 포함하여 방문자에게 귀하가 누구인지 상기시킬 수 있습니다. 이미지 모듈을 사용하여 로고를 포함합니다.
사진
사진은 청중과의 관계를 구축하는 훌륭한 방법이 될 수 있습니다. 이미지 모듈을 포함하여 이름 또는 연락처 정보에 대한 텍스트 모듈과 함께. 또한 제품 이미지나 작업 샘플을 제공할 수 있습니다. 바닥글에는 하나 또는 두 개의 겸손한 사진이면 충분합니다.
증명서
평가는 신뢰성을 확립하는 데 도움이 될 수 있습니다. 평가 모듈을 포함하여 하나를 만드십시오. Slider 모듈을 사용하여 추가 슬라이드를 추가하고 한 번에 하나씩 표시하도록 설정할 수 있습니다. 그것들을 간략하게 유지하십시오.
마지막 생각들
이것으로 웹사이트에서 간과할 수 없는 4가지 Divi 바닥글 기능과 이를 통합하는 방법에 대한 연구를 마 칩니다 . 요소의 세부 사항은 사용자에게 맡기지만 모든 바닥글에는 이 네 가지가 포함되어야 합니다. 이 예제는 이러한 항목을 만드는 한 가지 기술을 보여주지만 다른 모듈과 바닥글 위치를 사용하여 만들 수도 있습니다. 이것들이 무엇이고 어떻게 만들어지는지에 관해서는 많은 자유도가 있습니다. 바닥글 섹션이 복잡하지 않은지 확인하십시오. 테두리와 다른 배경색을 사용하여 구성 요소와 바닥글 부분을 구분합니다. Divi Theme Builder를 사용하여 이 4가지 중요한 바닥글 기능을 통합함으로써 방문자를 위한 바닥글의 가치와 유용성을 높일 수 있습니다.
