워드프레스에서 메뉴와 헤더를 고정하고 싶으면 테마의 기능을 사용하거나 CSS 코드로 고정하거나, 무료 또는 유료 플러그인을 사용할 수 있습니다. 일부 테마에서는 헤더나 메뉴 고정 기능을 테마 옵션을 통해 제공할 수도 있습니다.
예를 들어, 아바다, 엔폴드, 뉴스페이퍼 등의 일부 테마에서도 헤더를 고정하는 기능을 제공합니다. GeneratePress 테마도 유료 버전에서 Sticky Navigation 기능을 지원하며, 이 블로그에서도 헤더 고정 기능을 사용하고 있습니다. 만약 테마가 헤더나 메뉴 고정 기능을 지원하지 않는다면, myStickymenu와 Sticky Menu & Sticky Header와 같은 무료 플러그인을 설치하여 쉽게 해결할 수 있습니다.
워드프레스 메뉴와 헤더 고정방법 : Sticky Menu & Sticky Header 플러그인
이전 글에서는 myStickymenu 플러그인을 사용하여 메뉴를 상단에 고정하는 방법을 알아보았습니다. 반면, 이 글에서는 Sticky Menu & Sticky Header(이전 명칭 Sticky Menu (or Anything!) on Scroll)이라는 플러그인을 소개할 예정입니다.
이 플러그인은 제목에서 알 수 있듯이 메뉴 뿐만 아니라 원하는 모든 요소를 보다 쉽게 고정하게 해주는 플러그인입니다.
STICKY MENU & STICKY HEADER 설정
“Sticky Menu & Sticky Header” 플러그인을 설치하려면 알림판 > 플러그인 > 새로 추가 메뉴에서 “Sticky Menu & Sticky Header”를 검색하여 설치할 수 있습니다. 플러그인을 설치하고 활성화하면 알림판의 설정 메뉴에 “Sticky Menu (or Anything!)“이라는 새로운 메뉴가 추가됩니다. 이 메뉴를 통해 원하는 요소를 고정하고 사용자 정의할 수 있습니다.
예시 : 아스트라 테마 헤더 고정방법
인기 워드프레스 테마 중 하나인 Astra 테마에서 헤더를 고정하는 방법을 예시로 살펴보겠습니다. 하지만, Astra 테마에서 헤더를 고정하는 기능은 유료 버전에서만 제공됩니다. 유료 버전을 구매하지 않고 헤더를 고정하는 방법이 필요한 경우, 이 글에서 소개하는 플러그인을 활용할 수 있습니다.
