안녕하세요. 오늘은 워드프레스에서 Divi 테마를 사용하여 웹사이트를 만드는 법을 알려드릴려고 합니다.

1편은 “메뉴 페이지”를 만드는 방법에 대해 포스팅 하겠습니다.

Divi 테마란 무엇인가?

워드프레스에서 ‘코딩없이’ 웹사이트 제작을 도와주는 아주 강력한 도구입니다.

Divi 테마의 장점

• 코딩 없이 웹사이트를 만들 수 있습니다.

• 미리 만들어진 수 많은 웹사이트를 제공합니다.

• 다양한 디자인 요소들을 코딩 없이 만들 수 있습니다.

메뉴 페이지 만들기 및 설정하기

Divi 테마 설치 후 홈페이지 화면

메뉴 페이지 추가하기

왼쪽 상단 wp-kcore를 클릭>홈페이지 관리페이지로 이동

페이지>모든 기존 페이지 선택>일괄작업>휴지통으로 이동>적용>새 페이지 추가 클릭

‘제목 추가’ 란에 Home 작성 > 오른쪽 상단 공개버튼 클릭

<before>

<after>

새 페이지 추가 클릭>동일한 방법으로 자신이 추가하고 싶은 페이지를 추가한다.

<결과물>

메뉴페이지 순서 정리

다시 홈페이지 관리 페이지로 이동>외모 클릭>메뉴 클릭

메뉴 이름에 Main Menu 작성>메뉴 생성 클릭

모두보기 클릭>메뉴 페이지 전체클릭 후 메뉴에 추가

홈(사용자 정의 링크)은 기본으로 설정되어 있는 메뉴페이지 이기 때문에 삭제

메뉴페이지를 드래그하여 자신이 원하는 순서로 바꾼다>기본메뉴 클릭>메뉴저장

자신의 홈페이지로 가보면 메뉴가 정리된 것을 볼 수 있다.

<before>

<after>

메인 페이지 설정하기

홈페이지에 방문했을 때 가장 먼저 보이는 페이지를 설정하는 방법입니다.

wp-kroredp 마우스를 올려둔다(클릭x)>맨 아래 테마 커스터마이저 클릭

홈페이지 설정 클릭>정적인 페이지 클릭>홈페이지 카테고리에서 자신이 원하는 메뉴페이지 선택>공개클릭

<결과물>

이제 웹사이트의 메인 페이지는 ‘Home’ 이 되었습니다.

이번 ‘워드프레스 Divi 테마 튜토리얼 1편’은 메뉴 페이지를 만드는 방법에 대하여 알아보았습니다.

이어서 계속 Divi테마를 사용해 웹사이트를 만드는 방법에 대해서 알려드릴려고 합니다.

워드프레스와 Divi 테마의 다양한 정보는 누스쿨(Nu School)에서 만나 보실 수 있습니다.

누스쿨(NuSchool)바로가기