본문 바로가기
블로그

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

by 열매맺는나무 2024. 9. 14.

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

 

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

 

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

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

 

검색 아이콘이 적용된 모바일 화면

 

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

 

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

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

 

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

함께 읽으면 좋은 글

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

 

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

이번 글에서는 ‘블록 위젯으로 사이드바에 카테고리 넣는 방법’을 살펴보기로 하겠습니다. 사이드 바에 카테고리를 넣으려고 한 것은 지금 사용하고 있는 테마가 고정 헤드 기능을 지원하지

fruitfulife.tistory.com

 


 

2023년 1월 1일 하루팁닷컴에 포스팅했던 글입니다.

반응형