Hestia Pro 설명서

새로운 테마 설치 및 구성

계획을 구입 한 후 구매 내역에서 테마를 가져옵니다. 자세한 지침이 필요하면 Hestia 프리미엄 버전을 활성화하는 방법을 참조하십시오..

필수 플러그인

테마의 다양한 기능을 사용하려면 다음 플러그인을 설치해야합니다.

• Jetpack : 사이트에 포트폴리오 섹션을 추가합니다.
• WooCommerce : 사이트에 상점 페이지를 추가합니다.

• WPForms Lite : WPForms를 사용하면 몇 시간이 아닌 몇 분 안에 사이트에 대한 아름다운 연락처 양식, 가입 양식, 지불 양식 및 기타 유형의 양식을 만들 수 있습니다!

권장 이미지 크기

• 슬라이더 – 1920px × 1080px
• 심벌 마크 – 150px x 100px
• 헤더 – 1920px x 1080px
• 블로그 썸네일 – 360px x 240px

홈페이지 및 블로그 설정

Hestia로 홈페이지 및 블로그를 설정하려면 WordPress 대시 보드에서 새 페이지를 작성해야합니다. 첫 번째는 “홈”이라는 이름의 페이지 (또는 다른 이름)입니다. 두 번째는 블로그 용 페이지이며 페이지 제목 만 있으면됩니다..

위에서 언급 한 페이지를 만든 후에는 모양> 사용자 화> 홈페이지 설정

“정적 페이지“옵션 홈페이지

디스플레이 들. 적절한 페이지를 선택하고 설정을 저장하십시오. 이제 웹 사이트를 방문하여 마술 라이브를보십시오. 또한 기본 페이지 템플릿을 정적 홈페이지로 설정하면 항상 첫 페이지가 표시됩니다.

모양 설정

일반 설정

• 프론트 페이지 섹션 비활성화 – 블로그에 Hestia Pro를 사용하고 있습니까? 맞춤 프론트 페이지가 필요하지 않습니까? 이 옵션을 선택하면 프론트 페이지를 완전히 비활성화하여 사이트에서 쉽게 작업 할 수 있습니다.
• 박스 레이아웃?: 기본적으로 활성화되어 있습니다. 활성화 된 경우 테마는 상자 레이아웃을 사용하고 그렇지 않으면 전체 너비 레이아웃을 사용합니다.
• 페이지 사이드 바 레이아웃 – 이 옵션은 내부 페이지 (기본 템플릿 페이지 및 WooCommerce Shop Page)의 사이드 바 위치를 제어합니다. 전체 너비, 왼쪽 사이드 바 또는 오른쪽 사이드 바일 수 있습니다..
• 블로그 사이드 바 레이아웃 – 이 옵션은 블로그 관련 페이지 (블로그, 아카이브 및 단일 게시물 페이지)의 사이드 바 위치를 제어합니다. 전체 너비, 왼쪽 사이드 바 또는 오른쪽 사이드 바일 수 있습니다..

그것들은 일반적인 컨트롤이므로 모든 페이지에 적용됩니다. 특정 페이지 / 게시물이 다른 레이아웃을 가지도록하려면 Hestia Pro Settings 메타 박스의 각 개별 페이지 / 게시물에서 선택할 수 있습니다.

• 사이드 바 너비 – 사이드 바의 너비 (픽셀)를 제어하는 ​​옵션.
• 컨테이너 폭 – 사이트 전체의 모든 페이지에 대한 너비 (픽셀)를 제어하는 ​​옵션.

슬라이더를 조정하여 원하는대로 컨테이너 너비를 늘리거나 줄일 수 있습니다.

• 공유 아이콘 사용 – 단일 게시물 페이지에서 공유 옵션을 활성화 또는 비활성화하도록 선택합니다. 옵션은 Facebook, Twitter 및 Email입니다..
• 맨 위로 스크롤 사용 – 각 페이지 하단에 맨 위로 스크롤 버튼을 추가하는 옵션을 활성화 또는 비활성화하여 사용자가 페이지 상단으로 쉽게 돌아갈 수 있도록합니다..

타이포그래피

기본 글꼴이 필요에 맞지 않으면 다음에서 쉽게 변경할 수 있습니다. 커 스터 마이저 -> 모양 설정 -> 타이포그래피. 테마는 당신이 선택할 수있는 많은 아름다운 글꼴을 제공합니다.

배경 이미지

이제 웹 사이트의 배경을 선택할 차례입니다. 이 경우에만 홈페이지에 나타납니다 박스 레이아웃 사용 가능. 배경 이미지를 선택하면 원하는대로 조정할 수있는 추가 설정이 제공됩니다..

버튼 설정

첫 페이지 섹션

프론트 페이지 섹션은 Hestia Pro가 다른 머티리얼 디자인 테마와 차별화되는 섹션입니다. 프론트 페이지에서 거의 모든 것을 사용자 정의 할 수 있으며 다음과 같은 방법이 있습니다.

섹션 주문

우리는 과거에 섹션 순서에 대해 많은 레이아웃을 사용했지만 이번에는 모든 것을 적용하여 WordPress Customizer를 정렬 가능하게 만들었습니다. 섹션을 끌어서 놓아 원하는 방식으로 정렬 할 수 있습니다.

큰 제목 섹션

홈페이지에 슬라이더를 추가하려면 모양> 사용자 화> 첫 페이지 섹션> 큰 제목 섹션 원하는만큼 슬라이드를 추가하십시오. 각 슬라이드에서 배경 이미지와 원하는 내용 (사본)을 추가 할 수 있습니다.

큰 제목 섹션에 대한 추가 옵션 :

시차 효과 이미지의 두 레이어로. 이미지를 다음으로 선택 첫 번째 레이어 그리고 하나 두번째 층 두 이미지 사이의 시차 효과를 활성화합니다. 전체 시차 효과를 볼 수 있도록 이미지 중 하나에 투명한 부분이 있는지 확인하십시오..

비디오 헤더: 당신은 여기에 비디오를 업로드하거나 유튜브 링크를 입력 할 수 있습니다.

노트 : 작은 디스플레이에서는 대체 이미지 (헤더 이미지비디오 대신)가 표시됩니다. (대역폭을 염두에두기 위해)

선택 나열한 것 큰 제목 섹션의 왼쪽, 가운데 또는 오른쪽 정렬.

기능 섹션

기능 섹션에서 원하는 색상의 아이콘, 제목 및 기본 텍스트가 포함 된 반복 상자 형태로 기능 또는 서비스를 무제한으로 표시 할 수 있습니다..

페이지 빌더와 함께 Hestia의 사용자 정의 홈페이지 사용

Elementor 또는 다른 페이지 빌더를 사용하여 Hestia의 사용자 정의 홈페이지를 편집 할 수 있으려면 섹션 활성화 정보. 그렇지 않으면 다음과 같은 오류가 발생합니다. “페이지에서 콘텐츠 영역을 찾을 수 없습니다. Elementor가이 페이지에서 작업하려면 현재 템플릿에서 컨텐츠 함수를 호출해야합니다..“

섹션

설정 :

• 섹션 비활성화 – 섹션을 비활성화하는 옵션. 이 옵션은 이전에 언급 한 활성화 / 비활성화 옵션과도 동기화됩니다.
• 내용 – 정보 섹션의 주요 내용. 컨트롤은 텍스트, HTML 요소 및 미디어 첨부 파일을 지원합니다.
• 배경 정보 – 정보 섹션의 배경 이미지.

노트 : 컨텐츠 정보 제어는 프론트 페이지로 설정된 페이지와 동기화됩니다. 즉, 해당 페이지에 내용이 일부 변경되는 경우 컨트롤도 업데이트됩니다..

상점 섹션

홈페이지의 상점 섹션은 최고의 제품을 선보이도록 설계되었습니다. 이 섹션이 작동하려면 WooCommerce 플러그인을 설치 한 다음 제품을 추가해야합니다.

포트폴리오 섹션

Hestia Pro는 홈페이지에 포트폴리오 섹션이 있습니다. 이 섹션이 작동하려면 Jetpack 플러그인을 설치하고 포트폴리오 사용자 정의 포스트 유형을 활성화 한 후 고유 한 포트폴리오를 작성해야합니다..

Jetpack 플러그인을 활성화 한 후 포트폴리오 이 섹션에 콘텐츠를 추가 할 수있는 사이트 대시 보드의 맞춤 게시물 유형 첫 페이지에 포트폴리오 항목을 표시하려면 추천 이미지를 추가해야합니다.

포트폴리오 섹션에 사용할 수있는 두 가지 레이아웃 옵션이 있습니다. 아래의 맞춤 설정 도구를 통해 좋아하는 것을 선택할 수 있습니다 프론트 페이지 설정> 포트폴리오> 큰 상자 사용. 큰 상자 레이아웃을 사용하려면 프론트 페이지에 최소한 4 개 또는 5 개의 포트폴리오 항목이 표시되어야합니다..

또한있다 라이트 박스에서 열기 포트폴리오 섹션에서 사용 가능한 옵션입니다. 활성화하면 단일 포트폴리오 페이지가 열리는 일반적인 동작과 달리 라이트 박스에서 각 포트폴리오를 엽니 다..

팀 섹션

Hestia Pro를 사용하면 팀 섹션을 사용하여 사이트 홈페이지에서 팀원을 소개 할 수 있습니다. 여기에서 이미지, 이름, 회사 내 위치 및 소셜 링크와 같은 모든 팀 구성원에 대한 세부 사항을 추가 할 수 있습니다..

가격 섹션

Hestia Pro에는 아름다운 가격표가 제공됩니다. 위의 이미지에서 볼 수 있듯이 \ n으로 구분하여 테이블에 무제한 옵션을 추가 할 수 있습니다.

새로운 기능 : 각 요금표에 대해 멋진 아이콘을 추가 할 수 있습니다..

리본 섹션

설정 :

• 섹션 비활성화 – 섹션을 비활성화하는 옵션. (이 옵션은 앞에서 언급 한 활성화 / 비활성화 옵션과도 동기화됩니다.)
• 배경 이미지 – 리본 섹션의 배경 이미지.
• 본문 – 리본 섹션의 주요 내용 텍스트.
• 버튼 텍스트 – 리본 섹션의 버튼 라벨.
• 링크 – 리본 섹션의 버튼 링크.

회원 평가 섹션

이러한 매력적인 웹 사이트를 통해 고객은 반드시 좋은 말을 할 것입니다. 모양> 사용자 정의> 첫 페이지 섹션> 회원 평가를 통해 회원 평가 섹션에 단어를 아름답게 표시 할 수 있습니다..

구독 섹션

Hestia Pro는 홈페이지에 구독 섹션이 있습니다. 이 섹션이 작동하려면 SendinBlue 플러그인을 설치하고 Sendinblue> 홈으로 이동 한 후 해당 페이지의 문서를 따라야합니다. 먼저 SendinBlue 계정을 만들어야합니다. 이미 계정이있는 경우 액세스 키로 로그인해야합니다. 액세스 키는 계정에서 찾을 수 있습니다.

기본적으로 구독 위젯은 위 이미지와 같습니다. 데모 사이트에서보기를 원한다면 대시 보드> SendinBlue> 양식 기본 양식을 편집하거나 새 양식을 작성하십시오..

구독 양식 편집기에서 다음 코드를 추가 한 후 아래로 스크롤하여 저장 단추.

양식을 저장 한 후에는 모양> 사용자 화> 첫 페이지 섹션> 구독, 를 클릭하십시오 SendinBlue 플러그인 탭과 거기에 추가 SendinBlue 위젯. SendinBlue 위젯의 기본 양식을 선택하거나 새 양식을 작성한 경우 양식이 다음과 같이 선택되어 있는지 확인하십시오. 사용할 양식 위젯에서.

블로그 섹션

프론트 페이지의 블로그 섹션은 사용하기 매우 간단합니다. 항상 블로그의 최신 게시물을 표시합니다. 맞춤 설정 도구를 통해 여기에 표시 할 게시물 수를 선택할 수 있습니다.

고객 바 섹션

설정 :

• 섹션 비활성화 – 섹션을 비활성화하는 옵션 (이 옵션은 앞에서 언급 한 활성화 / 비활성화 옵션과도 동기화 됨).
• 고객 바 내용 – 이 영역에서 당신은 많은 것을 추가 할 수 있습니다 고객 상자 원하는대로. 각 클라이언트 상자에는 다음과 같은 옵션이 있습니다.
  • 영상 – 클라이언트 상자의 이미지.
  • 링크 – 클라이언트 상자에 연결.

연락 섹션

연락처 섹션은 WPForms 플러그인과 함께 작동합니다. 먼저 Dashboard-> Plugins에서 WPForms 플러그인을 설치하고 활성화해야합니다. WPForms Lite를 새로 추가하십시오..

원하는 양식을 작성한 후 연락처 섹션 필드에 단축 코드를 추가 할 수 있습니다.

단계별 자습서는이 안내서를 확인하십시오..

블로그 설정

홈페이지 외에도 블로그 페이지를 다음과 같이 사용자 정의하는 데 사용할 수있는 더 많은 옵션이 있습니다.

블로그 설정

저자 섹션

작성자 섹션을 사용하면 팀 섹션에서 블로그 페이지로 저자를 전송할 수 있습니다. 팀에서 저자를 선택하여 여기에 배치하고 배경 이미지를 변경할 수 있습니다.

구독 섹션

Hestia PRO는 동일한 Sendinblue 위젯을 사용하여 블로그 페이지에서도 구독 위젯을 허용합니다..

이 섹션의 주요 내용은 외관> 사용자 정의> 위젯> 블로그 구독 섹션 (또는 모양> 위젯> 블로그 구독 섹션). 거기에 “SendinBlue 위젯“. SendinBlue 위젯 설정 방법에 대한 자세한 내용은 프론트 페이지의 구독 섹션을 참조하십시오.

상점 설정

쇼핑 페이지

서로 다른 두 가지 중에서 선택 레이아웃 제품 스타일 : 박스형 또는 와이드.

이미지가 설정되지 않은 경우 머리글 그라디언트 색상이 페이지 머리글 배경으로 사용됩니다. 그라디언트 색상 대신 이미지를 설정하는 3 가지 방법이 있습니다. 아래는 가장 높은 우선 순위에서 가장 낮은 우선 순위로 나열됩니다..

• 페이지 특집 이미지.
• 로 이동하여 맞춤 설정 도구에서 변경할 수있는 헤더 이미지 외관– > 커스터마이즈– > 헤더 옵션 -> 헤더 이미지
• 로 이동하여 맞춤 설정 도구에서 변경할 수있는 배경 이미지 외관 -> 커스터마이즈 -> 모양 설정 -> 배경 이미지.

헤더 그라디언트 색상은 맞춤 설정 도구에서 변경할 수 있습니다 그림 물감 패널.

그림 물감

Hestia Pro를 사용하면 테마의 기본 색상을 변경할 수 있습니다. 당신은 그것을 할 수 있습니다 모양> 사용자 화> 색상. 여기에서 배경 및 기본 악센트 색상, 제목 및 기본 텍스트 색상을 선택할 수 있습니다.

헤더 옵션

머리글 옵션 섹션에서는 매우 맨 위 막대 섹션과 탐색 위치를 수정할 수 있습니다.

헤더 설정

헤더 영역을 사용자 정의하는 옵션은 다음과 같습니다 (기본적으로 분홍색으로 표시됨)..

헤더 영역의 레이아웃에는 게시물 및 페이지와 WooCommerce 제품에 대한 두 가지 컨트롤이 있습니다..

그만큼 게시물 / 페이지 헤더 레이아웃 모든 게시물과 페이지에 적용되며 선택할 수있는 세 가지 옵션 (제목 헤더, 제목 외부 헤더, 헤더 없음)이 있습니다..

그만큼 제품 헤더 레이아웃 모든 WooCommerce 제품에 적용되며 선택할 수있는 두 가지 옵션 (헤더 포함, 헤더 없음)이 있습니다.

맨 위 바 섹션

Hestia에는 사이트 상단에 나타나는 최상위 막대 섹션이 있습니다. 이 섹션을 활성화하는 방법에 대한 자세한 내용과 여기에 멋진 예제가 있습니다. .

항해

여기에 레이아웃을 변경하는 옵션이 있습니다
탐색 영역. 세 구성 요소의 정렬 방식 변경.

또한 여기에 검색 상 기본 메뉴에서.

바닥 글 옵션

당신은 쉽게 위젯의 수와 위치를 직접 선택할 수 있습니다 커 스터 마이저 -> 바닥 글 옵션.

• 바닥 글 크레딧 : 여기에 바닥 글에 표시하려는 크레딧을 넣을 수 있습니다. 제한이 없습니다. 무엇이든 가능합니다.

메뉴 설정

Hestia 테마는 한 페이지의 시차 디자인을 염두에두고 제작되었습니다. 이 기능을 추가하기 위해 테마의 첫 페이지를 여러 섹션으로 나누었습니다. 메뉴에서 해당 섹션에 연결하는 것은 매우 간단합니다. 섹션 앵커를 메뉴에 지정하기 만하면됩니다. 방법은 다음과 같습니다.

로 이동 모양> 메뉴 당신의 워드 프레스 대시 보드. 아래와 같이 섹션에 앵커를 만듭니다..

Hestia Pro 테마의 모든 섹션 목록은 다음과 같습니다.

• 슬라이더 섹션-# carousel-hestia-generic
• 섹션 정보-#about
• 기능 섹션-# 기능
• 팀 섹션-# 팀
• 상점 섹션-#products
• 구독 섹션-#subscribe
• 포트폴리오 섹션-#portfolio
• 회원 평가 섹션-# 증언
• 가격 섹션-#pricing
• 블로그 섹션-#blog
• 문의 섹션-#contact
• 리본 섹션 – #리본
• 고객 바 섹션 – # 고객

사이트에 여러 페이지가있는 경우 ID 전에 사이트의 전체 링크를 사용하여 한 페이지에서 다른 페이지로 이동할 수 있어야합니다. 이 같은: https://www.sitename.com/#features

Hestia 메뉴에 아이콘 추가

우리는 Font Awesome을 좋아합니다! 우리는 우리의 주제와 함께 번들로 제공하기 때문에 너무 좋아서 메뉴 항목과 함께 사용할 수 있습니다.

먼저 메뉴 항목에 제목 속성을 활성화해야합니다. 활성화 한 후 메뉴 항목에 Font Awesome 클래스를 추가 할 수 있습니다. 그것은 할 수 있습니다 모양> 메뉴, 맞춤 설정 도구뿐 아니라 해당 필드에 두 개의 클래스를 배치해야합니다. 파 아이콘 클래스 (fa-home 예를 들어). 모든 아이콘 목록은 여기에서 찾을 수 있습니다.

메뉴에 버튼 스타일 추가

아이콘과 마찬가지로 다양한 클래스를 사용하여 각 메뉴 항목의 스타일을 지정할 수 있습니다. 당신은 추가해야합니다 btn CSS 클래스 필드로 이동 한 다음 btn- 기본. 이 색상은 맞춤 설정 도구에서 설정 한 색상을 색상> 악센트 색상 선택권. 추가하면 btn-round 클래스, 버튼은 둥근 테두리를 얻을 것이다.

CSS 클래스 필드가 메뉴 항목에 나타나지 않으면 화면 옵션에서 활성화 할 수 있습니다.

화이트 라벨

화이트 라벨링은 주로 자신의 클라이언트를 위해 웹 사이트를 구축하고 테마의 개발자임을 증명하려는 대행사 및 개발자가 사용합니다. 사용하여 화이트 라벨 Hestia Pro에서 제공하는 옵션을 사용하면 테마의 이름을 쉽게 바꾸고 자신의 테마를 제시 할 수 있습니다.

화이트 라벨 기능을 사용하려면 모양> 사용자 화> 화이트 라벨. 거기에 대한 링크를 찾을 수 있습니다 화이트 라벨 설정.

거기에서 저자 이름 및 링크, 테마 이름, 설명 및 사용자 정의 스크린 샷과 같은 고유 한 브랜딩 요소를 추가 할 수 있습니다.

변경 사항 저장을 클릭하면 테마에서 Hestia Pro 및 ThemeIsle의 참조가 사용자 정의 이름으로 자동 대체됩니다..

또한 사이트의 백엔드에 액세스 할 수있는 클라이언트 / 사용자에게이 설정을 숨기려면 화이트 라벨 사용 비녀장. 변경 사항을 저장하면 옵션이 사라집니다. 외관 > 커스터마이즈. 나중에 옵션을 다시 활성화하려면 Hestia Pro를 비활성화했다가 다시 활성화하면됩니다..

맞춤 레이아웃

이 모듈을 사용하면 후크를 기반으로 테마의 다양한 위치에 배치 할 수있는 사용자 정의 섹션을 작성할 수 있습니다. 예를 들어 테마의 첫 페이지 섹션 사이에 새 섹션을 추가 할 수 있습니다..

이 모듈의 또 다른 중요한 기능은 자신 만의 머리글 / 바닥 글을 만들고 테마에서 머리글 / 바닥 글을 바꿀 수 있다는 것입니다. 자신의 레이아웃을 시작하려면이 안내서를 확인하십시오.

헤스티아 번역

하나의 언어:

Hestia는 Loco Translate와 같은 번역 플러그인과 호환됩니다..

우리는 또한 여기에 많은 인기있는 언어로 번역이 가능합니다. 번역 된 .po 및 .mo 파일을 다운로드하여 사용할 수 있습니다.

여러 언어 :

Hestia Pro를 여러 언어로 번역하려면 Polylang, TranslatePress 또는 WPML과 같은 플러그인을 사용할 수 있습니다. 다음 링크는 작동 방식을 자세히 설명합니다.

• Polylang으로 Hestia Pro를 번역하는 방법
• WPML로 Hestia Pro를 번역하는 방법
• TranslatePress로 Hestia Pro를 번역하는 방법

Hestia Pro 테마에서 단축 코드를 사용하는 방법

대시 보드 모양-> 사용자 정의-> 첫 페이지 섹션으로 이동하여 단축 코드가 나타날 때까지 원하는 섹션으로 마우스를 가져갑니다..

다른 페이지에서 사용할 수있는 단축 코드는 다음과 같습니다.

• 풍모: [hestia_features]
• 리본: [헤스티아 _ 리본]
• 고객 바: [hestia_clients_bar]
• 가게: [hestia_shop]
• 포트폴리오: [hestia_portfolio]
• 팀: [hestia_team]
• 가격: [hestia_pricing]
• 회원 평가: [hestia_testimonials]
• 구독: [hestia_subscribe]
• 블로그: [hestia_blog]
• 접촉: [hestia_contact]

그런 다음 Elementor 플러그인 https://wordpress.org/plugins/elementor/를 설치해야합니다.

Elementor 플러그인을 사용하여 단축 코드 추가.

드래그 앤 드롭 옵션으로 쉽게 수행 할 수 있습니다. 여기서 원하는 섹션의 단축 코드를 붙여 넣어야합니다.

Hestia Pro는 Creative Tim에서 만든 머티리얼 키트를 기반으로합니다..

Jeffrey Wilson Administrator

Sorry! The Author has not filled his profile.

follow me