생활정보연구소

티스토리 반응형#2 스킨 오른쪽 사이드바 수정본 배포 본문

블로그

티스토리 반응형#2 스킨 오른쪽 사이드바 수정본 배포

생활정보연구소 2018. 12. 23. 04:36

티스토리 반응형#2는 저의 인생 스킨

블로그에서 가장 중요한 것? 양질의 포스팅도 중요하지만 예쁘고 깔끔한 스킨은 그 글을 더욱더 빛나게 합니다. 그만큼 블로그의 얼굴인 스킨은 중요합니다. 2년 넘게 블로그를 하면서 수많은 스킨을 바꿔가면서 결국 정착한 스킨이 바로 티스토리 공식 스킨인 반응형#2 스킨입니다. 


1. 티스토리 반응형#2 스킨 오른쪽 사이드바 수정본 배포 


디자인이 정말 깔끔하고 예쁩니다. 게다가 왼쪽 사이드바의 메뉴버튼을 통해 메뉴나 태그 최신글에 쉽게 접근 할수도 있죠. 또한 반응형 스킨이라 모바일에서도 최적화되어 있습니다. 처음 티스토리를 시작하시는 분이라면 강추 스킨입니다. 하지만 딱 한가지 마음에 안드는게 있었는데요. 


2. 티스토리 반응형#2 스킨티스토리 반응형#2 스킨


메뉴가 오른쪽에 있었으면 완벽했을텐데..

아래는 네이버, 다음, 구글의 시작화면입니다. 공통점이 있지 않나요? 마우스로 클릭이 필요한 메뉴가 모두 오른쪽에 배치되어 있습니다. 대부분 사람들이 오른손잡이라 마우스를 조작할때 화면 오른쪽이 더 쉽고 편하기 때문이죠.  


3. 네이버 다음 구글의 공통점네이버 다음 구글의 공통점


저도 티스토리 반응형#2 스킨을 사용하면서 메뉴버튼이 왼쪽 상단 끝에 있어서 누르고 들어가기가 상당히 귀찮고 불편했습니다. 저도 그런데 블로그 방문객이라면 더더욱 활용을 안 할거 같더군요. 그래서 결심을 하고 티스토리 반응형#2 스킨의 수정에 들어갔습니다. 



막고품기 전문가

참고로 저는 HTML이나 CSS에 대해 정규 교육을 받거나 접해본적이 없는 비 전문가입니다. 대신 "막고품기", "맨땅에 헤딩" 전문가라 수많은 시행착오 끝에 결국 스킨 커스터마이징에 성공했습니다. 전문적인 부분은 저도 모르니 많이 가르쳐주셨으면 하네요. 

그리고 코딩을 몰라서 블로그를 못하겠다. 스킨을 못꾸미겠다 하신분도 자신을 가지시길 바랍니다. 저도 코드 하나하나 수정해나가면서 확인하다 보니 결국 성공하더라구요. 


4. 반응형 #2 커스터마이즈 V.1.0.0반응형 #2 커스터마이즈 V.1.0.0


반응형 #2 커스터마이즈 오른쪽사이드바 V.1.0.0

  1. 티스토리 반응형 #2 원본에서 사이드바, 버튼 등의 위치 관련 코드만 수정
  2. 사이드바 오른쪽으로 정렬
  3. 사이드바에서 메뉴버튼 오른쪽, 검색버튼 왼쪽으로 변경 (메뉴버튼을 가장 오른쪽으로 배치)

※ PC, 태블릿, 스마트폰 테스트 완료



티스토리 반응형#2 오른쪽사이드바 Ver.1.0.0.zip



향후 일정

여기서 끝이 아닙니다. 모바일 폰트가 너무 작아서 가독성도 떨어지고, 글꼴도 좀 더 예쁘게 바꾸고 싶네요. 기타 소소하게 꾸준히 예쁘게 꾸며볼 예정입니다. 다른 분들이 제가 만든 스킨을 사용하시는 것을 보면 기분이 정말 좋을거 같네요ㅎ. 유용한 자료가 되길 바랍니다. 


2018/12/30 - [블로그] - 티스토리 나눔스퀘어라운드 폰트 적용하는 방법

2018/12/23 - [블로그] - 티스토리 스킨 커버이미지 바꾸는 방법

2018/12/25 - [블로그] - 티스토리 블로그 복사금지 설정 및 특정영역 복사허용 방법

2019/01/19 - [블로그] - 티스토리 html/CSS 이미지 복사 금지 설정 방법

공유하기 링크

Comments