워드 프레스 Expand on click 기본 활성화 / 라이트 박스 자동 사용

“워드 프레스”가 6.4 버전 업데이트 되면서 이미지에 라이트 박스 (Lightbox) 기능이 추가되었습니다. 글을 작성할 때 “Expand on click” 이라는 토글 옵션이 새로 생겼지요.

제 블로그 같은 경우는 이미지를 아주 많이 사용해서 워드 프레스가 라이트 박스를 지원하지 않았을 때에도 별도의 플러그인으로 Lightbox를 사용해 왔었습니다.

플러그인으로 lightbox를 적용 시키는 것이 원채 손이 많이 가는 작업이라서 이번 업데이트는 정말 환영할만한 일이었습니다.

그런데 Lightbox 활성화 토글인 “Expand on Click” 버튼이 기본 비활성화로 되어 있어 이미지 하나하나 이 옵션을 다 켜줘야 하는 불편함이 있었습니다.

이걸 어떻게 하면 좋을까 한참 고민하다가 해외 사이트 구글링 중, 이 “Expand on Click” 버튼을 처음부터 활성화된 상태로 사용할 수 있는 방법을 찾아냈습니다.

이 글의 목차

1 Lightbox 기본 옵션 활성화 방법
2 theme.json 파일 수정 Step by Step
3 2024-10-15 추가 / 자동 업데이트 막기

Lightbox 기본 옵션 활성화 방법

라이트 박스 자동 활성화 방법은 크게 어렵지 않습니다. 이미지 블럭의 기본 정의를 약간만 바꾸어 주면 됩니다.

이미지 블럭에 대한 정의는 wp-includes 폴더에 있는 theme.json 파일에 기록되어 있습니다.

FTP나 파일 에디터로 수정 하시면 됩니다. 자세한 수정 방법은 다음 챕터를 참고하세요.

< 앞 내용 생략 >
....
....
"blocks": {
    "core/button": {
        "border": {
            "radius": true
        }
    },
    "core/image": {
        "lightbox": {
            "allowEditing": true
        }
    },
....
....
< 뒤 내용 생략 >

includes / theme.json 파일을 텍스트 에디터로 열어서 위와 같이 “allowEditing”: true 부분을 찾아줍니다.

< 앞 내용 생략 >
....
....
"blocks": {
    "core/button": {
        "border": {
            "radius": true
        }
    },
    "core/image": {
        "lightbox": {
            "allowEditing": true,
            "enabled": true
        }
    },
....
....
< 뒤 내용 생략 >

수정은 간단합니다.

우선 lightbox 항목을 찾아주세요. 메모장 사용중이시라면 “Ctrl + F” 로 lightbox 항목을 찾아주세요.

그리고 위의 예시처럼 “allowEditing”: true 뒤에 “enabled”: true 를 추가해 주면 됩니다.

중요한 점은 “allowEditing”: true 뒤에 [ “,”(쉼표) ]를 꼭 붙여 주셔야 합니다. 그렇지 않으면 라이트 박스 기능 자체가 비활성화 됩니다.

한 가지 참고하셔야 하는게 이 방법은 완벽하지는 않습니다. 워드프레스가 버전이 업데이트 되면 theme.json 파일이 새 버전으로 덮어 씌어지면서 라이트 박스 설정 하였던 것이 초기화 됩니다. 워드프레스 업데이트가 발생하면 매번 수정해줘야 한다는 것이죠.

차일드 테마에 theme.json 파일을 생성하고 라이트 박스 옵션을 기록하는 방법도 있습니다만 제가 여러 테마에 적용 테스트를 해봤을 때 정상적으로 동작하는 테마도 있고 충돌 나는 테마도 있었습니다. ~~(제가 제대로 했는지는 잘 모르겠습니다만 )~~

theme.json 파일 수정 Step by Step

theme.json 파일 수정하는 방법을 어려워 하시는 분들을 위해 Step By Step 으로 설명하겠습니다. 아래의 방법은 워드프레스 플러그인 “파일 매니저”를 이용한 방법 입니다.

주의 하실점은 theme.json 파일을 잘못 수정할 경우 “라이트 박스”는 커녕 워드 프레스 접속 자체가 안될 수 있습니다. 때문에 워드 프레스가 무너졌을 때를 대비하여 파일 시스템에 접근할 수 있는 FTP 접속 아이디와 패스워드를 인지해 놓으시는 것이 좋습니다.

그럼 시작해 보도록 하겠습니다.