Elementor를 사용하여 WordPress에서 사용자 정의 헤더를 생성하시겠습니까?
헤더는 모든 웹사이트에 있어야 하는 중요한 요소 중 하나입니다. 헤더에는 일반적으로 메뉴가 포함되어 있어 방문자가 웹사이트의 중요한 페이지로 쉽게 이동할 수 있습니다. 일반적으로 웹 사이트 헤더에서 발견되는 또 다른 요소는 로고입니다.
발견 WordPress에 Elementor를 설치하는 방법
가장 워드 프레스 테마, 무료이든 유료이든 웹사이트 로고나 탐색 메뉴를 추가하여 헤더를 사용자 정의할 수 있습니다. 약간 워드 프레스 테마, 검색 표시줄 및 소셜 미디어 아이콘과 같은 추가 요소를 추가할 수 있습니다.
그러나 WordPress에서 헤더를 대체하기 위해 사용자 정의 헤더를 생성할 수 있습니까? 워드 프레스 테마 자산?
물론 WordPress 웹 사이트에서 현재 활성화된 테마의 기본 헤더를 재정의하는 사용자 지정 헤더를 만들 수 있습니다.
프로그래밍 기술(이 경우 PHP)이 있는 경우 워드 프레스 테마 큰 문제는 아닙니다. 프로그래밍 기술이 없는 경우 Elementor를 사용하면 한 줄의 코드를 작성하지 않고도 사용자 지정 헤더를 만들 수 있습니다. 시각적 끌어서 놓기 편집기를 통해 머리글을 만들 수 있습니다.
참고 : 테마 빌더는 Elementor Pro에서만 사용할 수 있습니다.
Elementor를 사용하여 WordPress에서 사용자 정의 헤더를 만드는 방법
Elementor의 프로 버전에는 테마 빌더. 이 기능을 사용하면 워드 프레스 테마 코딩 없이. Elementor의 테마 빌더로 만들 수 있는 테마 요소는 다음과 같습니다.
- 헤더
- 바닥 글
- 단일 게시물 템플릿
- 아카이브 페이지 템플릿
- 404 페이지 템플릿
이 기사에서는 Elementor를 사용하여 WordPress 테마에 대한 사용자 정의 헤더를 만드는 방법을 보여줍니다. 게시되면 이 사용자 정의 헤더가 현재 테마의 헤더를 대체합니다.
시작하기 전에 다음을 설치했는지 확인하십시오. Elementor 프로 워드프레스 웹사이트에서.
먼저 템플릿 -> 테마 빌더.
테마 빌더 페이지에서 탭으로 이동합니다. 헤더 및 버튼을 클릭 에 추가 새 헤더를 생성합니다.
템플릿 이름을 지정하라는 팝업 창이 나타납니다. 모델 이름을 입력하고 버튼을 클릭하십시오. 모델 만들기.
Elementor를 사용하면 템플릿에서 헤더를 만들 수 있습니다. 모델 라이브러리에서 사용 가능한 모델 중 하나를 선택하고 버튼을 클릭합니다. 삽입 Elementor 편집기에 로드합니다.
헤더를 처음부터 만들 수도 있습니다. 헤더를 처음부터 생성하려는 경우 템플릿 라이브러리를 닫고 Elementor 편집기를 열면 됩니다.
기술적으로 왼쪽 패널에서 탐색할 수 있는 Elementor 위젯을 헤더에 추가할 수 있습니다. 그러나 웹 사이트 헤더를 생성할 때 모든 위젯이 실제로 필요한 것은 아닙니다.
가이드 읽기: Elementor Free vs Elementor Pro: 자세한 기능 비교
이 기사에서는 헤더의 공통 요소인 웹사이트 로고, 탐색 메뉴 및 검색 창을 추가하는 방법을 보여줍니다. 이 경우 세 개의 열이 있는 새 섹션이 필요합니다. Elementor 편집기에서 더하기 아이콘을 클릭하고 XNUMX열 구조를 선택합니다.
구분선을 좌우로 드래그하여 각 열의 너비를 설정합니다. 아래 캡처를 살펴보십시오.
- 웹사이트 로고 추가
웹사이트 로고를 추가하려면 위젯을 드래그하세요. 사이트의 로고 왼쪽 패널에서 Elementor 편집기의 열 중 하나로
위젯 사이트의 로고 웹사이트 로고를 로드합니다. 웹사이트 로고를 지정하지 않은 경우 다음으로 이동할 수 있습니다. 모양 -> 사용자 정의 로고를 추가합니다.
읽기 : Elementor에서 모델을 가져오거나 내보내는 방법
왼쪽 패널을 통해 로고를 사용자 정의할 수 있습니다. 정렬, 링크, 너비 등과 같은 요소를 정의할 수 있습니다.
결과에 만족할 때까지 왼쪽 패널을 가지고 놀기만 하면 됩니다.
- 탐색 메뉴 추가
탐색 메뉴를 추가하려면 위젯을 드래그하세요. 네비게이션 메뉴 Elementor 편집기의 열 중 하나로
위젯 네비게이션 메뉴 웹사이트의 메인 메뉴를 로드합니다. 웹사이트에 메뉴를 생성하지 않은 경우 다음으로 이동할 수 있습니다. 외모 -> 메뉴 하나를 생성합니다. 웹사이트에 여러 메뉴가 있는 경우 드롭다운 메뉴 옵션에서 표시할 메뉴를 지정할 수 있습니다. 메뉴 왼쪽 패널의.
다시, 왼쪽 패널을 사용하여 메뉴를 사용자 정의할 수 있습니다. 레이아웃(가로, 세로), 정렬, 애니메이션 효과 등을 설정할 수 있습니다.
- 검색창 추가
검색 표시줄을 추가하려면 위젯을 드래그하세요. 검색 양식 나머지 열에.
일단 형태 추가된 경우 왼쪽 패널로 이동하여 사용자 지정할 수 있습니다.
헤더 사용자 정의
기본적으로 헤더에는 흰색 배경이 있습니다. 테마 색상과 일치하도록 이 색상을 변경할 수 있습니다. 그렇게 하려면 브라우저에서 섹션을 클릭하여 활성화하십시오. (Ctrl + 나).
탭으로 이동 스타일 왼쪽 패널에서 옵션에서 색상 선택기를 클릭하여 좋아하는 색상을 선택합니다. 색 섹션의 배경.
고정 헤더를 갖고 싶다면 탭으로 이동하세요. 많은. 옵션에서 어려운, 섹션 아래 모션 효과, 고정 위치를 설정합니다. 기본적으로 고정 효과는 모든 유형의 장치(데스크톱, 태블릿 및 스마트폰)에 적용됩니다.
읽기 : Elementor Pro: 잠금 해제할 수 있는 10가지 멋진 기능 - XNUMX부
특정 유형의 장치에서 고정 효과를 끄려면 현장에서 장치를 제거하기만 하면 됩니다.
맞춤 헤더 게시
지금까지 사용자 정의 헤더를 성공적으로 만들었습니다. 당신이 설정할 수 있는 다른 많은 조정 옵션이 있으며, 이 포스트에서 그것들을 모두 다루는 것은 불가능합니다.
참조 : Elementor Pro로 독특한 포스트 템플릿을 만드는 방법
결과에 정말 만족할 때까지 왼쪽 패널을 가지고 놀기만 하면 됩니다. 완료되면 버튼을 클릭하십시오 게시 헤더 템플릿을 게시하려면 왼쪽 패널 하단에
다음 단계에서는 표시 조건을 설정하라는 메시지가 표시됩니다. 버튼을 클릭 조건 추가
기본적으로 헤더 템플릿은 전체 웹사이트에 적용됩니다. 따라서 헤더 템플릿을 전체 웹사이트에 적용하려면 버튼을 클릭하기만 하면 됩니다. 저장 및 닫기.
읽기 : Elementor로 WordPress에서 바닥글을 만드는 방법
또는 헤더 템플릿을 특정 페이지에 적용하려면 드롭다운 메뉴를 클릭하여 페이지를 지정할 수 있습니다. 다음에 나타나는 다른 드롭다운 메뉴에서 페이지를 선택합니다. 버튼을 클릭 저장 및 닫기 페이지 지정이 완료되면.
지금 Elementor Pro를 받으세요!
결론
여기 ! Elementor를 사용하여 WordPress에서 사용자 정의 헤더를 만드는 방법을 보여주는 이 기사는 여기까지입니다. commentaires.
그러나 상담 할 수도 있습니다 우리의 자원, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작 또는 Divi : 역대 최고의 워드 프레스 테마.
그러나 그동안, 이 기사를 다른 소셜 네트워크에서 공유하십시오.
...
