워드프레스 헤더(Header), 푸터(Footer) 만들기

워드프레스에서 제공하는 Accelerate 테마의 헤더(Header)에 대해서 살펴보고 위젯을 추가해서 푸터(Footer)를 만들어 보겠습니다.

헤더 (Header)

헤더를 수정하기 위해서  '외모 < 사용자 정의하기'로 들어갑니다.

 

좌측 사이드바에 있는 '헤더 미디어'와  'Header' 메뉴에서, 헤더 부분에 로고 추가, 로고 위치 변경, 헤더의 배경 추가 등 이런 것들을 수정할 수 있습니다.

 

'헤더 미디어' 메뉴를 보게되면, 여기에는 헤더 비디오 또는 헤더 이미지를 추가할 수 있습니다.

 

'Header' 메뉴를 보게되면, 이것은 테마에서 제공하는 디자인으로서 헤더 부분의 세부적인 설정을 할 수 있습니다.

 

'사이트 아이덴티티' 메뉴를 보게되면, 헤더 부분에 들어갈 로고 이미지를 올릴 수 있습니다. 사이트 아이콘으로 불리는 파비콘도 설정할 수 있습니다. 웹 사이트 주소의 상단 탭 부분에 보이는 작은 사이트 아이콘을 파비콘이라고 부릅니다.

 

외모의 사용자 정의하기 메뉴들은 사이트의 디자인을 결정할 수 있는 것입니다.

푸터 (Footer)

푸터(footer)에 사용자 정의 메뉴, 최근 글, 검색 등 이런 것들을 위젯으로 추가할 수 있습니다.

 

푸터에 위젯을 추가하기 위해서 '외모 > 위젯'으로 들어갑니다.

 

우측에 보면, Footer Sidebar One, Footer Sidebar Two, Footer Sidebar three 의 위젯이 있습니다.

세 개의 푸터 사이드바 위젯의 우측 끝에 역삼각형 아이콘을 눌러서 각각 펼칩니다.

 

첫번째 펼쳐진 Footer Sidebar One 에는 '사용자 정의 메뉴' 위젯을 드래그해서 끌어다 놓습니다. 사용자 정의 메뉴 위젯에서 타이틀은 'NAVIGATION'이라고 주고, 메뉴는 만들어 놓은 관리 메뉴 'Main'으로 선택해 주고 저장하기 합니다.

 

두번째 펼쳐진 Footer Sidebar Two 에는 '최근 글' 위젯을 드래그해서 끌어다 놓습니다. 타이틀은 'RESENT ARTICLE'이라고 주고, 글 작성 일자는 표시하지 않기위해 체크하지 않고 저장하기 합니다.

 

세번째 펼쳐진 Footer Sidebar Three 에는 '검색' 위젯을 드래그해서 끌어다 놓습니다. 타이틀은 'SEARCH'라고 주고 저장하기 합니다.

 

이렇게 세 개의 푸터 사이드바 위젯을 추가하고, 사이트에서 새로 고침 해보면 웹 사이트 하단 부분에 완성된 푸터가 들어간 것을 확인할 수 있습니다.

 

지금까지 워드프레스 Accelerate 테마를 가지고  헤더(Header)에 대한 사용자 정의하기 메뉴를 살펴보았고 위젯을 추가해서 푸터(Footer)를 만들어 보았습니다.