워드프레스는 정기적으로 메이저 릴리스가 출시가 되고 있습니다. 메이저 업데이트가 공개되면 중요한 사이트라면 백업을 한 후에 진행하는 것이 바람직합니다. 또한, 쇼핑몰 등의 사이트라면 공개 직후에 업데이트하기 보다는 며칠 정도 기다려본 후에 안정화되었다고 생각될 때 업데이트하는 것도 괜찮은 방법일 수 있습니다.
지난 11월 12일 (우리나라 시각으로 11월 13일 오전)에 워드프레스 6.7 버전이 공개되었습니다. 6.7 버전으로 업데이트한 후에 오류가 발생하는 케이스가 많이 보고되고 있는 것 같습니다.
제 워드프레스 블로그의 경우 업데이트 후에 사용자 정의 페이지에서 왼쪽 메뉴의 크기가 비정상적으로 크게 표시되는 문제가 발생했습니다. 이 문제는 아마도 플러그인 충돌 때문이 아닌가 생각됩니다 이 문제는 심각하지 않으므로 임시방편이지만 간단한 코드로 해결이 가능합니다.
워드프레스 업데이트 후에 사용자 정의 메뉴가 이상하게 표시되는 문제 해결 방법
워드프레스 6.7 버전으로 업데이트 후에 사이트에 이상이 발생하는 경우 사이트를 롤백하는 것을 고려할 수 있습니다. 카페24 등 일부 웹호스팅에서는 자동 백업/복원 기능을 제공합니다.
- 카페24, 패스트코멧: 지난 7일 간 백업본 제공
- 케미클라우드 (워드프레스 호스팅): 호스팅 상품에 따라 10일, 20일, 30일 백업본 제공
- 클라우드웨이즈: 보통 2주 이내의 기간으로 롤백 가능
자동 복원이 불가능하거나 업데이트된 콘텐츠가 있어서 과거 백업본으로 되돌려서는 안 되는 경우에는 워드프레스 다운그레이드가 가능합니다.
워드프레스 6.7로 업데이트 후 사용자 정의 메뉴가 이상하게 표시되는 경우
일부 사이트에서 워드프레스 6.7 버전으로 업데이트한 후에 모양 » 사용자 정의 (Appearance » Customize) 페이지의 왼쪽 메뉴 부분이 아래 그림과 같이 이상하게 표시되는 경우가 있습니다.
이 블로그에는 GeneratePress 테마가 사용되고 있는데, 동일 테마를 이용하는 다른 사이트에서는 이 문제가 발생하지 않고 이 사이트에만 이 오류가 발생했습니다.
이 문제는 사이트에 설치된 플러그인과의 충돌 때문에 발생하는 것으로 보입니다. 실제로 우클릭 방지 플러그인을 사용하는 사이트에서도 이와 같은 현상이 발생한다고 네이버 카페의 한 회원이 알려왔습니다.
이 문제를 해결하려면 문제가 되는 플러그인을 찾아서 비활성화하는 것을 고려할 수 있습니다. 시간이 지나면 업데이트가 나오면서 이런 문제가 해결되리라 생각됩니다.
저는 미봉책이지만 다음과 같은 코드를 차일드 테마의 함수 파일(functions.php)에 추가하여 해결했습니다. 추후에 워드프레스 코어와 테마, 플러그인 업데이트가 나오면 코드를 제거하여 문제가 재발하는지 체크해볼 수 있을 것입니다.
function enqueue_customizer_css() {
wp_add_inline_style(
'customize-controls', // Customizer 스타일 핸들
'#customize-controls .accordion-section-title button.accordion-trigger {
height: auto;
}'
);
}
add_action('customize_controls_enqueue_scripts', 'enqueue_customizer_css');이 코드는 매우 단순한 코드이므로 사이트 속도에 거의 영향을 미치지 않고 사용자 정의 페이지에서만 로드될 것입니다.
FTP에 접속하여 /wp-content/themes/차일드테마/ 폴더 아래의 테마 함수 파일에 위의 코드를 추가하시기 바랍니다. 차일드 테마가 없다면 설치한 후에 진행하세요.
마치며
워드프레스 메이저 버전이 출시될 경우 업데이트 전에 백업을 하는 것이 안전할 수 있습니다. 워드프레스 6.7 업데이트 후에 에러가 많이 보고되고 있으므로 아직 업데이트하지 않았다면 이번 주까지는 기다려보고 다음 주에 업데이트를 하는 것도 고려해보시기 바랍니다. 며칠 사이에 많은 테마와 플러그인이 업데이트되고 있습니다. 아마 다음 주 중에는 대부분의 인기 테마와 플러그인의 버그는 수정되지 않을까 생각됩니다.
댓글 남기기