Calculator & Recorder

이리저리 방황하다가 결국 제 메인 블로그로 다시 오게 되었습니다. 거의 반 년 동안이나 방치하니 방문자는 나락을 찍었습니다. 블로그 메인에 걸려 있는 새빨간색 안내 문구도 거슬려서 없애 버렸습니다. 최근의 블로그 커스터마이징 (2021년 10월) 글에서 올린 것처럼 1~2달 정도 걸리지는 않았고 딱 6개월이 걸렸습니다.

블로그 폰트 변경

일전까지 Spoqa Han Sans Neo를 사용하고 있었습니다. 깔끔한 폰트입니다. 최근에 아이폰을 얻은 뒤로 아이폰에서 이 블로그를 보았더니 볼드체 폰트가 이상하게 나왔습니다. 블로그 폰트를 살펴보니 Regular 폰트만 로드하고 있었습니다. 제 컴퓨터에는 Spoqa Han Sans Neo의 모든 굵기가 설치되어 있었기에 눈치채지 못했습니다. 우연히 알게 된 멋진 폰트 SUIT로 블로그 폰트를 변경하였습니다.

이미지 줌 라이브러리 추가

Marshall Ku 님이 만드신 Smooth Zoom입니다. 이미지를 클릭하면 확대되어 나타나는 편리한 기능입니다. 언제적에 추가했던 것 같은데 테마를 갈아엎으면서 추가하는 것을 잊어버렸습니다. 코드를 제 다른 템플릿에서 복사해 왔습니다. 테스트를 위해 이미지 하나를 올려놓겠습니다. 아래 사진을 클릭하면 확대됩니다.

Photo by Nubelson Fernandes on Unsplash

댓글 알림 재활성화

몇 달 전부터 블로그에 댓글이 달려도 Gmail로 알림이 오지 않았습니다. Gmail이 오면 제 스마트폰에서 알림으로 알려주기 때문에 빠른 답장이 가능합니다. 그 사이에 온 몇 개의 댓글에는 빠르게 답장을 해 드리지 못했습니다. 댓글 알림을 다시 설정하려고 Blogger 대시보드에서 설정으로 들어갔더니 댓글 알림 이메일에 이메일 추가하는 부분이 없었습니다. 구글에서 찾아보니 저와 같은 증상을 가진 분이 계셨고, 이 블로그 글을 따라하여 댓글 알림 이메일을 추가했습니다. 방법은 다음과 같습니다.

"더 많은 사용자를 댓글 알림 이메일에 초대하세요" 를 클릭합니다. 자신의 이메일 주소를 입력하고 "보내기" 를 누릅니다. 도착한 메일에서 "구독" 링크를 클릭합니다. 대기 중인 댓글 알림 이메일에 메일 주소가 뜬 후 몇 분 뒤에 댓글 알림 이메일에 이메일이 추가됩니다.

그런데 설정하고 확인 차 댓글을 달아 보니 메일은 오지만 스마트폰에서는 알림이 오질 않습니다. 인터넷에서 여러 가지 방법을 찾아보았지만 아직 해결법을 찾지 못했습니다. 앱을 업데이트한 것이 원인일 지도 모르겠습니다. 업데이트하기 전에는 알림이 잘 울렸습니다.

블로그 디자인 변경

사이드바를 만들고 사이드바에 카테고리 목록을 추가했습니다. 모든 글의 라벨을 표시해 줍니다. 아직 레이아웃을 바꾸는 일은 성급한 것 같습니다. 여러 가지 상황에서 블로그 레이아웃이 깨집니다. 원래 쓰던 1단 레이아웃으로 되돌아갔습니다.

댓글 창 수정

Blogger 댓글 창이 최근에 바뀌었습니다. 개인적으로 이 댓글 창은 이전 댓글창보다 예쁘지 않다고 생각합니다. 아직 옛 댓글 창을 사용할 수 있습니다. 옛 댓글 창 디자인으로 바꾸었습니다. 언젠가 이 주제에 대해 짧은 글을 써 볼 예정입니다. 새 댓글 창 디자인을 싫어하는 분도 계시기 때문입니다.

댓글에 답글 달기 가능

댓글 부분 코드를 완전히 교체했습니다. 몇만 년 만에 댓글에 답글을 달 수 있게 되었습니다. 어떻게 고쳐야 할지 몰라서 방치하고 있다가 악착같이 조사하고 또 조사해서 기능이 작동하게는 만들어 두었습니다. 클래스를 고치고 CSS를 정리하는 것은 나중의 일입니다. 지금은 답글 기능이 잘 작동한다는 것만으로도 만족합니다. 댓글에 나타나는 프로필 사진은 곧 되살릴 예정입니다. 되살렸습니다.

자동 목차 스크립트 추가

일상적인 글을 쓸 때는 상관없지만 계산기에 관련된 글을 쓸 때에는 글의 길이가 길어집니다. 목차를 추가하면 글의 내용이 어떨지 대강 짐작이 가고, 원하는 부분을 빠르게 찾아 읽을 수 있게 됩니다. 앞서 이 글에서 자동 목차를 추가하는 방법에 대해 다루었었습니다. 이번에는 더욱 빠르고 간단한 코드로 바꾸었습니다. IB-Note 님의 자동 목차 스크립트를 추가했습니다.

관련 글 위젯 추가

관련 글은 사이트의 내부 트래픽을 늘리기 좋은 수단입니다. 글의 마지막에 이 글과 관련된 글들이 나열되어 있으면, 독자는 사이트를 나가는 대신에 더 많은 콘텐츠를 볼 수 있습니다. 또한 이탈률을 줄일 수 있습니다. 블로그 글 맨 아래에 관련 글 위젯을 추가하였습니다. toshi 씨의 FeedRelatedPosts.js를 이용했습니다.