본문 바로가기

글소니/스킨편집2

티스토리 스킨 편집하기- 개발자 도구 활용하기 #46 편집을 하는데 있어 가장 중요한 부분은 분석입니다. 기존에 어떠한 형태로 구성되어 있는지를 알아야 수정이 가능하기 때문입니다. 웹페이지 구성을 확인할 때 유용하게 사용할 수 있는 도구가 개발자 도구입니다. F12번 단축키를 이용하여 창을 보실 수 있습니다. 1. 개발자 도구란? 여러 가지 웹 브라우저에서 제공하는 도구로써, 웹 브라우저에서 실시간으로 웹 사이트를 분석할 수 있도록 도움을 주고 있습니다. 실시간으로 편집이 가능하며 실제 웹 사이트에는 적용되지 않으나, 변경된 화면을 바로 확인하실 수 있습니다. 특히 블로그 스킨 편집할 때 유용하게 사용할 수 있습니다. 2. 개발자 도구 화면 구성 F12 단축키를 이용하여 화면을 보실 수 있습니다. Elements외에 다양한 정보를 볼 수 있는 영역이.. 2020. 3. 12.
티스토리 스킨 편집하기 - 기본 스킨(Book Club) 살펴보기 #45 티스토리를 시작하고 제가 사용하고 있는 스킨은 Book Club이라는 기본 스킨을 사용하고 있는데요. 제 기준에 구성도 마음에 들고 포스팅한 글을 보았을 때 깔끔하다는 생각이 들어 사용하고 있습니다. 하지만 제 기호에 따라 조금 수정을 해보고 싶다는 생각이 들었습니다. 티스토리의 경우 스킨을 편집할 수 있도록 에디터를 제공하고 있어 의지와 노력만 있다면 수정이 가능합니다. 저도 그 의지와 노력을 가지고 수정을 조금씩 해보려고 합니다. 맨 처음으로는 제가 수정하고자하는 부분의 영역을 분석해봤습니다. 1. 티스토리에서 제공하는 스킨 확인 먼저 티스토리에서 제공하는 스킨을 확인해보도록 하겠습니다. 꾸미기 메뉴에서 스킨 변경을 통하여 티스토리에서 제공하는 스킨을 확인하실 수 있습니다. 기본적으로 제공하지.. 2020. 3. 12.