메뉴 추가하기- Function.php 사용하기

워드프레스 테마를 설치해 보면 예쁜 템플릿 들이 많지만 내가 원하는 위치에 적절한 메뉴나 편집영역이 없는 경우가 많습니다. 이때, php 코드를 편집해서 간단히 메뉴를 추가해 줄 수 있습니다. 오늘은 php 코드안에 메뉴를 추가해 봅시다. 

 

메뉴 추가를 위한 위젯 파일 정리 하기

 

1. 먼저 footer widget들을 삭제해서 빈 영역으로 만들어 줍시다.  Customize 로 들어가서 widgets 을 선택합니다. 여기서 footer1을 열어줍니다.

 

 

2. footer 1 영역에 있는 위젯을 클릭해서 열고 Remove 를 눌러 삭제해 줍니다.

 

3. 웹페이지에서 보면 footer 영역의 크기가 줄어들고 깔끔하게 정리된것을 볼 수 있습니다. 

 

4. 홈페이지의 Edit을 눌러 편집 모드에 들어가서 설정 조절칸에서 Template -> No Side bar 로 설정해서 깨끗하게 레이아웃을 정리해 줍시다. 

 

 

메뉴 추가 코드 입력하기

아래의 코드를 사용해 원하는 장소에 메뉴를 추가할 수 있습니다. 

<?php register_nav_menus( $locations ); ?>

 

1. functin.php 파일을 엽니다. 아래의 코드를 입력합니다. 여기서 괄호안의 'zubin'은 설치된 테마의 이름입니다. 

2. 대쉬보드의 Apprearance -> menus 를 선택하고 Create menu 를 선택해 Social menu를 만들어줍니다.

 

2. 좌측 Add menu items 에서  Custom Links 부분에 LinkedIn 과 Instagram link 를 적고 ' Add to menu' 를 누릅니다.

 

3. Menu structure ' Save menu'를 눌러 앞에서 만든  Social menu를 저장합니다.

4. 위와 같은 방법으로 Create menu 를 선택해 Footer menu를 만들어줍니다.

 

5. 좌측 Add menu items 에서 page 부분에 select all을 적고 ' Add to menu' 를 누릅니다.

6. Footer.php 파일을 열고 아래처럼 코드를 등록합니다. 

 

7. 아래와 같이 Footer에 Footer menu와 Social menu가 나타납니다. 스타일시트를 사용해 위치를 조절해 줍니다.