본문 바로가기

홈페이지만들기/워드프레스

워드프레스 Vantage테마 Navigation

반응형

워드프레스 Vantage테마 기본네비게이션 설정 Theme Settings Navigation



홈페이지를 제작할때 메뉴에 중요성은 엄청나게 크다. 그래서 메뉴의 시간적인 투자와 고민을 많이 한다. 일반적으로 Html이나 CSS를 통해 제작을 많이 하지만 이런 코딩에 상관없이 워드프레스는 플러그인을 통해 쉽게 제작하고 수정 할 수 있다.

워드프레스 메뉴가 얼마나 빠르고 편리한지에 대해 알아보겠습니다. 워드프레스의여러가지 테마와 여러가지 플러그인에 있는데 반응형의 네비게이션의 변화에 대해 알아보도록 하겠습니다. 관리자 페이지 왼쪽메뉴 > 외모> 사용자 정의하기버튼을 클릭하고 사용자UI를 보면 Theme Settings에 Navigation이 있다. 



Navigation 모바일 메뉴는 작은 화면 장치를위한 특별한 반응 메뉴를 사용합니다.



모바일 메뉴 축소 Mobile Menu Collapse 는 아래에 보는것처럼 모바일용 네비게이션 메뉴로 바뀔 때 해상도 값의 픽셀입니다. 기본설정은 480px로 되어있는데 다른 사이즈로 수정이 가능합니다.

쉽게 이야기해 모바일 메뉴 텍스트 Mobile Menu Text - 모바일 메뉴에 사용되는 버튼을 설정하는 기능입니다.



 픽셀설정 아래에 모바일 메뉴 텍스트는 메뉴가 모바일로 바뀔때 다른 텍스트로 바뀔 수 있게 만들어 놓았습니다. 아래 그림은 예를 들어 만들어서 이미지 캡쳐 해 보았습니다.





순서 대로 하나씩 보겠습니다.

  1. 모바일 메뉴 검색 Mobile Menu Search - 이동 메뉴에서 검색을 사용하도록 설정합니다.
  2. 스티커 메뉴 Sticky Menu - 모바일과 상관없이 사용자가 스크롤 아래로 화면 상단에 메뉴입니다.
  3. 메뉴의 검색은 Search in Menu - 모바일과 상관없이 메인 메뉴에서 검색을 표시하거나 표시하지 않을 때 체크를 선택 합니다.
  4. 맨 위로 스크롤을 표시 Display Scroll To Top - 체크 할 때 사용자가 스크롤 부분에 top 버튼을 표시하고 체크하지 않을땐 버튼이 생성되지 않습니다.
  5. 포스트 네비게이션 Post Navigation - 디스플레이 이전 / 다음 게시물 버튼기능입니다.
  6. 홈 페이지 아이콘 Home Page Icon - 홈 페이지 메뉴 링크 표시 홈 아이콘입니다.
  7. 모바일 내비게이션은 Mobile Navigation - 모바일 장치 용으로 가기 스티커 메뉴와 스크롤을 사용합니다.



아직 여러 가지의 기능이 많이 남아있습니다. 여러가지 기능에 익숙해 지는건 계속 반복해서 습득하는 방법밖에 없으니 자꾸 기능을 만들어 보시기 바랍니다.




[홈페이지만들기] - Vantage무료테마 기능 Home - Home Page Slider

[홈페이지만들기] - Vantage무료테마 기능둘러보기

[홈페이지만들기] - Vantage 무료테마 로고수정하기

[홈페이지만들기] - Vantage 테마 메인설정하기

[홈페이지만들기] - 플러그인 기본설치 및 업데이트


반응형