워드프레스

24년 최고의 무료 워드프레스 Sticky Header & Menu 10가지

comtogood 2024. 9. 29. 09:05
728x90
반응형

 

운영 중인 워드프레스 블로그, 쇼핑몰, 홈페이지 탐색을 더 쉽게 하자

 

웹사이트를 접속하는 방문자들이 좀 더 쉽고 간편하게 검색을 한다는 것은 매우 중요한 일입니다. 

메인화면 탑 부분에 고정된 헤더와 메뉴는 방문자들에게 아주 큰 역할을 해줍니다.

헤더가 없이 밑으로 한없이 스크롤돼서 내려간다면 메인 메뉴를 보기 위해 다시 올라오는데 많은 시간이 걸릴 것이고 방문한 사용자는 금방 웹사이트를 이탈하고 말 것입니다.  물론 위로버튼이 하단이 있다고 해도 말이죠.  오늘은 2024년 최고의 무료 플러그인 Sticky Header와 Menu 10가지를 알아볼까 합니다.

 

 

1. Responsive Menu

 

 

 

 

 

 

 

+ 특징

이 플러그인은 매우 친화적이고 친숙한 반응형 메뉴 플러그인입니다. 웹사이트의 최대면적을 활용하고 검색이 더 쉽도록 제작되었습니다.  PC 및 메가 메뉴지원, 사용자 지정 헤더바, 터치 제스처를 통한 원활한 제어, 메뉴 내 탐색을 위한 키보드 명령어 등이 지원됩니다. 

또한, 20개 이상의 Awesome 버튼 애니메이션, 600개 이상의 글꼴 제공, 그리고 다국어 사이트를 지원합니다.

 

 


 



2. Sticky Menu & Sticky Header

 

 

sticky menu 워드프레스 플러그인

 

+ 특징

스티키 메뉴 & 스티키 헤더는 웹사이트 상단에  고정으로 위치합니다. 물론 특정화면 크기에만 나오도록 만들 수도 있습니다. 스티키헤더, 스티키메뉴, 스티키 콜투액션, 스티키 로고, 스티키 위젯에 사용할 수도 있습니다.

스크롤을 하면 특정 요소를 선택해서 스티키 헤더나 메뉴를 다시 맨 위로 올리는 옵션도 지원하고 있습니다.

이 플러그인은 관리자 바 알림, Z-index 옵션, 디버그 모드, 동적 모드 등의 문제도 해결합니다.

 

 




 

 

 

 

3. My Sticky Bar

 

 

+ 특징

MyStickyBar는 90,000개 이상 다운을 받은 인기가 많은 스티키헤더&바 플러그인입니다.

특정 픽셀 수를 스크롤한 후에 웹 페이지 상단에 고정 메뉴를 노출시킬 수 있습니다.

또한 이벤트 바를 만들거나 공지창을 만들어서 내용을 입력하고 상단에 고정시킬 수 있습니다.

 

이 플러그인은 정말 가볍고 다국어를 지원하고 있으며, 웬만한 페이지 빌더나 테마와도 호환이 잘됩니다.

페이드&슬라이더 효과를 줄수도 있으며, 작은 화면을 위해서 노출제한 옵션과 글꼴, 색상등을 수정할 수도 있으며, Opacity 불투명 효과를 줄수도 있고, Z-Index 옵션의 기능도 지원하고 있습니다.

 

 


 

 

 

4. Sticky Header Effects for Elementor

 

 

+ 특징

Elementor용 스키티헤더 플러그인은 엘리멘터 2.0에서 빠졌던 스티키헤더 기능을 추가하기 위해서 만들어진 무료 워드프레스 플러그인입니다.   엘리멘터를 웹사이트에서 사용하고 있으며, 웹사이트를 떠다니는 메뉴나 헤더를 적용하고 싶으시다면 이 플러그인을 한번 사용해 보시기 바랍니다.

 

웹사이트에 방문자가 방문을 해서 웹사이트의 콘텐츠를 스크롤할 때 배경색이나 플로팅 메뉴 그리고 헤더의 높이를 변경할 수가 있습니다. 그리고 투명, 반투명, 단색 메뉴 효과를 선택할 수도 있습니다.

 

하단 테두리 사용자 지정, 축소 효과, 스크롤 시 로고 높이 조정 등 다양한 기능도 지원하고 있습니다.

 

 


 

 

 

 

5. Float Menu

 

 

+ 특징

Float menu 플러그인은  무료 스티키 메뉴 플러그인입니다. 프로버전으로 업그레이드를 하면 무제한으로 스티키 메뉴를 만들 수가 있습니다.  웹사이트의 메뉴 버튼을 쉽게 추가할 수가 있고 버튼 배경색도 설정이 가능합니다. 

 

이 플러그인은 사이트 검색, 메인 메뉴, 연락처 블록, 추가 메뉴, 사용자 프로필 검색 등에도 사용이 가능합니다. 1,400개 이상의 Font Awesome 5 아이콘, 각 아이콘에 대한 풀컬러 사용자 정의, 링크를 새창에서 열 수 있는 옵션등이 제공됩니다.  프로버전에서는 수직메뉴정렬, 애니메이션효과, 하위메뉴항목, 사용자 지정 이미지 등 여러 가지 다양하고 효과적인 기능도 제공이 됩니다.

 

 

 




 

 

 

6. WP Floating Menu 

 

 

+ 특징

이 플러그인은 인기 있는 무료 스티키 메뉴로 웹사이트에 원페이지 내비게이터 메뉴를 만듭니다.  

워드프레스 테마를 변경하는 대신, 웹사이트에서 WP Floating Menufree 플러그인을 사용하여 원페이지 웹사이트처럼 작동하도록 만들 수 있습니다.

 

웹페이지에서 다양한 섹션을 정의하고 단일 페이지 탐색을 정의할 수 있습니다. 아름답게 만들어진 5개의 레이아웃이 기본적으로 제공되고, 정렬이 쉬운 메뉴와 오른쪽 왼쪽 메뉴 배치 기능과 모바일과 스마트폰 활성, 비활성 기능, 다양한 내비게이터 효과 등을 제공하고 있습니다.

 

 

 

 


 

 

7. WPB Floating Menu of Categories

 

 

+ 특징

이 플러그인은 웹사이트의 메뉴, 카테고리, 카테고리 아이콘을 고정시켜서 웹사이트를 더욱 편하고 눈에 띄게 다양한 공지, 내용등을 전달할 수가 있습니다. 

 

운영 중인 워드프레스 테마에 맞게 메뉴나 카테고리의 색상을 수정할 수가 있으며, 고정메뉴와 위치를 지정할 수가 있습니다.  

 

 

 

 


 

 

 

8. Side Menu Lite

 

 

+ 특징

Side Menu Lite 무료 스티키 메뉴 플러그인은 Wow Side Menu를 대체하는 무료 플러그인입니다. 

워드프레스 웹사이트에 수평이 아닌 수직으로 떠다니는 메뉴를 만들수가 있습니다. 

웹사이트의 왼쪽이나 오른쪽에 고정 슬라이더 아웃 버튼을 추가할 수 있습니다. 또한 새 창에서 열 수 있는 모든 링크를 해당  버튼에 지정할 수 있습니다. 메뉴 항목, 아이콘, 글꼴의 크기를 수정할 수 있습니다.

 

 


 

 

 

9. Fixed And Sticky Header

 

 

+ 특징

Fixed And Sticky Header 플러그인은 메뉴와 헤더를 항상 보이게 하는 데 사용할 수 있는 무료 워드프레스 플러그인입니다. 웹사이트에서 콘텐츠를 스크롤될 때 메뉴나 헤더는 항상 맨 위에 고정이 됩니다.

고정된 헤더의 배경색과 글자 색상을 변경할 수 있습니다. 헤더의 클래스나 ID를 추가할 수도 있습니다. 

가볍고 간단한 스티기 헤더와 메뉴 플러그인을 사용하고 싶다면 이 플러그인을 한번 사용해 보시기 바랍니다.

 

 


 

 

 

 

10. Simple Sticky Header on Scroll

 

 

 

 

 

 

 

+ 특징

무료 플러그인인 Simple Sticky Header는 최근에 제작된 플러그인으로 웹사이트에 슬라이드 다운 플로팅 헤더를 추가되었습니다. 이 플러그인은 모든 워드프레스 테마와 플러그인과 호환됩니다.

 

플러그인을 통해서 로고를 추가하고, 색상을 변경하고, 활성화나 비활성화를 선택할수가 있으며, 디자인과 레이아웃에 맞출 수가 있습니다. 웹사이트의 수평 메뉴는 작은 화면에서는 드롭다운 메뉴로 변경이 됩니다. 

 


 

좀 더 효과적으로 워드프레스를 운영하고 싶다면 스티키 메뉴를 한번 사용해 보시기 바랍니다.

 

 

 

 

 

반응형