GeneratePress 테마 메뉴에 검색 아이콘 추가하는 방법

‘GeneratePress 테마 메뉴에 검색 아이콘 추가하는 방법’에 대해 알아봅니다. 그동안 사이드바에 검색 위젯을 두고 사용했습니다. 컴퓨터 화면에서는 아무 문제가 없었는데, 모바일 화면에서는 사이드바가 글 다음에 나와 불편했습니다. 어떻게 하면 화면 첫머리에 검색창을 넣을 수 있을까 고민하다 네비게이션 메뉴에 검색 아이콘을 넣기로 했습니다.

GeneratePress 테마 메뉴에 검색 아이콘 추가하는 방법
네비게이션 메뉴에 추가한 검색 아이콘

GeneratePress 테마 메뉴에 검색 아이콘 추가하는 방법

검색 아이콘을 메뉴에 추가하기위해 사용자가 따로 취해야 할 조치는 없습니다. GeneratePress 테마 자체에서 네비게이션 서치 옵션을 제공하기 때문입니다. 네비게이션 검색 옵션은 사용자 정의하기> Layout> Primary Navigation으로 가서 맨 아래 Navigation Search를 Disable에서 Enable로 바꿔주면 됩니다. 이렇게 하면 네비게이션 메뉴 맨 오른쪽에 검색 아이콘이 생겨납니다.

GeneratePress 테마 메뉴에 검색 아이콘 추가하는 방법2
검색 아이콘이 적용된 모바일 화면

스마트폰에서 모바일 화면을 확인해보았습니다. 블로그 맨 위 네비게이션 메뉴 오른쪽에 검색 아이콘이 보입니다.

Secondary Navigation에서 네비게이션 서치 사용하기

Primary Navigation 에서 네비게이션 서치를 사용할 때는 위에서 말씀드린 방법을 쓰면 됩니다. Secondary Navigation에서 사용하려면 코드를 PHP에 넣어야 합니다. 자세한 방법은 다음 문서를 참고해 보세요.

▶︎ https://docs.generatepress.com/article/navigation-search/

함께 읽으면 좋은 글

블록 위젯으로 사이드바에 카테고리 넣는 방법

4 thoughts on “GeneratePress 테마 메뉴에 검색 아이콘 추가하는 방법”

  1. 새로 블로그를 개설하셨군요. 블로그를 운영하는 경우 GeneratePress 테마가 좋은 것 같습니다. 저는 운영하는 대부분의 블로그에 GP 테마가 적용되어 있습니다😄😄😄

    새해 복많이 받으세요~

  2. J rhee님 포스팅 잘봤어요~검색창을 추가시켜서 검색창 누르면 보통 새창으로 뜨는데요. J rhee님 블로그처럼 검색창 누르면 새창이 아닌 해당 구간에서 검색단어 쓸수 있게하려면 어떻게 해야할까요??

Comments are closed.