이 블로그는 무료 테마인 ocean WP 테마를 사용하고 있습니다. 무료이면서 보기 좋아서 잘 사용하고 있습니다. 다만 클릭할 때 생기는 파란색 outline가 생기는 것이 눈에 거슬리기는 했습니다.
이 테두리가 생기는 현상을 없애는 방법을 공유합니다. 참고로 ocean WP 사용방법은 아래 홈페이지가 잘 적어 두어서 링크를 걸어 둡니다.
https://aoptimer.com/oceanwp-guide/
워드프레스 ocean WP 테마 클릭할 때 생기는 outline 제거
유료 테마는 이런 아웃라인이 생기는지 잘 모르겠지만 무료 버전은 클릭할 때 마다 나타나네요. 메뉴를 클릭해도 나타나고, 글을 클릭해도 나타나고, 로고를 클릭해도 나타납니다.
그동안 귀찮아서 그냥 뒀는데 구글 검색을 해보니까 누가 친절하게 정리해 두었네요. 감사합니다. 잘 사용하겠습니다.
방법은 간단합니다. 어드민페이지(관리페이지)로 들어가서 외모>사용자 정의하기>추가CSS 로 들어가서 아래의 코드를 그대로 입력하고 적용하면 됩니다.
/*logo outline remove */
#site-logo #site-logo-inner a:focus {
outline:none !important;
}
/*menubox outline remove in pc */
#site-navigation-wrap .dropdown-menu>li a:focus{
outline: none !important;
}
/*menubox outline remove in mobile */
.oceanwp-mobile-menu-icon a:focus {
outline: none !important;
}
/* post outline remove in pc+mobile */
a:focus {
outline: none !important;
}공개 버튼을 눌러서 적용합니다. 이제 거슬리던 아웃라인이 없어졌네요. 좋습니다. id와 class 찾는 것이 번거로워서 그동안 그대로 사용하고 있었는데 굿입니다.
근데 출처를 적어줘야 하는데 까먹었네요. 나중에라도 알게 되면 적어두겠습니다.
오늘은 ocean WP 테마 클릭시 나타나는 테두리 없애는 방법에 대해 알아 봤습니다.