귀하의 웹사이트에 더욱 현대적인 느낌을 주고 싶으십니까?
글쎄, 전통적인 수평 메뉴를 수직 메뉴로 바꾸면 WordPress 사이트가 세련되고 현대적인 모습으로 즉시 바뀔 수 있습니다. 게다가 세로 메뉴도 가능합니다. 사용자 경험을 향상하다 또한.
하지만 WordPress에서 세로 메뉴를 만드는 방법은 무엇입니까?
WordPress 사이트에 세로 메뉴를 추가하는 방법에는 여러 가지가 있습니다.
이번 블로그에서는 보여드리겠습니다. WordPress에서 세로 메뉴를 만드는 방법 또한 수직 메가 메뉴를 생성할 수도 있습니다.
WordPress의 세로 메뉴는 무엇입니까?
WordPress의 수직 메뉴는 수직 순서로 배열된 링크 모음 전통적인 수평형이 아닌 요즘 이러한 유형의 WordPress 수직 메뉴는 특히 모바일 장치에서 사용자 친화적이기 때문에 최근 매우 인기를 얻고 있습니다.
- 이 메뉴들은 시각적으로 더 보기 좋습니다
- 쉬운 탐색 메뉴
- 유지하다 민감도 모바일 장치에서 웹사이트의
- 당신은 추가할 수 있습니다 더 많은 최상위 메뉴 가로 메뉴가 아닌 세로 메뉴에서
- 전자상거래 웹사이트에서 잘 작동합니다.
Elementor 및 ElementsKit을 사용하여 WordPress에서 세로 메뉴를 만드는 방법
다음은 WordPress에서 세로 메뉴를 만드는 방법에 대한 단계별 가이드입니다. 페이지 빌더가 필요합니다. 엘레멘터 및 수직 메뉴 WordPress 플러그인 – ElementsKit. 아래 단계를 따르면 WordPress 수직 메뉴를 쉽게 만들 수 있습니다.
1단계: Elementor 및 ElementsKit 설치
설치하려면 대시보드에 로그인하고
- 다음으로 이동하세요: 플러그인 ⇒ 새로 추가
- Elementor/ElementsKit 검색(한 번에 하나씩)
- 지금 설치를 클릭하세요
설치 후 활성화 버튼을 클릭하여 활성화하세요.
이제 메뉴를 만들어 보겠습니다. 이를 위해 외모 ⇒ 메뉴로 이동하세요.
메뉴 페이지에 들어간 후,
- 클릭 새 메뉴 만들기
- 아래에 이름을 입력하세요. 메뉴명 옵션
- 마지막으로 메뉴 생성을 클릭하여 메뉴를 생성합니다.
이제 다음을 수행해야 합니다.
- 드롭다운에서 메뉴를 선택하세요.
- 선택을 클릭하세요
- 추가하려는 메뉴의 체크박스를 클릭하세요.
- 메뉴에 추가를 클릭하세요 선택한 메뉴에 추가하려면
- 마지막으로, 업데이트하려면 메뉴 저장을 클릭하세요.
다단계 메뉴가 있는 경우 메뉴 항목의 순서를 변경하고 메뉴 저장을 클릭하세요 업데이트합니다.
로 이동 ElementsKit ⇒ 위젯 ⇒ 세로 메뉴 위젯, 위젯 켜 줘 그리고 변경 사항 저장을 클릭하세요.
4단계: 위젯 끌어서 놓기
Elementor로 편집 옵션을 사용하여 페이지를 편집하십시오. 그 다음에 찾다 Ekit 아이콘이 있는 스타일리스트 목록 위젯의 경우 간단히 위젯을 드래그 앤 드롭하세요 페이지에서.
이제 방금 만든 메뉴나 선호하는 메뉴를 세로 메뉴에 추가할 차례입니다. 메뉴 선택 드롭다운에서 이를 수행할 수 있습니다.
Elementor 수직 메뉴를 접을 수 있는 버튼으로 바꾸려면 토글 버튼을 켜야 합니다. 켜면 토글 버튼의 제목을 변경할 수 있으며 왼쪽과 오른쪽에 아이콘을 추가하도록 선택할 수도 있습니다.
호버 활성화 옵션을 켜고 호버 시 토글을 활성화합니다(기본적으로 클릭 시 작동합니다.)
6단계: 수직 메뉴 스타일 사용자 정의
이제 수직 메뉴의 스타일을 변경할 차례입니다. 이를 위해 스타일 탭으로 이동하세요.
메뉴 컨테이너 옵션을 확장하여 배경 유형, 색상, 위치, 두 번째 색상, 상자 그림자, 테두리 반경 등을 변경합니다.
마찬가지로 메뉴 항목 및 하위 메뉴 항목에서 다양한 스타일 옵션을 변경할 수 있습니다.
모든 사용자 정의가 완료되면 게시를 클릭하고 미리보기를 확인하세요.
ElementsKit을 사용하면 완전한 WordPress 웹사이트를 구축할 수 있습니다. 블로그를 확인하세요
WordPress에서 단일 페이지 탐색으로 단일 페이지 웹 사이트를 만드는 방법
이 튜토리얼을 따르려면 이전에 켠 수직 메뉴 위젯이 여전히 켜져 있는지 확인해야 합니다.
1단계: 필요한 ElementsKit 모듈 켜기
로 이동 ElementsKit ⇒ 모듈, 메가 메뉴와 머리글 바닥글 작성기를 모두 켜세요., 그리고 마지막으로 업데이트하려면 변경 사항 저장을 클릭하세요.
이제 다음을 따라 수직 메뉴에 대한 메뉴를 생성하십시오. 위에 표시된 단계.
메뉴 준비가 끝나면 ElementsKit Megamenu 옵션을 확인하여 메가 메뉴 기능을 활성화하십시오. 이 옵션을 선택한 후 메뉴 위로 마우스를 가져가면 메가 메뉴 옵션이 표시됩니다.
이제 간단한 메뉴를 메가 메뉴로 변환하려면 메뉴 위에 마우스를 놓고 메가 메뉴 옵션을 클릭하세요. 그 다음에 메가 메뉴 토글 버튼을 켜세요 안d Mega Men 편집을 클릭하세요.내용.
이제 Ekit 아이콘을 클릭하고 섹션 탭으로 이동하여 메가 메뉴를 검색한 다음 원하는 미리 만들어진 메가 메뉴 템플릿을 선택하십시오. 삽입한 후에는 필요에 따라 편집할 수 있습니다.
완료되면 업데이트를 클릭하여 메뉴를 저장하세요. 메가 메뉴를 생성하려는 모든 메뉴에서 동일한 과정을 반복하십시오.
그리고 그것이 바로 당신이 메가 메뉴를 만든 것입니다. ElementsKit 머리글 바닥글 빌더를 사용하여 웹사이트에 메가 메뉴를 추가할 수 있습니다.
ElementsKit의 메가 메뉴 빌더에 대한 자세한 내용은 블로그를 확인하세요. Elementor 및 ElementsKit을 사용하여 메가 메뉴를 구축하는 방법. 아래 비디오에서 전체 과정을 볼 수도 있습니다.
최종 단어
ElementsKit을 사용하면 WordPress에서 수직 메뉴를 매우 쉽게 실행할 수 있습니다. 가로 메뉴도 훌륭하지만 때로는 메뉴를 변경하면 웹 사이트의 모양이 향상될 수 있습니다. 특히 전자상거래 사이트가 있다면 ElementsKit의 메가 메뉴 기능을 사용해 보세요.
블로그가 도움이 되었기를 바랍니다. 수직 메뉴 WordPress 플러그인에 대해 궁금한 점이 있으면 언제든지 알려주세요.
답글쓰기