일반 표제는 한 스타일의 텍스트 블록 한 개입니다. 이중 표제는 그 표제를 두 부분으로 분할하여 스스로 스타일을 지정할 수 있으므로 첫 번째 단어와 두 번째 단어는 각각 고유한 색상,배경 및 타이포그래피와 같은 투톤 제목을 구축하는 방법입니다 마스터 애드온 옆에 한 가지 색상으로 엘리멘터용 또 다른 경우에는 사용자 정의 CSS를 건드리지 않고.
X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 듀얼 헤딩 위젯 에서 Elementor용 마스터 애드온 두 부분,선택적 소제목 및 선택적 아이콘을 단일 위젯에 모두 담습니다. 이 안내서는 마스터 애드온과 함께 무료로 제공되는 동일한 위젯을 사용하여 콘텐츠 및 스타일 탭의 모든 설정을 다룹니다.
여기에 당신이 끝낼 것입니다, 그 위에 아이콘과 아래에 소제목이있는 두 가지 색상의 제목:
시작하기 전에 #
- Elementor가 설치되고 활성화되었습니다
- Elementor용 마스터 애드온이 설치되고 활성화되었습니다(설치 가이드)
- Elementor 편집기에서 페이지 또는 템플릿이 열립니다
1단계: 이중 제목 위젯을 추가합니다 #
Elementor 편집기에서 위젯 패널을 열고 검색합니다 이중 제목. 페이지로 드래그하십시오. Master Addons 위젯은 “MA”배지를 가지고 있으므로 목록에서 쉽게 찾을 수 있습니다. 페이지에 있으면 편집기가 페이지를 엽니 다 이중 제목 편집 세 개의 탭이 있는 왼쪽 패널: 콘텐츠, 스타일, 고급.
2 단계: 내용 설정 #
X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 콘텐츠 탭은 텍스트를 입력하고 기본 레이아웃을 선택하는 곳입니다. 각 필드의 작업:
- 스타일 사전 설정 두 부분에 대해 기성품 모양을 선택합니다. 스위칭 사전 설정은 첫 번째 및 두 번째 제목이 함께 앉는 방식을 변경합니다.
- 정렬 전체 블록을 왼쪽, 중앙 또는 오른쪽으로 설정합니다.
- 첫 번째 제목 는 제목의 첫 번째 부분입니다 (예를 들어, “마스터 애드온”).
- 두 번째 제목 는 두번째 부분입니다 (“For Elementor”). 이것은 보통 다른 색으로 강조한 부분입니다.
- 제목 URL 전체 제목을 링크로 만들어 영웅 섹션에 편리하게 사용할 수 있습니다.
- 하위 제목 제목 아래에 있는 설명 줄입니다.
- 아이콘 활성화 제목 위에 아이콘을 켭니다.
- 제목 태그 HTML 태그인 H1 부터 H6 까지 설정합니다. 페이지의 메인 타이틀은 H1 을 사용하고 섹션 타이틀은 H2 를 사용하여 페이지가 깔끔한 표제 구조를 유지합니다.
3 단계: 아이콘 추가 (선택 사항) #
뒤집기 아이콘 활성화 에 예 그리고 an 아이콘 필드가 나타납니다. 라이브러리에서 아이콘을 선택하거나 자신만의 SVG 를 업로드하세요. 마스터 애드온 번들 8 개의 프리미엄 아이콘 라이브러리,그래서 Elementor 를 떠나지 않고 선택할 수있는 수천 가지가 있습니다. 아이콘은 제목 위에 위치하며 이전에 설정 한 것과 동일한 정렬을 따릅니다.
4단계: 첫 번째와 두 번째 제목을 스타일링합니다 #
로 전환하십시오 스타일 탭. 이중 표제가 그 이름을 얻는 곳입니다. 당신은에 대한 별도의 섹션을 얻을 첫 번째 제목 그리고 두 번째 제목각각 고유한 제어 기능이 있습니다:
- 텍스트 색상 제목의 해당 부분에 대해
- 배경 그 부분 뒤에 색상 (이 상자 투톤 모양을 만드는 것입니다)
- 타이포그래피 글꼴 패밀리, 크기, 무게 및 간격용
- 패딩 그리고 여백 각 부품 주위의 간격을 제어합니다
두 섹션이 독립적이므로 첫 번째 부분은 어두운 배경을,두 번째 부분은 빨간색을 주거나 브랜드 색상과 정확히 일치시킬 수 있습니다. 두 번째 제목 배경을 브랜드 악센트로 설정하면 사람들이 영웅 섹션에서 사용하는 강조 표시된 단어 효과를 볼 수 있습니다: 두 부분이 서로 다른 패딩을 사용하는 경우 고르지 않게 보일 수 있으므로 상자를 정렬할 때 양면을 동일한 값으로 설정합니다.
5단계: 소제목을 스타일링합니다 #
X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 설명 섹션 스타일 제목 아래 부제목 라인. 당신은 얻을 텍스트 색상, 타이포그래피, 그리고 동일합니다 패딩 그리고 여백 컨트롤. 일반 자막의 경우 색상을 더 부드러운 회색으로 떨어 뜨리거나 표제 색상 중 하나에 일치시켜 블록을 묶습니다.
6 단계: 아이콘 스타일 지정 #
아이콘을 켜면 아이콘 스타일 section 이 그것을 제어한다. set the 아이콘 크기 슬라이더를 사용하여 픽셀 단위로 선택하고 다음을 선택합니다 아이콘 색상 둘 다 보통의 그리고 호버 상태. 전체 제목이 링크일 때 별도의 호버 색상이 좋은 터치입니다.
제목이 오른쪽으로 보이면 을 클릭합니다 출판하다 (또는 업데이트) 페이지를 저장하려면.
이중 제목 위젯이 도움이 되는 곳 #
- 영웅 섹션2색 제목이 중요한 부분에 시선을 사로잡는 곳입니다.
- 섹션 제목 그것은 하나의 강조 된 단어가 필요합니다, 처럼 “우리의 최고의 일하다”.
- 랜딩 페이지굵은 제목과 지원 소제목을 하나의 위젯에 페어링합니다.
- 가격 또는 기능 블록박스형 투톤 스타일이 헤드라인을 구성하는 곳입니다.
자주 묻는 질문 #
Elementor의 이중 제목 위젯은 무엇입니까?
제목을 따로 스타일을 지정할 수 있는 두 부분으로 나누는 Master Addons 위젯입니다. 각 부분은 고유한 색상,배경 및 타이포그래피를 가지므로 CSS 를 작성하지 않고도 두 가지 색상의 제목을 만들 수 있습니다.
Elementor 에서 두 가지 색상의 제목을 어떻게 만들 수 있습니까?
마스터 애드온 듀얼 제목 위젯을 추가하고 첫 번째 제목과 두 번째 제목에 텍스트를 입력한 다음 스타일 탭을 열고 각 부분에 대해 다른 텍스트 색상 또는 배경을 설정합니다. 그러면 두 가지 색상의 제목이 제공됩니다.
제목에 부제목과 아이콘을 추가할 수 있나요?
예. 하위 제목 필드는 제목 아래에 설명 줄을 추가하고 아이콘 사용 토글은 그 위에 아이콘을 배치합니다. 둘 다 스타일 탭에 색상,크기 및 타이포그래피에 대한 자체 스타일 컨트롤이 있습니다.
어떤 제목 태그를 사용해야 하나요?
페이지의 기본 제목은 H1,섹션 제목은 H2 로 표제 태그를 설정합니다. 표제의 역할에 태그를 일치시키면 페이지 구조가 깨끗하게 유지되므로 독자와 검색 엔진 모두에 도움이 됩니다.
듀얼 헤딩 위젯에 Elementor Pro가 필요합니까?
아니요. 듀얼 헤딩 위젯은 Elementor 무료 버전에서 작동하므로 Elementor Pro 없이도 모든 콘텐츠와 스타일 설정을 사용할 수 있습니다.
