모든 WordPress 페이지에 메뉴를 배치하는 방법

갖는 방법을 알고 싶습니까? 모든 WordPress 페이지의 메뉴? 페이지마다 다른 메뉴가 필요한 경우가 많습니다.

• 예를 들면, 한 페이지로 구성된 웹사이트가 있지만 전용 매장이나 연락처 페이지가 필요할 수 있습니다. 이 경우 상단 메뉴 탐색 링크는 동일한 페이지(예: 홈 페이지)의 여러 섹션을 통해 사용자를 안내하도록 설정되어 있으므로 별도의 페이지(예: 연락처 또는 매장)에서 사용할 수 없습니다.

또 다른 경우는 사용자가 스토어 페이지에 있는 경우일 수 있습니다. 해당 페이지는 웹사이트의 나머지 부분과 다른 기능을 갖고 있으므로 상단 메뉴를 사용하여 구매를 원하는 사람들을 위해 제품 카테고리나 기타 관련 정보를 표시할 수 있습니다.

여기에서 다음 내용을 읽을 수 있습니다. WordPress에 구독 양식을 추가하는 방법

원하는 결과를 얻으려면 각 WordPress 페이지에 이러한 각 시나리오에 대한 메뉴를 생성하고 해당 페이지에만 표시해야 합니다. 다행스럽게도 WordPress에는 대규모 커뮤니티가 있기 때문에 무료 플러그인의 도움으로 이를 달성할 수 있습니다.

각 WordPress 페이지에 메뉴를 포함하는 방법

이제 각 WordPress 페이지에 메뉴를 배치하는 방법을 살펴보겠습니다.

방법 1: 모든 WordPress 페이지의 메뉴

다음은 각 WordPress 페이지에 메뉴를 표시하기 위해 따라야 하는 단계입니다.

1부: 모든 WordPress 페이지에 메뉴를 추가하려면 무료 플러그인을 설치하세요.

특정 페이지에 다른 메뉴를 설정하려면 조건부 메뉴 플러그인을 사용해야 합니다. 설치하려면 아래 단계를 따르세요.

1. 1 단계: WordPress 대시보드에서 다음으로 이동하세요. 플러그인 → 새로 추가
2. 2 단계 : 검색창에 "를 검색하세요.조건부 메뉴» 첫 번째 결과를 설치합니다(스크린샷).

3. 3 단계: 설치 후 다음을 클릭하세요. 활성화.

2부: 페이지마다 다른 메뉴 만들기

각 페이지의 메뉴를 생성하려면 다음이 필요합니다.

1. 1 단계: 이동 WordPress 대시보드 → 모양 → 사용자 정의 → 메뉴 클릭
2. 2 단계 : 새 메뉴를 추가하고 이름을 지정하겠습니다. «연락처 페이지 메뉴» (또는 다른 이름)
3. 3 단계 : 각 페이지 또는 사용자 정의 링크에 메뉴 항목을 추가하고 게시
4. 4 단계 : 필요한 다른 모든 메뉴에 대해 이 과정을 반복합니다.

3부: 각 메뉴의 위치 관리

로 이동 모양 → 메뉴 → 관리 위치 다음 단계에 따라 각 WordPress 페이지의 메뉴 사용자 정의를 시작하세요.

1. 1 단계: 클릭 + 조건부 메뉴 같은 위치에 새 메뉴를 추가하려면(예: 메인 메뉴)
2. 2 단계: 추가하고 싶은 메뉴를 선택하세요.
3. 3 단계: 클릭 + 조건 특정 메뉴를 표시할 위치를 선택하려면
4. 4 단계: 클릭 변경 사항을 저장 페이지를 방문하여 제대로 작동하는지 확인하세요.

원하는 수의 개별 페이지에 대해 동일한 과정을 반복합니다.

방법 2: 각 WordPress 페이지에 다른 메뉴를 만드는 방법

메뉴는 모든 웹사이트의 기본 콘텐츠입니다. 방문자가 필요한 페이지를 쉽게 찾을 수 있도록 도와줍니다. 그러나 구조가 복잡한 웹사이트에서는 각 페이지 그룹에 별도의 메뉴가 있기를 원할 수도 있습니다. 그런 식으로 사용자 정의하려면 다양한 메뉴를 생성하고 페이지/페이지 그룹에 할당하는 플러그인이 필요합니다.

이 방법에서는 가장 빠른 방법으로 수행하는 방법을 심층적으로 보여 드리겠습니다. 하지만 먼저 각 페이지에 대해 별도의 메뉴를 만드는 것이 특정 상황에서 어떻게 도움이 될 수 있는지 살펴보겠습니다.

1부: 모든 WordPress 페이지에서 메뉴 생성 앱 사용

각 페이지마다 별도의 메뉴를 사용하면 다음과 같은 경우에 도움이 될 수 있습니다.

1. 홈 페이지 메뉴에 제품 페이지를 표시하려고 합니다. 각 제품 페이지에는 제품 정보 페이지에 연결된 하위 메뉴가 있는 특정 메뉴가 있습니다. 예를 들어, 제품 페이지의 메뉴에는 해당 제품의 가격, 원산지 등의 정보가 포함됩니다.
2. 체인점 웹사이트가 있고 각 매장은 별도의 페이지에 표시됩니다. 홈 페이지 메뉴는 상점 페이지로 연결됩니다. 각 매장 페이지에는 제품, 주소, 주문 등과 같은 필수 페이지로 구성된 자체 메뉴가 있습니다.

이해를 돕기 위해 과일 비즈니스 웹사이트를 예로 들어보겠습니다. 웹사이트에는 홈 페이지에 Apple과 Banana라는 두 페이지로 연결되는 기본 메뉴가 있습니다.

조건부 메뉴 플러그인을 사용하여 이 두 페이지에 대해 두 개의 별도 메뉴를 더 만들 것입니다. 이를 수행하는 단계는 다음과 같습니다.

2부: 조건부 메뉴 플러그인 설치 및 활성화

조건부 메뉴 플러그인은 다음에서 무료로 제공됩니다. wordpress.org . 다른 무료 플러그인과 마찬가지로 간단히 설치하고 활성화하기만 하면 됩니다.

1. 1 단계: 다음으로 이동하세요. 외관> 메뉴, 로 변경 위치 관리 그리고 당신은 볼 수 있습니다 + 조건부 메뉴 플러그인으로 추가됨:

파트 3: 각 WordPress 페이지에 대한 메뉴 만들기

1. 1 단계: 이제 Apple 페이지와 Banana 페이지에 대해 별도의 메뉴를 생성하겠습니다. 그러기 위해서는 다음과 같이 하자 외관> 메뉴 > 메뉴 편집 > 새 메뉴를 만들어 .

2. 2 단계: 다음으로 메뉴에 이름을 붙이고, 메뉴의 표시 위치를 선택합니다(화면에 표시하고 싶습니다). 헤더)를 클릭한 다음 메뉴 생성.

3. 3 단계: 섹션에서 메뉴 항목 추가, 하위 메뉴로 페이지를 추가해야 합니다. 다음 두 페이지를 추가합니다. 사과 원산지y 사과 가격 al 사과 메뉴. 딸깍 하는 소리 저장 메뉴에서.

4. 4 단계: 이제 동일한 단계를 수행하여 페이지에 대한 별도의 메뉴를 만듭니다. 바나나:

파트 4: 각 WordPress 페이지에 메뉴 설정(해당)

1. 1 단계: 아직 외관> 메뉴, 로 변경 위치 관리 그리고 선택 + 조건부 메뉴:

2. 2 단계: 목록에서 메뉴를 선택합니다(저는 애플 메뉴). 딸깍 하는 소리 + 조건 표시할 위치를 설정하려면 다음을 수행하세요.

참고: 새로운 팝업 창이 나타나고 선택할 수 있는 다양한 탭이 표시됩니다. 카테고리별, 게시물 유형, 분류, 사용자 역할 또는 홈페이지, 404페이지 등 메뉴 표시 여부를 선택할 수 있습니다.

3. 3 단계: 탭을 선택하세요 페이지와 Apple 페이지 이 페이지에서 메뉴를 설정하려면

4. 4 단계: 바나나 메뉴에도 동일한 작업을 수행합니다.

5. 5 단계: 마지막으로 클릭하는 것을 잊지 마세요. 변경 사항을 저장, 그렇지 않으면 당신이 한 모든 일이 사라질 것입니다.

이제 WordPress 인터페이스로 이동하여 결과를 확인해야 합니다.

보시다시피 홈 페이지, Apple 페이지, 바나나 페이지에는 이제 세 가지 메뉴가 있습니다.

각 WordPress 페이지의 메뉴 유형

사이트에서 편안한 탐색이 중요합니다. 따라서 사용자가 쉽게 따라할 수 있도록 체계적으로 페이지별로 사용자 정의 메뉴를 만드는 것이 중요합니다. 그러나 웹사이트는 각 페이지마다 고유한 목적이 있기 때문에 항상 모든 페이지에 통일된 메뉴가 필요한 것은 아닙니다. WordPress 페이지마다 다른 메뉴를 만들고 싶나요? 아래에서 사용할 수 있는 최상의 옵션을 살펴보겠습니다.

모든 WordPress 페이지의 다양한 메뉴를 위한 최고의 플러그인

한 페이지짜리 웹사이트가 있다고 상상해 보세요. 여기에는 문의 양식과 챗봇 또는 관련 상점 페이지가 있는 별도의 페이지가 필요합니다. 그리고 랜딩 페이지의 다른 섹션을 통해서만 사용자를 안내하기 때문에 기술적으로 구현하는 것이 불가능합니다.

방문자가 귀하의 상점 페이지를 방문했다고 가정해 보겠습니다. 당신은 제품 카테고리를 표시하는 헤더의 특정 메뉴, 배송정보, 버튼 장바구니 추가, 등. 그러나 이전 경우와 동일한 문제가 발생할 수 있습니다. 혹은 홈 페이지 메뉴가 스토어 페이지에 중복되어 있는 것을 보실 수 있습니다.

제대로 작동하지 않을 거예요, 그렇죠? 각 페이지에는 관련 메뉴가 있어야 합니다. 그러나 다른 페이지에서 이를 구현하는 것은 어려울 수 있습니다. 겁내지 마세요. 여기서 우리는 당신에게 많은 솔루션을 제공합니다 이 필요를 충족시키기 위해. 하지만 각 WordPress 페이지에 메뉴를 만드는 방법을 설명하기 전에 페이지별로 사용자 정의 메뉴를 설정하는 데 도움이 되는 주요 도구에 집중해 보겠습니다.

1. 제트블록

시작하자 JetBlocks. 이 플러그인을 사용하면 웹사이트의 요구 사항에 완벽하게 맞는 특정 머리글과 바닥글을 만들 수 있습니다. JetBlocks를 사용하면 헤더에 필요한 요소를 추가하고 사용자 정의 메뉴를 만드는 것이 매우 쉽습니다.

1. 로그인 양식
2. 등록 양식
3. 양식 검색
4. WooCommerce 장바구니,
5. 탐색 메뉴
6. 확장 가능한 패널.

또한 웹 사이트 로고를 추가 및 사용자 정의하고 인증 링크 및 기타 요소를 삽입하여 페이지별로 멋진 사용자 정의 메뉴를 만들 수 있습니다.

다음에서 다운로드 할 수 있습니다. 여기에

2. 제트메뉴

JetMenu 메가 메뉴를 디자인하는 것은 귀하의 처분입니다. 이 플러그인의 도움으로 각 항목을 생성 및 사용자 정의할 수 있고, 다양한 항목과 배지를 추가하고 사용자 정의할 수도 있습니다.

또한 메뉴 항목의 배경 변경, 메뉴 타이포그래피 디자인, 호버 모드 적용 등을 수행할 수 있습니다. JetMenu 플러그인의 가능성은 무한할 것입니다. 각 WordPress 페이지에 메뉴를 만드는 최고의 도구 중 하나입니다.

다음에서 다운로드 할 수 있습니다. 여기에

3. 제트테마코어

와 제트테마코어을 사용하면 404와 같은 페이지에 대한 사용자 정의 테마 템플릿과 템플릿을 만들 수 있습니다. 물론 헤더를 무제한으로 만들고 다른 페이지에 할당할 수도 있습니다. 프로세스는 직관적이고 잘 계획되어 있으므로 코드를 작성하는 데 추가 지식이 필요하지 않습니다. JetThemeCore 플러그인만 있으면 페이지별로 사용자 정의 메뉴를 만들고 여기에 특정 콘텐츠를 추가하는 것으로 충분합니다. 최소한 미리 만들어진 헤더를 사용하고 거기에서 몇 가지 사항을 변경할 수 있습니다.

다음에서 다운로드 할 수 있습니다. 여기에

각 WordPress 페이지에서 메뉴를 구성하고 만드는 방법

우선, 필요한 플러그인이 모두 설치되어 있는지 확인하세요. 헤더를 만드는 방법을 이미 알고 있다면 메뉴 디자인 및 다른 페이지에서 구성하는 섹션으로 건너뛰세요. 이제 일을 시작합시다.

1부: 메가 메뉴 위젯을 사용한 간단한 헤더

1. 1 단계: 웹사이트에 헤더를 추가합니다. 거기에서 당신은 볼 수 있습니다 테마의 일부,헤더를 추가할 위치입니다.
2. 2 단계: 버튼 클릭 새로 추가, 템플릿 유형: 헤더 이름을 선택하세요.
3. 3 단계: 마법이 시작되는 Elementor 페이지로 이동됩니다.
4. 4 단계: 섹션을 추가하고 적절한 레이아웃(예: 콘텐츠 너비)을 선택합니다. 상자 안에, 필요한 매개변수를 설정하세요.

각 WordPress 페이지 메뉴의 위젯

멋진 사용자 정의 페이지별 메뉴를 만들고 싶다면 메가 메뉴 위젯에 주목할 가치가 있습니다.

1. 1 단계: 항목 패널에서 메가 메뉴 위젯을 찾으세요.

참고: 두 가지 옵션을 사용할 수 있습니다. 수직 메가 메뉴 및 메가 메뉴 간편한 설치

2. 2 단계: 이제 마지막 항목에 집중하겠습니다. 위젯을 드래그하면 왼쪽 사이드바에 설정 탭이 표시됩니다.
3. 3 단계: 추구하다 함유량, 펼쳐진다 일반 거기서 메뉴를 선택하세요.
4. 4 단계: 메뉴 화면 중에서 선택하거나 WordPress 대시보드로 돌아가기 — 외관- 메뉴.
5. 5 단계: 이제 작업하려는 메뉴를 선택하거나 새 메뉴를 생성하세요.
6. 6 단계: 메뉴를 생성하면 Elementor에서 사용 가능한 메뉴 목록에 해당 메뉴가 표시됩니다.

참고 : 반응형 디자인을 보장하기 위해 웹사이트의 데스크톱 및 모바일 버전용 메뉴를 추가하는 것을 잊지 마세요.

탭에서 스타일, 정렬 설정, 배경 변경, 테두리 유형 또는 상자 그림자 등 향후 메뉴를 사용자 정의할 수 있습니다. 귀하에게 가장 적합한 것을 찾으십시오.

또한 글꼴 스타일을 지정하고 활성 및 스크롤 상태를 변경할 수 있습니다. 하위 메뉴 항목이 있는 경우 설정 탭을 사용하여 변경하세요. 데스크탑 메뉴 항목.

각 WordPress 페이지의 메뉴 설정

1. 1 단계: 이 헤더를 특정 위치로 설정하려면 다음으로 이동하세요. 헤더 설정 엘리멘터에서.
2. 2 단계: 이 메뉴는 헤더 상태를 변경하고 드롭다운 메뉴를 통해 헤더가 표시될 조건을 설정하는 데 도움이 됩니다. 전체 웹사이트, 단일 또는 아카이브 페이지. 예를 들어 전체 사이트를 선택합니다.

파트 2: 메가 메뉴 및 JetMenu 플러그인

우리가 이미 알고 있듯이 JetMenu는 조건부 메뉴에 콘텐츠를 추가할 수 있다는 점에서 특별합니다. 그 무한한 가능성을 함께 활용해 봅시다.

1. 1 단계: WordPress 대시보드 — 모양 — 메뉴.
2. 2 단계 : 사용자 정의하려는 메뉴를 검색하거나 새 메뉴를 만드세요.

참고: 세부적인 하위 메뉴가 포함된 메뉴를 생성하려면 동일한 탭을 통해 더 많은 메뉴를 추가해야 합니다. 워드프레스 메뉴. 따라서 기본 메뉴에 있는 각 카테고리에 대해 여러 가지 하위 메뉴를 만들어야 합니다.

JetMenu를 사용하여 각 WordPress 페이지에 메뉴 설정하기

1. 1 단계: 각 메뉴 항목에서 설정을 조작할 수 있는 JetMenu 항목을 찾으세요.
2. 2 단계: 활성화 메가 하위 메뉴 그리고 누르십시오 메가 메뉴 항목 콘텐츠 편집 다른 항목으로 메뉴를 풍부하게 하고 항목을 개인화합니다.
3. 3 단계: Elementor 페이지에서 필요한 열 수가 있는 섹션을 선택합니다.
4. 4 단계: 드래그하세요. 수직 메가 메뉴 위젯 왼쪽 사이드바의 콘텐츠 탭에서 첫 번째 열로
5. 5 단계: 삽입하고 싶은 메뉴를 선택하세요.
6. 6 단계: 마지막으로 생성한 하위 메뉴를 WordPress 관리자 패널에 추가합니다. 위젯을 쉽게 복사하여 두 번째 섹션에 붙여넣을 수 있습니다.

그 후에는 탭을 사용할 수 있습니다 스타일 요소를 사용자 정의하고 너비, 높이, 타이포그래피, 필요한 공간 등을 설정합니다.

JetMenu 기본 설정에서 메가 메뉴 위치를 확인하고, 메뉴에 아이콘을 추가하고(미리 만들어진 아이콘에서 선택하거나 svg 파일 업로드), 메뉴 항목에 텍스트 배지를 적용하고, 메뉴 크기를 사용자 정의하는 등의 작업을 수행할 수 있습니다.

전문적인 조언

Elementor를 사용하여 메뉴 위에 헤더(예: 이전 페이지 복사본)를 추가하고 JetBlocks 위젯으로 특정 요소를 삽입하고 업데이트합니다.

그런데 이 메뉴를 다른 페이지에서 설정하는 데 문제가 있습니다. 이 문제를 해결하려면 다음을 수행하십시오.

1. 1 단계: 가다 테마 빌더 다시 한 번, 새 헤더 템플릿을 생성하고 헤더를 복사하거나 새 헤더를 생성하세요.
2. 2 단계: 탭에서 방금 생성한 메가 메뉴를 선택하세요. 일반 구성 이를 표시하고 이동 경로 위젯을 추가합니다.
3. 3 단계: 헤더 설정: 조건 탭에서 단수 및 표지 홈페이지에 생성한 헤더를 배치하고 웹사이트의 다른 페이지에는 이전에 생성된 헤더를 그대로 두십시오.

파트 3: 모든 WordPress 페이지에 메뉴 만들기(드롭다운 메뉴)

연락처 양식이 포함된 별도의 페이지가 있고 여기에 다른 헤더를 제공하고 싶다고 가정해 보겠습니다. 다음 단계를 따르세요.

1. 1 단계– 테마 빌더에서 새 템플릿을 만들고 기본 헤더 상단을 복사한 후 이 단계에서 드롭다운 메뉴를 추가합니다.

참고: 본질은 동일합니다. 필요에 따라 기존 메뉴를 추가하거나 페이지별로 새로운 사용자 정의 메뉴(단순 메뉴 또는 가변 요소가 포함된 메가 메뉴)를 생성할 수 있습니다. 컨테이너 위치 변경, 설정 변경, 스타일 지정 등을 수행합니다.

2. 2 단계: 마지막으로 옵션을 사용하여 특정 페이지에 대해 이 특정 헤더를 설정합니다. 단수 탭 약관 연락처 페이지의 이름을 나타냅니다.

다음 내용에 관심이 있을 수도 있습니다. WordPress에서 드롭다운 메뉴를 만드는 방법

결론

각 WordPress 페이지에 메뉴를 만들고 구성하는 방법은 여기까지입니다. 우리는 그 중 3개만 제공했지만 페이지당 사용자 정의 메뉴를 생성하는 다른 방법이 있다고 확신합니다.

보시다시피 조건부 메뉴를 사용하여 다양한 페이지에 대한 다양한 메뉴를 만드는 것은 매우 간단하고 유용합니다. 또한 플러그인은 게시물 유형, 카테고리, 분류, 사용자 역할 등에 대한 별도의 메뉴나 심지어 404 페이지를 생성할 수 있는 유연한 옵션도 제공합니다.