구글 블로그 포스트 작성자의 아바타가 안 보이는 문제와 닉네임이 대문자로 표시되는 문제 해결

현재 블로그에 적용해 놓은 Amalia 무료 버전 템플릿은 디자인이 전체적으로 깔끔하고 예쁜 편이지만, 몇 군데에 작은 문제들이 있다.

이전 포스트에서는 예쁘지 않은 줄 간격을 수정했는데, 이번에는 포스트 작성자의 아바타가 표시되지 않는 문제와 작성자의 이름(닉네임)이 무조건 대문자로만 표시되는 문제를 해결할 것이다.

작성자의 아바타가 보이지 않고, 닉네임은 전부 대문자로만 표시되는 문제.

문제는 보는 바와 같이 분명 아바타가 표시되어야 할 것 같은 곳에 회색 동그라미만 보이고, 'by 닉네임' 부분도 전부 대문자로 표시되고 있다.

아바타가 표시되지 않는 건 분명 고쳐야 할 부분이고, 닉네임이 대문자로만 표시되는 건 신경 쓰지 않아도 문제 될 건 없지만, 디자인적인 측면에서 별로 안 예뻐 보이고 거슬리는 부분이니 수정해 보겠다.

브라우저에서 [F12] 키를 눌러서 개발자 도구를 열고 문제가 되는 코드를 찾아보면, class 속성이 'post-meta'인 부분에 'text-transform: uppercase;'라는 CSS 코드가 들어간 것이 보인다.

이것이 작성자 이름을 전부 대문자로 표시가 되도록 만드는 코드다.

이번에는 작성자의 아바타가 표시되는 부분을 찾아보았다.

'opacity: 0;' 이 부분이 문제다. 여기를 1로 고치면 아바타가 표시될 것이다.

구글 블로그의 HTML 편집을 통해 수정을 해보자.

구글 블로그 관리 페이지에서 '테마' > 'HTML 편집'으로 이동한다.

그리고 [ctrl + F] 키를 눌러서 '.post-meta'를 검색해 보면 개발자 도구를 통해서 봤던 수정해야 할 부분이 보일 것이다.

'text-transform' 부분은 아예 삭제를 해버려도 되고, 왠지 모르게 남겨놓고 싶다면 'uppercase'를 'none'으로 수정하자.

'opacity'는 아까도 말했듯이 1로 수정한다.

잊지 말고 저장 버튼도 클릭하자.

이제 블로그를 새로고침 하면 정상적으로 아바타도 표시가 되고,

'by 닉네임'도 예쁘게 작성자가 설정한 그대로 표시되고 있는 것을 확인할 수 있다.

그런데 도대체 이 문제는 Amalia 템플릿의 무료 버전에만 있는 문제일까?

유료 버전에도 이런 문제가 있다면 상당히 문제가 있는 템플릿이고..

무료와 유료의 차이라면 이것 또한 꽤 문제가 있는 운영 방식이다.

어쨌든 HTML과 CSS를 다룰 줄 아는 사람이라면 이런 거 하나씩 직접 찾아서 고치는 것도 재미있는 일이지만, 초보자에게는 꽤 어려운 일일 것이다.

이런 작은 문제 하나하나가 구글 블로그의 초보자 진입을 어렵게 만드는 것일지도 모르겠다.

이 글이 도움이 됐거나 유익했다면 스크롤을 조금만 더 내려서 댓글을 남겨주세요. (비로그인도 가능합니다!)
응원이나 피드백이 담긴 댓글은 제가 계속 블로그를 해나갈 수 있는 원동력이 됩니다. 😊

지인에게 보여주고 싶은 글이었다면 URL을 복사해서 메신저나 소셜 미디어에 공유해 주세요.