아스트라 이미지 문단 간격이 갑자기 사라지면 처음에는 워드프레스 업데이트나 플러그인 충돌을 의심하게 됩니다. 저도 글을 수정하다가 이미지 바로 아래에 문단이 붙어 보이는 문제가 생겼고, 단락을 추가해도 화면에서는 간격이 제대로 생기지 않았습니다.
처음에는 편집기 문제라고 생각해서 여러 방법을 확인했지만 쉽게 해결되지 않았습니다. 플러그인을 모두 비활성화해도 변화가 없었고, 결국 테마 쪽 스타일 문제로 보고 아스트라 지원팀에 문의하게 되었습니다.
목차
이미지 아래 문단이 붙어 보였던 상황
워드프레스 글에서 이미지를 넣으면 보통 이미지와 다음 문단 사이에 어느 정도 여백이 생깁니다. 그런데 어느 순간부터 이미지 바로 아래에 문장이 붙어 보이기 시작했습니다.
편집기에서는 줄을 한 번 더 넣어도 실제 화면에서는 간격이 거의 보이지 않았고, 모바일 화면에서도 답답하게 붙어 보였습니다. 글을 읽는 사람 입장에서는 사진 설명인지 본문 문장인지 구분이 약해질 수 있어서 그냥 넘기기 어려운 문제였습니다.
아스트라 이미지 문단 간격 문제를 의심한 이유
처음에는 캐시 문제일 가능성도 생각했습니다. LiteSpeed Cache나 브라우저 캐시 때문에 예전 스타일이 남아 있을 수 있기 때문입니다. 그래서 캐시를 지우고 다시 확인했지만 화면은 그대로였습니다.
그다음에는 플러그인 충돌을 의심했습니다. 워드프레스에서는 블록 편집기, 관련 글 플러그인, 광고 플러그인, 최적화 플러그인 등이 본문 스타일에 영향을 줄 때가 있습니다. 하지만 플러그인을 꺼도 아스트라 이미지 문단 간격 문제는 해결되지 않았습니다.
마지막으로 테마를 잠시 바꿔보니 이미지 아래 여백이 정상적으로 보였습니다. 이때부터 문제 범위를 아스트라 테마 스타일 쪽으로 좁혀 볼 수 있었습니다.
아스트라 지원팀에서 받은 방향
아스트라 테마를 사용하고 있었기 때문에 공식 지원팀에 문의를 남겼습니다. 답변은 하루 정도 지나서 도착했는데, 지원팀 테스트 환경에서는 이미지와 문단 사이 간격이 정상적으로 보인다고 했습니다.
이 말은 테마 자체의 기본 문제라기보다 제 사이트 환경에서 특정 스타일이 덮어씌워졌을 가능성이 있다는 의미로 볼 수 있었습니다. 서버 환경, 캐시, 플러그인, 기존 CSS, 블록 스타일이 겹치면 같은 테마를 써도 결과가 다르게 보일 수 있습니다.
추가 CSS로 여백을 다시 넣는 방법
원인을 정확히 하나로 단정하기는 어려웠지만, 본문 이미지 아래에 일정한 여백을 직접 넣으면 문제를 바로 줄일 수 있었습니다. 워드프레스 관리자 화면에서 외모 > 사용자 정의하기 > 추가 CSS로 들어가면 CSS를 넣을 수 있습니다.
여기서 1em은 이미지 아래에 들어가는 여백 크기입니다. 간격이 조금 더 필요하면 1.2em이나 1.5em처럼 조정할 수 있습니다. 너무 크게 넣으면 이미지와 문단이 떨어져 보일 수 있으니 먼저 1em 정도로 확인하는 것이 무난했습니다.
수정 후 달라진 점
CSS를 추가한 뒤에는 이미지와 문단 사이에 다시 여백이 생겼습니다. 글을 읽을 때 사진과 본문이 붙어 보이지 않아서 화면 흐름이 훨씬 자연스러워졌습니다. 특히 여행 후기나 설정 방법처럼 이미지가 많이 들어가는 글에서는 이런 작은 간격 차이가 생각보다 크게 느껴졌습니다.
아스트라 이미지 문단 간격이 사라진 상태에서는 본문이 답답해 보였는데, 여백을 넣고 나니 문단 구분이 다시 분명해졌습니다. 이 문제는 OpenLiteSpeed, LiteSpeed Cache, CDN 같은 서버 환경과 직접 관련이 없을 수도 있지만, 캐시가 남아 있으면 수정 후에도 바로 반영되지 않을 수 있습니다.
CSS를 넣은 뒤에는 캐시 플러그인과 브라우저 캐시를 한 번 비우고 확인하는 것이 좋습니다.
원인보다 중요한 것은 화면 기준 확인
이번 문제는 정확한 원인을 하나로 단정하기 어려웠습니다. 워드프레스 업데이트 이후 생긴 것처럼 보였지만, 테마 스타일과 사이트 환경이 겹치면서 나타난 문제일 가능성이 컸습니다.
다만 운영자 입장에서는 원인 분석만 오래 붙잡고 있기보다 방문자가 보는 화면을 먼저 안정시키는 것도 중요합니다. 아스트라 이미지 문단 간격처럼 본문 가독성에 바로 영향을 주는 문제는 추가 CSS로 빠르게 보정한 뒤, 여유가 있을 때 플러그인이나 테마 설정을 천천히 확인하는 방식이 더 현실적이었습니다.
FAQ
아스트라 이미지 문단 간격 문제는 테마 오류인가요?
항상 테마 오류라고 보기는 어렵습니다. 같은 아스트라 테마라도 캐시, 플러그인, 기존 CSS, 블록 스타일에 따라 화면이 다르게 보일 수 있습니다.
추가 CSS를 넣어도 바로 적용되지 않으면 어떻게 해야 하나요?
LiteSpeed Cache나 브라우저 캐시를 삭제한 뒤 다시 확인하는 것이 좋습니다. CDN을 사용 중이라면 CDN 캐시도 함께 비워야 할 수 있습니다.
1em 대신 다른 값을 넣어도 되나요?
가능합니다. 간격이 부족하면 1.2em, 1.5em처럼 늘릴 수 있습니다. 다만 너무 크게 넣으면 본문 흐름이 끊겨 보일 수 있습니다.
