그동안 디자인을 굳이 바꿀 필요성을 못느끼고 거의 방치해두다 시피하다가, 모바일 접근성이 너무 형편없음을 깨닫고 한 달 정도 걸려서 대략적인 디자인을 잡았습니다. 아직 코드 정리가 전혀 되어있지 않은데 언젠가는 정리하겠죠... 처음에는 아예 밑바닥부터 다 코드를 짜려고 했는데, 티스토리 치환자에 대한 기초 지식이 거의 없었습니다. 대략적으로는 알고 있었지만, 그게 10년전이다 보니까요. 결국 기존 스킨을 수정하는 방향으로 선회했습니다. 티스토리에서 기본 제공하는 Portfolio 라는 이름의 스킨을 기본으로 하여 입맛대로 수정하기로 했습니다. 1. 모바일 접근성 가장 중점을 둔 부분은 위에서도 말했듯 모바일 접근성입니다. 티스토리 스킨계(?)에서는 반응형 디자인으로 통용되는데, 모바일과 PC 환경에서 U..

메뉴바가 뭐냐면요... 티스토리 블로거 분들이라면 위 그림의 오른쪽 위 부분에 해당하는 '메뉴바'를 한번쯤 보셨을 겁니다. 정확히 말하면 '블로그 메뉴바' 입니다. 자기 블로그 뿐 아니라 다른 사람의 블로그에 들어갔을 때 부가적인 기능들을 수행합니다. 이를테면 자기 블로그로 곧장 온다든지 내가 링크해둔 페이지로 간다든지 하는 것이죠. 하지만 스킨 디자이너의 입장에서 보면 조금 껄끄러울 때가 있습니다. 물론 사라지게 하는 방법이 아예 없는 것은 아닙니다. 관리자 메뉴에서 환경설정 > 내 설정 > 대표 블로그 > '블로그 메뉴바를 숨깁니다' 에 표시하면 사라집니다. 근데 이건 자기 자신에 대한 설정일 뿐입니다. 다시 말해, 다른 티스토리 로그인한 사용자가 이 블로그를 방문하면 '블로그 메뉴바'를 볼 수 있습..

기존의 디자인 새로운 디자인 약 한 달간 사용했던 디자인이었는데, 조금 진부하게 느껴져서 한번 확 바꿔봤습니다. 디자인은 포토샵으로 했고, 기존의 HTML및 CSS를 수정하여 완성했습니다. 가로너비 1000px이며, 1024x768해상도에서도 화면을 보는데 무리가 없도록 했습니다. 상단과 하단을 4등분 하여 주요 사이드바를 배치해두었습니다. 기타 잡다한 글자들을 최소화 하였고, 깔끔하고 심플하게 배치하기 위해 노력했습니다. Archive나 Categories 메뉴와 같이 세로길이가 늘어날 것으로 예상되는 사이드바들은 왼쪽에 배치해 두어 이후 늘어나게 될지 모르는 상황에 대비하도록 했습니다.