케이테마 v2

기존 디자인을 복사해 새 페이지와 하위 메뉴 만들기

예상 읽기 시간:1분 14 조회수

Summary: 회사소개·서비스·사업분야 등 기존 Elementor 페이지의 디자인을 복사해 새 페이지를 만들고 메뉴에 연결하는 방법입니다. 글 목록을 사용하는 경우의 카테고리 설정과 모바일 확인도 함께 안내합니다.

회사소개, 서비스, 사업분야, 제품소개, 포트폴리오 등 기존 페이지의 디자인을 새 페이지에 활용할 수 있습니다. 원본 디자인 저장 → 새 페이지에 삽입 → 내용 수정 → 메뉴 연결 순서로 진행합니다.

일반 소개 페이지는 글 분류 설정 없이 만들 수 있습니다. 공지사항·시공사례·포트폴리오처럼 글 목록을 보여주는 페이지라면 3~4단계의 카테고리 설정도 진행하세요.

적용 대상 기준
구성 Elementor로 만든 일반 페이지. 글 목록 설정은 KTheme 콘텐츠 목록 위젯을 사용할 때 적용
확인한 제품 KTheme Starter 3.0.10 · KTheme Premium 2.5.1
확인한 화면 Elementor 상단 도구 모음, KTheme 콘텐츠 목록의 기본 설정·쿼리
준비물 관리자 권한, 원본 페이지, 새 페이지에 넣을 문구·이미지, 작업 전 백업

먼저 확인하세요: 페이지와 카테고리 목록은 다릅니다

주소 예시 어떤 화면인가요? 디자인을 수정하는 곳
/services/ 관리자가 만든 서비스 소개 페이지 페이지 → Elementor로 편집
/category/news/ ‘소식’ 카테고리에 속한 글을 자동으로 모은 목록 테마의 아카이브 표시 설정
/service-consulting/ 새로 만들 일반 페이지의 예시 페이지 → Elementor로 편집

카테고리 주소는 특정 페이지의 복사본이 아닙니다. 메뉴에 카테고리 주소를 연결해도 기존 일반 페이지의 디자인이 자동으로 따라오지 않습니다. 기존 디자인을 그대로 활용하려면 새 일반 페이지를 만들어 연결하세요.

새 페이지 주소는 사용 중인 주소와 겹치지 않게 정합니다. /category/를 일반 페이지 주소로 만들어 기존 카테고리 주소를 덮어쓰지 마세요.

1. 원본 페이지를 템플릿으로 저장하기

자신의 워드프레스 관리자에 로그인하고 페이지 → 모든 페이지에서 디자인을 가져올 원본 페이지를 찾아 Elementor로 편집을 누릅니다. 편집기 열기가 처음이라면 Elementor에서 첫 페이지 수정하기를 먼저 확인하세요.

  1. 편집기 오른쪽 위 공개/업데이트 옆 화살표(옵션 저장)를 누릅니다.
  2. 템플릿으로 저장을 선택합니다.
  3. 이름을 ‘서비스 소개 기본 디자인’처럼 알아보기 쉽게 입력해 저장합니다.
  4. 원본의 내용을 바꾸지 않고 편집기를 나옵니다.
Elementor의 옵션 저장 메뉴에 표시된 템플릿으로 저장 항목

화면 설명: 페이지 공개 버튼 옆 화살표를 열면 ‘템플릿으로 저장’을 선택할 수 있습니다. 저장 방식은 Elementor 공식 페이지 복사 안내에서도 확인할 수 있습니다.

일부 컨테이너만 복사하면 다른 위치에 들어 있는 모바일 보정 요소가 빠질 수 있습니다. 원본과 같은 화면을 만들 때는 페이지 전체를 템플릿으로 저장하고, 함께 들어온 HTML 요소를 임의로 삭제하지 마세요.

2. 새 일반 페이지에 디자인 넣기

  1. 페이지 → 새 페이지 추가에서 제목을 ‘컨설팅 서비스’처럼 입력합니다.
  2. 주소의 마지막 부분을 service-consulting처럼 지정합니다. 먼저 임시글로 저장해 작업하세요.
  3. Elementor로 편집을 엽니다.
  4. 본문의 템플릿 추가(폴더 아이콘)를 눌러 라이브러리를 엽니다. 새 컨테이너를 만드는 + 버튼과 구분하세요.
  5. 내 템플릿(My Templates)에서 방금 저장한 디자인을 찾아 삽입(Insert)합니다. 화면 버전에 따라 저장한 사이트 템플릿 목록에서 찾을 수 있습니다.
  6. 제목·설명·이미지·버튼 링크를 새 페이지 목적에 맞게 수정합니다. 원본 페이지로 연결된 버튼이나 문의 링크도 확인하세요.

회사소개·서비스 소개처럼 문구와 이미지를 직접 배치하는 페이지는 여기서 내용을 완성하고 5단계 메뉴 연결로 이동합니다. 일반 템플릿을 삽입한 본문은 새 페이지에서 별도로 편집할 수 있습니다. 다만 전역 스타일·공유 요소·동일한 미디어 파일 자체를 변경하면 다른 페이지에도 영향을 줄 수 있으니, 새 이미지는 별도로 업로드해 선택하세요.

원본의 페이지 레이아웃과 새 페이지의 레이아웃도 비교하세요. 헤더·푸터를 유지하려면 이를 숨기는 Elementor Canvas로 바꾸지 않습니다. 페이지 제목 표시, 본문 폭, 여백은 원본과 같은 값인지 미리보기에서 확인하세요. 본문 템플릿을 넣는 것만으로 메뉴와 모든 워드프레스 페이지 설정이 복사되는 것은 아닙니다.

3. 글 목록을 쓰는 경우: 표시할 글 분류하기

이 단계는 KTheme 콘텐츠 목록으로 글을 불러오는 페이지에만 적용합니다. 예를 들어 ‘회사 소식’만 모으려면 글 → 카테고리에서 ‘회사 소식’ 분류를 만듭니다. 사례 목록에는 ‘시공사례’, 작업 목록에는 ‘웹사이트’ 등 내용에 맞는 분류를 사용할 수 있습니다.

글 → 모든 글에서 해당 글을 열고 ‘회사 소식’ 카테고리를 선택한 뒤 저장합니다. 새 글은 글 → 새 글 추가에서 제목·본문·대표 이미지·카테고리를 지정하고 공개합니다. 기존 카테고리를 해제하면 다른 목록에서도 글이 빠질 수 있으므로 기존 분류를 확인한 뒤 변경하세요.

글 목록 페이지에서는 페이지가 목록의 디자인을 담당하고, 글이 각 항목의 내용을 담당합니다. 페이지 디자인을 복사해도 글과 이미지는 새로 복제되지 않습니다. 기존 글의 본문을 수정하면 그 글을 보여주는 다른 목록에도 변경 내용이 반영됩니다.

4. 글 목록을 쓰는 경우: 새 분류만 선택하기

복사한 페이지에 KTheme 콘텐츠 목록이 있을 때 진행합니다. 새 페이지를 Elementor로 열고 구조 → 컨테이너 안의 KTheme 콘텐츠 목록을 선택합니다. 예전 매뉴얼에는 같은 위젯이 KTheme Post로 표시될 수 있습니다. 상세 설명은 KTheme Post 상세 설정을 참고하세요.

내용 → 쿼리를 열어 다음과 같이 설정합니다.

항목 선택할 값
소스 글
포스트 타입 글
포함 조건 분류
분류 카테고리
분류 항목 선택 새 목록에 사용할 ‘회사 소식’ 등 원하는 분류
KTheme 콘텐츠 목록의 쿼리 패널과 분류 항목 선택

화면 설명: 캡처는 포트폴리오 목록의 예시입니다. 회사 소식·공지사항·사례 목록도 같은 위치에서 분류를 고릅니다. 새 페이지에서는 원본 분류를 제거하고 원하는 분류로 교체합니다.

복사 직후에는 원본 목록의 분류 조건도 함께 들어옵니다. 새 분류를 추가만 하지 말고 기존 선택을 지운 뒤 새 분류만 선택하세요. 분류 선택을 비워 두면 의도하지 않은 글까지 나올 수 있습니다. 상위 분류를 선택하면 하위 분류 글도 포함될 수 있으므로, 일부 글만 표시하려면 해당 하위 분류를 직접 선택하세요.

디자인은 복사된 기본 설정·스타일을 유지합니다. 표시할 분류를 바꾸기 위해 카드 스킨이나 목록 유형을 다시 고를 필요는 없습니다.

KTheme 콘텐츠 목록의 카드 스킨, 목록 유형, 열 개수와 이미지 설정

화면 설명: 목록 디자인은 ‘기본 설정’에서 확인합니다. PC·태블릿·모바일별 열 개수와 이미지 비율은 원본 값을 먼저 유지하고 결과를 비교하세요. 위젯 전체 항목은 위의 상세 설정 문서에 안내되어 있습니다.

5. 새 페이지를 메뉴 또는 하위 메뉴로 연결하기

새 페이지의 미리보기를 확인하고 공개한 다음 외모 → 메뉴로 이동합니다. 기존 메뉴 수정 및 페이지 연결하기에서도 메뉴 추가 화면을 확인할 수 있습니다.

  1. 현재 홈페이지 상단에서 사용하는 메뉴를 선택합니다.
  2. 왼쪽 페이지에서 새로 공개한 페이지를 선택하고 메뉴에 추가를 누릅니다. 보이지 않으면 모두 보기 또는 검색에서 찾습니다.
  3. 오른쪽 메뉴 구조에서 새 항목을 원하는 상위 메뉴 바로 아래로 옮긴 뒤 한 단계 오른쪽으로 들여쓰기합니다.
  4. 하위 항목으로 표시되는지 확인하고, 필요하면 내비게이션 레이블을 ‘컨설팅’처럼 짧게 수정합니다.
  5. 기존 메뉴 표시 위치를 유지하고 메뉴 저장을 누릅니다.

하위 메뉴를 만들지 않고 독립된 상단 메뉴로 쓰려면 들여쓰지 않고 같은 단계에 배치하세요. 새 페이지를 만들었다고 메뉴에 자동으로 추가되는 것은 아니므로 실제 메뉴 연결을 확인합니다.

메뉴 구조의 예시는 다음과 같습니다.

서비스 → 기존 서비스 소개 페이지
  컨설팅 → 새로 만든 컨설팅 소개 페이지
  유지관리 → 별도로 만든 유지관리 소개 페이지

고객센터 → 기존 고객센터 페이지
  회사 소식 → 회사 소식 분류를 표시하는 목록 페이지

메뉴의 카테고리 항목에서 추가하면 카테고리 자동 목록으로 연결됩니다. 복사한 디자인을 보여주려면 반드시 페이지 항목에서 새 페이지를 추가하세요. 페이지의 상위 페이지 설정, 글의 상위 카테고리 설정, 메뉴의 들여쓰기는 서로 별개입니다.

완료 확인

  • 메뉴를 누르면 새 페이지로 이동합니다. 하위 메뉴로 만들었다면 상위 메뉴 아래에서 열리는지 확인합니다.
  • 새 메뉴 주소가 /category/…/가 아닌 의도한 일반 페이지 주소인지 확인합니다.
  • 새 페이지의 문구·이미지·버튼 링크가 새 목적에 맞고, 원본 페이지는 유지됩니다.
  • 글 목록을 쓰는 경우 선택한 분류의 글만 표시되는지 확인합니다.
  • 글 목록이 있는 경우 카드의 클릭 동작이 의도한 설정과 같습니다. 원본이 모달이면 모달, 상세 이동이면 상세 페이지가 열려야 합니다.
  • 모바일에서 메뉴와 하위 메뉴를 펼칠 수 있고, 카드·이미지·여백이 잘리지 않습니다.
  • 헤더·푸터·페이지 제목 영역이 원본과 자연스럽게 이어집니다.

잘 안 될 때

증상 확인할 곳
원본과 전혀 다른 목록이 나와요 메뉴가 카테고리 주소를 가리키는지 확인하고 새 일반 페이지로 연결하세요.
새 목록에도 전체 작업이 나와요 쿼리에서 원본 분류 선택을 제거하고 원하는 분류만 남겼는지 확인하세요.
글이 하나도 안 나와요 해당 분류에 공개된 글이 있는지, 포스트 타입이 ‘글’인지 확인하세요. 새 분류가 선택 목록에 없으면 저장 후 편집기를 다시 여세요.
하위 메뉴가 안 보여요 실제 상단 메뉴를 편집했는지, 항목을 한 단계 들여썼는지, 메뉴 저장을 눌렀는지 확인하세요. 모바일 메뉴를 별도로 쓰는 사이트는 그 메뉴 연결도 확인하세요.
헤더·푸터가 사라졌어요 새 페이지가 Elementor Canvas로 설정되어 있는지 확인하고 원본과 같은 페이지 레이아웃으로 되돌리세요.
모바일에서만 원본과 달라요 페이지 전체를 복사했는지, 원본의 HTML 보정 요소와 기기별 설정이 함께 들어왔는지 확인하세요.

해결되지 않으면 원본 주소·새 페이지 주소·문제가 보이는 화면을 케이테마 지원센터에 전달해 주세요. 캡처에는 비밀번호와 라이선스 키를 가려 주세요.

페이지 공유

기존 디자인을 복사해 새 페이지와 하위 메뉴 만들기

URL 주소 공유

목차