화면 상단에 항상 떠 있는 워드프레스 관리자 표시줄(Admin Bar) 때문에 불편함을 느낀 적이 있으신가요?
관리자 표시줄을 손쉽게 비활성화하는 방법이 궁금하다면, 잘 찾아오셨습니다!
최근 저희도 워드프레스 관리자 표시줄을 숨겨야 하는 상황이 있었고, 거의 20가지에 달하는 다양한 방법을 직접 시도하고 테스트해 보았습니다.
이 글에서는 워드프레스 관리자 표시줄을 제거하는 방법을 자세히 알려드립니다.
참고: 관리자 표시줄을 숨기는 단계별 과정을 바로 확인하고 싶다면 아래 해당 섹션으로 이동하세요.
워드프레스 관리자 표시줄이란?
관리자 표시줄은 웹사이트 전용 워드프레스 '단축 다이얼'과 같은 역할을 합니다.
조금 더 설명해 드릴게요.
관리자 표시줄은 워드프레스 관리자 대시보드 상단에 표시되는 높이 32px의 툴바입니다. 로그인한 상태라면 웹사이트의 프런트엔드(방문자에게 보이는 화면)에도 함께 나타납니다.
상상해 보세요. 디자인 작업에 몰입해 36시간을 보내고, 마지막 남은 커피 한 잔에 기대어 작업을 마무리하려던 순간, 화면 위를 덮고 있는 바 하나 때문에 결과물 전체가 엉망이 된 걸 발견했다면 얼마나 짜증이 날까요?
하지만 사실 관리자 표시줄은 꽤 유용합니다.
워드프레스 관리자 표시줄에는 주로 대시보드에서만 접근할 수 있는 기능들의 바로가기가 담겨 있습니다. 단축 다이얼처럼 자주 쓰는 기능을 추가해 두면 대시보드와 웹사이트 사이를 오가며 화면을 전환하는 번거로움이 줄어듭니다.
예를 들어 Divi 테마를 사용 중이라면, 관리자 표시줄에 위젯을 추가해 둘 수 있습니다. 그러면 디자인을 수정할 때마다 대시보드로 이동할 필요 없이 관리자 표시줄에서 바로 테마에 접근할 수 있죠.
그렇다면 이렇게 유용한 도구를 왜 굳이 없애고 싶어질까요?
그 이유를 지금부터 알아보겠습니다.
관리자 표시줄을 숨기고 싶은 이유
관리자 표시줄을 제거하거나 숨기고 싶은 데에는 크게 두 가지 이유가 있습니다.
- 워드프레스 관리자 대시보드로의 불필요한 접근을 차단하고 보안을 유지하고 싶을 때
- 웹사이트 디자인을 방해 요소 없이 더 온전하게 확인하고 싶을 때
고개를 끄덕이셨나요?
그렇다면 계속 읽어보세요!
아래에서 소개하는 세 가지 방법은 모두 실행하는 데 1분도 걸리지 않습니다.
워드프레스 대시보드에서 관리자 표시줄 숨기기
먼저 가장 간단한 방법부터 시작해 볼까요?
워드프레스 관리자 표시줄을 제거하는 가장 쉬운 방법은 대시보드 설정에서 바로 비활성화하는 것입니다!
순서는 다음과 같습니다.
1. 화면 오른쪽 상단의 "안녕하세요, (본인 이름)" 영역에 마우스를 올린 뒤 "프로필 편집(Edit Profile)"을 클릭합니다.
2. "툴바 - 사이트를 볼 때 툴바 표시(Toolbar - Show Toolbar when viewing site)"라는 옵션을 찾을 수 있습니다. 기본적으로 모든 사용자에게 활성화되어 있는데, 체크박스를 클릭해 해제합니다.
3. 페이지 하단으로 스크롤한 뒤 "프로필 업데이트(Update Profile)"를 클릭합니다.
이제 모든 사용자의 프런트엔드 화면에서 워드프레스 관리자 표시줄이 더 이상 표시되지 않습니다.
플러그인으로 워드프레스 관리자 표시줄 숨기기
워드프레스 플러그인 저장소에는 관리자 표시줄을 숨기는 것만을 목적으로 하는 플러그인이 15개 이상 등록되어 있습니다. 저희가 모두 테스트해 본 결과, 그중 Hide Admin Bar 플러그인이 가장 뛰어난 것으로 확인되었습니다. 다운로드 수가 4만 회를 넘는 검증된 플러그인이며, 정말 한 번의 설정으로 해결됩니다!
하는 방법은 간단합니다. 워드프레스 사이트에 플러그인을 설치하고 활성화하기만 하면 됩니다. 그러면 끝! 누구든 사이트에 방문했을 때 관리자 표시줄이 더 이상 보이지 않습니다. 나중에 표시줄을 다시 사용하고 싶다면 플러그인을 비활성화하기만 하면 됩니다.
또 하나 유용한 플러그인은 Better Admin Bar입니다. 설치 후 활성화하면 다음과 같은 옵션 중에서 선택할 수 있습니다.
- 모든 사용자에게 관리자 표시줄 숨기기
- 관리자를 제외한 모든 사용자에게 관리자 표시줄 숨기기
- 관리자 표시줄을 반투명하게 만들기 (투명도 % 조절 가능)
- 마우스를 올렸을 때만 관리자 표시줄 표시하기
사용이 쉽고 제 역할을 충실히 해내는 플러그인은 언제나 반갑죠!
코드로 워드프레스 관리자 표시줄 숨기기
설치된 플러그인이 많아지는 것을 선호하지 않는 분들이 많습니다.
걱정하지 마세요!
functions.php 파일의 코드를 수정하면 관리자 표시줄을 손쉽게 제거할 수 있습니다.
순서는 다음과 같습니다.
1. 워드프레스 메뉴에서 "외모(Appearance)"에 마우스를 올립니다.
2. "테마 편집기(Theme Editor)"를 선택합니다. 그러면 테마의 코드 화면으로 이동합니다.
3. functions.php 파일을 엽니다. 일반적으로 화면 오른쪽의 "테마 파일(Theme Files)" 목록에 있습니다.
4. functions.php 파일에 아래 코드를 추가합니다.
add_filter('show_admin_bar', '__return_false');
5. 하단으로 스크롤한 뒤 "파일 업데이트(Update File)"를 클릭합니다.
이제 워드프레스 관리자 표시줄이 사이트의 프런트엔드에서 제거되었습니다!
원래대로 되돌리려면 추가한 코드만 삭제하면 됩니다.
특정 사용자 역할에게만 워드프레스 관리자 표시줄 숨기기
모든 사용자에게서 관리자 표시줄을 없애고 싶지 않을 수도 있습니다. 보안과 프라이버시를 위해 특정 사용자 역할(user role)에게만 관리자 표시줄을 숨기고 싶을 수 있죠.
알고 계셨나요?: 실무에서는 흔히 관리자(Admin)를 제외한 모든 사용자에게 관리자 표시줄을 숨깁니다.
방법을 살펴보겠습니다.
1. 플러그인 활용하기
- 앞서 소개한 Better Admin Bar 플러그인을 기억하시나요? 설정(Settings)으로 이동해 "관리자를 제외한 모든 사용자에게 관리자 표시줄 숨기기(Hide the Admin Bar for all users except Admin)"를 선택합니다.
- 하단으로 스크롤한 뒤 "저장(Save)"을 클릭합니다. 이제 관리자를 제외한 모든 사용자에게 관리자 표시줄이 숨겨집니다.
함께 읽으면 좋은 글: ???? 워드프레스 관리자 페이지 보안 강화 가이드
2. 코드 수정하기
- 테마 편집기를 통해 functions.php 파일로 이동합니다.
- 아래 코드를 추가합니다.
if ( ! current_user_can( 'manage_options' ) ) {
add_filter('show_admin_bar', '__return_false');
}
- "파일 업데이트"를 클릭합니다. 이제 관리자를 제외한 모든 사용자에게 관리자 표시줄이 숨겨집니다.
마치며
워드프레스가 오픈소스라는 점은 유연성 면에서 큰 장점입니다. 하나의 툴바를 숨기는 데에도 이렇게나 많은 방법이 있다는 사실이 놀랍지 않나요?
이 글이 여러분의 상황에 맞는 최적의 방법을 찾아 실행하는 데 도움이 되길 바랍니다. 나중에 관리자 표시줄을 다시 사용하고 싶다면, 진행했던 단계를 그대로 되돌리기만 하면 됩니다.
이 글이 도움이 되었고 워드프레스를 자주 다루신다면, 저희 블로그의 다른 글들도 확인해 보세요.
저희의 미션은 워드프레스가 여러분의 비즈니스에 힘이 되도록 돕는 것입니다. 그래서 워드프레스 관련 모든 주제에 대한 알찬 콘텐츠를 꾸준히 만들고 있습니다. 또한 WPRemote라는 강력한 워드프레스 관리 도구도 개발하고 있으니 참고해 보세요!