IT/How to Tistory22 티스토리 스킨편집 (4) : 하단메뉴 중심맞추기 가로폭을 넓히면 자연스럽게 아래 동떨어진 하단메뉴들의 정렬이 맞지 않게 된다 중심이 맞지 않는 하단메뉴들을 정렬시켜보자 F12를 눌러 하단메뉴를 포함하는 명령어가 wrap_box_footer 인것을 확인할 수 있는데 F12탭의 wrap_box_footer 하위항목인 footmenu를 클릭하면 우측 하단과 같은 창이 뜬다 사진처럼 padding이라는 초록색 영역의 오른쪽에 240을 입력해보자 padding의 오른쪽에 240을 입력하면 오른쪽에 240px만큼의 추가여백이 생긴다는 말이다 그 말은 즉 하단메뉴들이 왼쪽으로 240만큼 밀려간다는 뜻 사진을 보면 가로폭을 넓힌 위쪽 본문과 어느정도 가운데 정렬이 되는걸 확인할 수 있다 누차 얘기했듯 F12는 그저 미리보기이고 실제 편집은 티스토리 편집기에 들어가서.. 2019. 7. 16. 티스토리 스킨편집 (3) : 스킨 가로폭을 넓히는 법 스킨편집을 하면서 가장 힘들었던게 가로폭을 변경시키는 파트인데 기존의 다른 블로그와 비교했을때 550px이라는 가로폭은 상당히 좁고 불편하다고 느꼈기 때문에 폭을 확장하는 작업이 필수적이었다 그러나 HTML이 익숙하지 않은 나같은 사람은 가로폭 수정작업이 정말 고역이 아닐 수가 없었는데 블로그들을 찾아봐도 이해를 못하겠더라 사실 나라도 쉽게 풀어서 설명하면 좋겠지만 과연 잘 설명이 될지 모르겠다 과정을 최대한 사진과 비교하며 본다면 도움이 될 것이다 본문과 글목록이 가로폭 변경의 핵심이기 때문에 먼저 가로폭 변경하기 전 본문 글을 아무거나 써보자 글이 아무거나 써져있다면 굳이 더 쓸 필요는 없고.. 블로그홈에서 F12를 켠 후 container에 커서를 가져가면 이렇게 영역들이 표시되는데 저 파란색 영역.. 2019. 7. 16. 티스토리 스킨편집 (2) : 배경 바꾸기 HTML 편집을 통해 페이지에 있어도 되고 없어도 되는 간판이나 캘린더 기능을 떼어내는 방법을 알았다면 CSS 편집을 통해 배경색을 바꾸는 방법도 알아보자 편집탭이 아닌 블로그 홈에서 F12를 눌러 body 항목을 클릭해 왼쪽하단을 보면 background-color가 #ffffff로 되어 있는것을 알 수 있다 #ffffff는 흰색의 고유번호라고 생각하면 되는데 분명 스킨은 보라색인데 왜 흰색으로 되어있지? 왜냐면 사실 배경색은 흰색이 맞는데 사진의 #ffffff 아래항목인 background-image에 있는 bodybg.gif라는 보라색 스킨이미지가 덧씌워져있기 때문이다 #ffffff의 네모박스를 클릭하여 이런저런 색을 클릭해보면 저렇게 흰 네모박스에 고유번호들이 나오는데 자신이 원하는 배경색을 결정.. 2019. 7. 16. 티스토리 스킨편집 (1) : 페이지 간소화 하기 티스토리를 처음 시작했을 때 아무런 정보도 없이 밤을 새고 머리를 쥐어뜯어가며 구글링을 통해 여러 티스토리 블로그 글들을 참고하여 지금의 스킨을 만들기까지 고생이 이만저만이 아니었다 블로그를 시작하기 전에 티스토리 블로그는 어려우니 네이버 블로그에서 내공을 쌓아오라는 글들을 많이 봐왔는데 그런거 필요없고 그냥 시작할래요 해서 네이버 블로그에 글 서너개정도 써보고 바로 티스토리에 뛰어든 나같은 새내기블로거는 스킨편집 등 초기작업들부터가 정말 고난의 과정이지싶다 처음 블로그를 시작하면 스킨을 만드는데 나같은 경우는 가로 550px의 네이버 블로그와 유사한 보라색 스킨을 선택했다 블로그에 저런 간판을 걸어놓는 사람들이 많은데 나는 간판의 디자인이 예뻐서 블로그를 자주온다는 사람을 듣도보도 못했다 간판의 존재이.. 2019. 7. 15. 티스토리 사이드바 폰트크기를 키워보자 홈화면에서 보이는 내 블로그의 사이드바인데 IT 카테고리의 Utility 글자가 너무 작아 글자끼리 겹쳐버려서 가독성이 떨어진다 폰트를 키우기 위해 관리자탭으로 들어가 스킨편집 - HTML 편집 - CSS 순으로 들어가보자 CSS편집에 들어왔다면 Ctrl + F 를 눌러 wrap_side .date 를 입력하고 엔터를 눌러주자 wrap_side .date를 검색해 엔터를 치면 해당 항목이 뜨는데 font: OOpx/OOpx 에 숫자를 입력해 폰트 크기와 상하여백을 조정할 수 있다 폰트 크기는 13px으로, 높이는 19px로 조금만 조정해주면 사이드바의 폰트크기를 키우는데 성공! 메뉴의 가독성이 좋아졌다 2019. 7. 15. 구글 애널리틱스에 서치콘솔을 연동해보자 관리자 통계로 내 블로그에 얼마나, 어떤식으로 사람들이 유입되는지 알 수 있지만 구글 애널리틱스를 설치하면 기존 티스토리 관리자통계에서 벗어나 실시간 사용자에서 부터 티스토리 통계와 비교되지 않는 엄청나게 다양한 통계소스들이 존재하기 때문에 나같은 초보 블로거는 구글 애널리틱스를 설치해 활용하면 매우매우 도움이 된다고 생각한다 더 나은 블로그 운영: 구글 애널리틱스 설치 티스토리 블로그를 운영하면 관리자탭에서 방문통계를 유심히 보게 되는데 내 블로그에서 내가 방문한 페이지도 통계에 잡혀버릴때가 있다 그거 몇번 들락날락 한거 무슨 대수라도 되냐싶은데 그래도 통계라는게.. stylemile.tistory.com 단순히 설치하고 끝나도 좋지만 구글 애널리틱스와 서치콘솔을 연동하여 자기 블로그에 어떤 경로로 방.. 2019. 7. 13. 이전 1 2 3 4 다음
