워드프레스 메뉴에 검색 아이콘 추가하기

오늘 워드프레스의 스킨을 오랜만에 변경했습니다.

이번 스킨은 Astra를 사용해봤는데요. 다만 스킨을 변경후에 해야할 일이 있습니다. 바로 스킨에서 메뉴에 검색 아이콘을 추가하는 것인데요.

워드프레스 메뉴 검색 아이콘 추가하기

워드프레스 사이트에 검색 아이콘이 없다면 예전에 올린 콘텐츠를 찾기가 어렵습니다. 그래서 검색 아이콘을 추가해줘야 하는데요. 왜 기본 스킨에서 기본값으로 나오지 않는지는 의문입니다.

먼저 모양 – 사용자 정의로 들어가서 테마의 설정으로 갑니다.

이후 헤더 빌더 – 주메뉴로 들어갑니다. 이 곳에서 메뉴의 각각의 옵션을 설정할 수 있습니다. 여기에서 이곳저곳을 눌러보면서 홈페이지를 수정해보시면 많은 도움이 됩니다. 상단의 공개를 누르지 않으면 반영되지 않기 때문에 본인 원하는 형태로 자유롭게 수정해보시기 바랍니다.

그리고 이제 이 메뉴에서 검색을 추가하면 되는데요. 주 메뉴의 빈 공간에서 추가하기를 누르고 아이콘 중에서 검색을 추가하면 됩니다.

이렇게 하면 상단 메뉴에 검색 아이콘이 추가되었습니다.

검색 아이콘을 원하는 위치에 추가할 수 있는데요. 저와 같이 메뉴에 추가해도 되고 사이드바에 추가하셔도 무방합니다.

다만 사이드바를 사용하기 위해서는 블로그 메뉴에 가셔서 사이드바 레이아웃을 좌측이나 우측으로 사이드바를 추가해야지만 검색 버튼을 찾아볼 수 있습니다. 사이드바 레이아웃이 기본값인 없음으로 되어 있을 경우 메뉴가 나오지 않습니다.

이 후 스킨을 변경하면 구글 태그 매니저도 다시 설정해줘야 하는데요.

태그 매니저 설정

구글 애널리틱스에서 사이트를 분석하고 싶다면 태그 매니저를 통해서 사이트의 정보를 수집해야 합니다. 즉 사이트 분석을 위해서 각 페이지에서 일어나는 이벤트를 감시하는 스크립트를 추가해야 하는 것입니다.

애널리틱스 (링크) 에 접속한 다음 메뉴에서 태그 관리자를 클릭합니다.

이 후 태그 관리자 설치에서 head와 body를 복사 붙여넣기 해야하는데요.

태그 관리자의 설치 안내에 따라서 진행하시면 됩니다.

요약하면 태그 관리자 설치를 위해서 2개의 값을 복사해넣어야 하는데요. 가이드에 따라 두개의 값을 복사하신 다음 Header.php 파일에서 <head> 뒤와 <body>뒤에 붙여 넣어 줍니다. 이렇게 2개의 태그를 등록하면 이제 애널리틱스에서 분석이 가능합니다.

이 뿐만 아니라 워드프레스의 스킨을 변경하게 되면 초기화되는 것들이 있어서 몇가지를 수정해줘야 하는데요. 네이버 애널리틱스를 사용한다면 네이버 애널리틱스 역시 수정해주셔야 합니다.

이런 부분은 스킨 변경 후에 기억하지 않으면 놓칠 수 있는데요. 꼭 잊어먹지 않고 작업해주시기 바랍니다. 그래야지 기존 스킨을 사용할 때처럼 각각의 플러그인이 정상 동작하게 됩니다.

그리고 애드센스를 한다면 애드센스 역시 추가해주어야 정상적으로 사이트가 동작합니다. 다만 이런 구글 사이트의 경우 구글 사이트킷을 설치하면 한번에 할 수 있으니 그 방법도 고려해보시기 바랍니다.

그럼 즐거운 하루 보내세요.

댓글 달기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

위로 스크롤