Photo Gallery 플러그인 메뉴를 가리는 현상 해결 방법

Photo Gallery 플러그인 메뉴가 사진에 가려지는 현상

Photo Gallery 플러그인은 이미지를 관리할 수 있고 슬라이드, 벽돌, 모자이크 등으로 보여줄 수 있는 갤러리 플러그인입니다. 프리미엄으로 업그레이드를 하지 않아도 무료로도 충분히 갤러리 기능들을 사용할 수 있기 때문에 인기가 많습니다.

저도 다양한 갤러리 플러그인을 사용해 보았지만 프리미엄으로 업그레이드를 하지 않으면 기능을 사용할 수 없거나 다른 플러그인과 호환이 되지 않는 문제가 발생하면서 마지막으로 선택한 플러그인이 Photo Gallery 플러그인입니다.

근데 설치를 하고 갤러리를 만들었는데 메뉴를 열게 되면 갤러리에 가려지는 현상이 있었습니다. 이 부분은 플러그인 설정에서는 찾을 수 없는 한 마디로 고칠 수가 없었습니다.

그래서 검색을 하면서 해결 방법을 찾았는데 공식 설명에서 볼 수 있었고 어렵지 않게 갤러리 밑으로 메뉴가 나오는 문제를 해결할 수 있었습니다.

Gallery 플러그인

위에 보이는 것처럼 갤러리로 들어간 상태에서 메뉴를 열게 되면 갤러리 밑으로 나오면서 가려지는 문제가 발생했습니다. 해당 문제는 플러그인 설정부터 테마까지 다양한 이유로 생기며 이런 문제가 발생하지 않는 분들도 있습니다.

그러면 저 같이 메뉴가 가려지는 현상이 생기시는 분들을 위해서 공식 설명에 있는 해결 방법을 알아보겠습니다.

Gallery 플러그인

메뉴가 가려지는 현상을 해결하는 방법은 워드프레스 관리자 > 외모 > 사용자 정의하기로 들어가신 후에 테마에 있는 기능인 추가 CSS로 들어가시면 됩니다.

Gallery 플러그인

추가 CSS로 들어갔다면 위에 코드를 추가하게 되면 갤러리로 인해서 메뉴가 가려지는 문제를 해결할 수 있습니다. 만약에 코드를 추가했는데 해결이 되지 않는다면 캐시를 삭제하게 되면 해결이 된 것을 확인할 수 있을 것입니다.

div#bwg_container3_0 {

z-index: 0 !important;

}

저는 당분간 Photo Gallery 플러그인은 큰 문제가 발생하지 않는다면 사용을 계속 할 것이기 때문에 설정 방법부터 오류 등 계속 글로 정리를 하도록 하겠습니다.

▶ Photo Gallery 갤러리 플러그인 기본 설정 방법

▶ 워드프레스 깨진 링크 찾아주는 Broken Link Checker

▶ 웹사이트 측정 – CLS, 속도, TTFB 통계를 보는 확장 프로그램

댓글 달기

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