구글 블로그 스팟의 이미지 중앙정렬이 안 되는 문제 해결 방법

2022년 8월 13일

이미지 중앙정렬이 안되는 구글 블로그스팟

구글 블로그스팟의 이미지가 중앙정렬이 되지 않는 현상이 있다. 주로 모바일로 보면 이미지 중앙정렬이 되지 않는 현상이 두드러져 사진이 좌 우로 정렬되지 않고 삐뚤삐뚤하게 배열되어 보인다.

이것을 고치기 위한 방법을 소개한다.

일반적인 기본 테마를 쓰면 게시물에 업로드하는 이미지가 중앙에 있지 않고 오른쪽으로 치우쳐저 있는 경우가 생긴다.

커스텀 유저 테마를 쓰더라도 테마를 만든 제작자가 이 문제를 고치지 않았다면 똑같은 문제가 생긴다.

HTML/CSS을 수정해서 이 문제를 해결해야만 한다.

보통이미지가 중앙에 있지 않고 약간 오른쪽으로 치우쳐저 있는것을 볼 수 있다.

블로그의 모바일 버전을 확인하면 이 문제가 더 눈에 띄이게 두드러저 보인다.

데스크탑 버전에서도 이미지가 중앙에 있지 않고 오른쪽으로 치우쳐처 있지만 단지 눈에 덜 띄어 두드러져 보이지 않을 뿐이다.

이에 해결방법은 아래에 소개할 css 코드로 기본 설정을 덮어쓰면 된다.

이제 자세한 방법을 알아보도록 하자.

블로그 관리자 테마 탭을 클릭한 후 맞춤설정을 클릭한다.

그 후 고급을 클릭 "본문" "페이지 텍스트"(또는 이와 유사한 것) 옆에 있는 작은 삼각형을 클릭한다.

그 후에 스크롤을 내려 "CSS 추가"를 클릭한다.

.post-body .separator a {margin-left: auto !important; margin-right: auto !important;}
.post-body img {padding: 0;}

이제 사용자 정의 CSS 추가란 여기에 위의 css 코드를 붙여넣는다.

마지막으로 변경 사항 저장(플로피 디스크 아이콘, 오른쪽 하단 모서리)을 클릭해 설정을 저장한다.

또한 모바일 테마 설정이 있다면 이것을 "기본값"에서 "사용자 지정"으로 변경해야 한다.

이렇게 하면 구글 블로그의 이미지가 중앙정렬이 되지 않는 문제를 해결할 수 있다.

글을 쓸때 에디터에서 html보기를 클릭한 후에 이미지 html 코드에서

style="margin-left: 1em; margin-right: 1em;

이 코드를 삭제해도 되긴 하나 번거로우므로 위의 방법을 사용하는것이 났다.

구글 블로그 운영 측에서 업데이트를 해서 신규 이미지는 다음의 코드가 추가로 붙는다.

imageanchor="1"

그러나 기존에 업로드한 이미지에는 imageanchor="1" 이 코드가 붙지 않기 때문에 기존 이미지는 여전히 중앙 정렬이 되지 않을 것이다.

모바일 회면에서 이미지가 정렬되지 않고 삐뚤게 배열되어 보이는 현상이 구글 블로그 기본 테마에서 일어나고 있는데도 불구하고 구글 블로그 측에서는 고칠 생각이 있는건지 고치지 않고 방치하고 있다.

하루빨리 이런 기본적인 문제는 고쳐야 유저들이 구글 블로그를 더 많이 이용할 것이다.