ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 블로그 스킨 제작 현황(2)
    기타/블로그 소식 2019.04.13 12:14

     

    블로그 스킨 제작 현황을 전해드린지 한 주 정도 지난 것 같습니다. 블로그 스킨 제작과 일상 생활을 병행하기 위해 잠시 글 작성을 쉬었는데요, 그 만큼 양질의 스킨으로 블로그 방문 시 더 나은 읽기 경험을 제공하기 위해 구석구석 신경쓰고 있습니다.

    현재 블로그 스킨은 새 스킨을 적용하기 위한 사전 준비로 블로그 이름, 파비콘 그리고 카테고리 등을 조금씩 수정해 나가고 있습니다.

     

    변경 사항

    • 전반적으로 테마를 어둡게 변경했습니다.
    • 모바일에 대한 지원을 시작했습니다.(기존에는 PC/모바일 스킨이 별개로 존재했습니다.)
    • 공간과 공간을 시각적으로, 직관적으로 구분할 수 있게 적절한 그라데이션과 그림자를 채택했습니다.
    • PC에서 화면 너비를 더 줄였습니다.(화면 너비가 너무 넓으면 글 읽기에 오히려 방해가 될 수 있습니다.)
    • 카테고리별 헤더 영역 색상을 적용하였습니다.
    • Tistory 댓글 및 방명록 대신 Disqus를 채택했습니다.

    바꾼 것은 크게 여섯 가지 정도입니다. 하지만 실제 결과는 생각보다 차이가 크니 아래 미리보기를 참고해 주세요.


    미리보기

    PC / 메인 페이지

    WIP라고 표시된 부분은 최근 글로 변경될 예정입니다.

    PC / 글

    PC / 댓글

    PC / 다른 카테고리의 글

    카테고리별 헤더 색상 적용의 예를 보여드리기 위해 첨부했습니다.

    모바일 / 메인 페이지

    모바일 / 메뉴

    모바일 / 글

     

    업적?

    일반적으로 사용되지 않는 이상한 기능을 넣었습니다.

    • 티스토리에서 기본적으로 스킨에 치환해 주는 카테고리 목록을 페이지가 로드되는 즉시 JavaScript로 조작하여 전체보기를 지우고, 카테고리별 글 수 등을 지우고, 카테고리 목록의 구조를 제가 원하는대로 바꾸도록 했습니다. - 티스토리 카테고리 구조를 잊어버린 상태로 스킨을 작성한 다음, 티스토리 스킨으로 적용하니 제가 의도한 바와 티스토리 카테고리 구조가 달랐기 때문입니다.
    • 썸네일 전용 이미지 역시 글 안에서는 봐야 할 이유가 없죠. 헤더가 있기 때문입니다. 썸네일 이미지 또한 JavaScript로 페이지가 로드되는 즉시 제거합니다.

     

    남은 작업

    남은 작업은 제작 과정에서 더 추가될 수 있습니다.

    • 다른 필진이 작성한 글인 경우 필진의 프로필을 표시해 주는 기능을 만들고 있습니다. 본 블로그의 이름 자체가 주 필자인 저를 기준으로 맞춰져 있다보니 다른 필진이 작성한 글을 제가 작성한 글로 인지되는 문제를 방지하기 위함입니다.
    • 필자의 Github, E-mail 등의 정보를 배치할 예정입니다. 배치에 적절한 위치를 찾고 있습니다.
    • 페이지 넘기기 요소
    • 권한이 없는 글에 대한 페이지
    • 테스트 - 글이 정상적으로 보여지는지, 작동에는 문제가 없는지에 대해 테스트를 거친 후 적용될 예정입니다. 이후 더 좋은 기능은 차근차근 업데이트 형태로 추가할 예정입니다. 항상 업데이트 이전에는 꼼꼼하고 장기적인 테스트를 거쳐 글 읽기를 방해하지 않고자 하고 있습니다.

     

    기대해 주셔서 감사합니다. 조만간 양질의 스킨을 들고 찾아뵙겠습니다.

    댓글 0

Designed by Tistory.