최근 블로그 스킨의 일부를 수정했다. 메뉴 버튼, 아이콘 폰트 등 많이 손보았는데 이번에 가장 크게 바뀐 부분은 메뉴버튼 (햄버거 버튼)의 내용이다. 1 메뉴 구성 화면 수정 나는 웹사이트를 방문하면 가장 먼저 첫화면의 구성과 메뉴 버튼을 클릭해본다. 그곳을 보면 사이트의 분위기나 디자인을 어느정도 예상할 수 있기도 하다. 그래서 이곳도 가장 신경쓰고 공들인 부분이 첫페이지이다. 이제 첫페이지를 완성해 놓고 나니 메뉴 화면이 마음에 걸린다. 기존에는 아래 그림과 같이 모바일에서 사용하는것과 동일한 작은 크기의 화면이었는데 화면 크기를 가득 채우고 대부분의 내용을 삭제하고 PC 화면과 모바일에서 모두 사용하기 용이하도록 반응형으로 카테고리 항목 몇개만 가져다가 간단 심플하게 변경했다. 큰 화면을 두고 작은..
블로그
2017. 2. 10. 13:33
요즘 티스토리의 주제별 글 목록을 보다가 구글 모바일 웹사이트 속도 테스트 글을 보고 이 블로그의 상태가 궁금해서 테스트 해 보았다. 구글 모바일 웹사이트 속도 테스트 바로가기 꽤 기대를 하고 테스트에 임했는데.. 결과는 그리 좋지 않다. 스킨 꾸미기 하느라 자바 스크립트도 많이 추가되었고 HTML /CSS 도 많이 복잡해졌으니 어쩌면 당연한 결과이다. 네이버나 다음 같은 포털들에 비하면 모바일 친화도에서는 좀 떨어지지만 모바일이나 데스크탑에서 더 나은 속도를 보여주어 다행이라고 생각한다. 구글 모바일 웹사이트 속도 테스트 바로가기 자신의 사이트 주소를 입력하면 된다. SONYLOVE 의 모바일 웹사이트 속도 테스트 점수 결과는 92 / 58 / 82 이다. 모바일 친화도와 PC 환경에서의 속도는 그래도..
블로그
2017. 2. 5. 19:21
티스토리의 댓글 리스트는 과거의 댓글부터 순서대로 차곡 차곡 쌓아서 시간순으로 보여주는 방식이다.그러므로 최신 댓글은 맨 아래 하단에 위치하게 된다.그러나 누군가는 반대로 최신 댓글이 맨 상단에 위치해서 순서대로 나열하고 싶은 경우도 있을 수 있다.나도 시도해 봤으나 과거부터 시간 순으로 정렬해서 댓글을 보여주는게 보기 편해서 기본 상태로 사용하고 있다.댓글이나 사이드바의 댓글 순서등 모두 같은 방식으로 순서를 역으로 표현할 수 있다.방법은 아주 간단하다.댓글의 순서를 변경해보자!! 1 댓글 시간순 정렬 변경하기 스킨의 관리모드에서 HTML/CSS 수정에서 CSS 부분으로 이동하여 댓글 리스트 부분의 클래스명을 찾아 아래의 문구를 추가하면 된다. display: flex; flex-direction: c..
블로그
2017. 1. 21. 19:19
1댓글 버튼 변경 블로그의 게시글의 댓글 부분과 방명록 부분은 모두 같은 디자인으로 이용중이다. 타임라인 방식이 댓글과 잘 어울리는거 같다. 지금까지 큰 문제점은 없다고 생각해서 가능하면 손대지 않고 있었는데 얼마전 방문객 중 한분이 삭제/수정 버튼을 찾을 수 없다는 말씀을 하신다. 예전에도 이웃이신 Helios 님께서도 삭제 버튼이 어디있는지 여쭤본적이 있다. CCZ-CROSS 스킨의 댓글 수정/삭제 버튼은 위치적으로나 디자인적으로 굉장히 신경을 쓴 듯 한데 방문객들이 이 버튼을 찾는데 어려움이 있는듯 하다. 사진. 1 에서와 같이 수정/삭제 버튼은 아이콘의 오른쪽 하단에 X 표시를 사용하면 된다. 티스토리의 많은 스킨들이나 다른 블로그, 홈페이지들의 댓글에서는 흔히 볼 수 없는 형태 & 방식이라서 방..
블로그
2017. 1. 17. 00:19
스킨을 만들어본답시고 밤마다 컴퓨터 앞에서 앉아 있다. 여기저기 인터넷 서핑하면서 괜찮아 보이는 기능의 소스를 찾아 삼만리이다. 맘에 드는건 티스토리에서 적용하기 어려워 보이는 것들이고.. 그나마 사용할 수 있는 것들 가져다가 하나씩 적용해 보고 있다. 하다 안되면 포기하고 다른 기능을 찾아 다시 헤매고 하면 할수록 어렵게 느끼고 있다. 완전히 100% 만족스럽게 구성하기는 어려울듯 하다. 별볼일 없는 스킨이지만 직접 시도 해보니 스킨 제작의 어려움을 조금이나마 알 수 있는 기회가 되기도 하고 스킨의 대부분들이 자신의 창작물이라기 보다는 대부분 인터넷의 소스들을 가져다가 잘 재구성하고 조합?한 결과물이라는 걸 깨닫게 되었다. 어디선가 봤던 기능들도 많이 보여 찾아보면 티스토리의 어느 스킨에서인가 봤던 기..
블로그
2017. 1. 10. 21:48