1. 스킨 설정하는 법


스킨 설정의 경우 : 관리 -> 스킨 -> 스킨 종류 선택 -> 적용


그리고 스킨을 적용하셨으면 편집하기전에 "저장하기"버튼을 눌러서 pc에 저장해


줍니다. 만약에 애러가 출력 될 경우 다시금 원상 복구하기위한 조치입니다. 


반드시 해주세요!


http://www.tistory.com/skin  이곳에서 배포중인 스킨들을 볼 수 있습니다.


유료스킨도 있으니 원하신다면 구매하셔서 사용하셔도 됩니다.



2. 스킨 편집하는 방법


기본적인 스킨 편집을 위해서는 아래의 html과 css용어를


기본적으로 숙지하셔야 합니다.


물론 이것만 가지고는 스킨을 새로만든다거나 하기는 힘들지만


기본적인 색상변경이나 크기 변경은 가능합니다.


아마 기본적 내용을 수지하시고 치환자에 관한 설명을 읽어보시면


직접 메뉴를 구성하실 수 있을 겁니다.



html - 웹에서 문서를 작성하는데 사용되는 기본적인 프로그래밍언어입니다. t스토리 블로그에서 뼈대와 살을 구성하는 요소라고 생각하시면 됩니다. 이를 이용해서 다양한 기능을 블로그에 구현이 가능합니다.


css - 웹에서 문서의 전반적인 스타일을 설정해둔 시트입니다. 색상이나 배경색이 이에 포함되겠네요. 블로그에 옷이라고 볼 수 있습니다.


이것 이외에도 티스토리 블로그에서는 치환자도 사용되기 때문에 이에 대한 자세한 설명은 티스토리 공식 도움말을 읽어보시면 도움이 됩니다. 다양한 html언어를 묶어서 이용하기 편하게 만들어두었기 때문에 한번씩 설명을 읽어보시면서 손대보시면 기능들을 구현하는데 편하실 겁니다.




지금부터 나오는 모든 편집은 html/css 편집에서 사용하셔야 합니다.


색상 변경


관련 html 언어


background-color - 배경색 지정


transparent - 투명색


color - 색상



스킨에 있는 배경색을 변경하고 싶다면 -> background-color 를 찾은뒤에 원하는 색상으로 변경해 주시면 됩니다. 보통 css편집에서 수정합니다.



background-color: #fff;


background-color: transparent; border: 0;


background: rgba(0, 0, 0, .0);


color: #fff;


보통 색상 지정의 경우 크게 위의 4가지로 설정이 되어 있습니다. rgb는 (적, 녹, 청, 투명도)로 나타내는 색상을 직접 지정입니다. 그냥 color라고 되어있는 곳은 글자 색상, 메뉴 색상 등을 결정하는 요소입니다. 그리고 해당 부분을 찾으시면 아래의 정리되어 있는 글에서 rgb정보와 색상 html언어를 보시고 양식에 맞게 변경하시면 됩니다. 

#fff... -> 원하는 색상의 html

#rgba(0,0,0.0) -> #rgba(123,231,0.0) 색상의 rgb정보 입력


http://muroy.tistory.com/8  <-원하는 색상을 선택






css편집에 보시면 다음과 같이 해당 html의 구성요소를 설명하는 주석이 붙어있습니다.



/*==================== Bootstrap ====================*/



/* Footer */




해당 설명은 스킨마다 다르지만 영어 의미를 검색하면 대략적으로 감이 오실 겁니다. 만약 나는 이런거 잘 모르겠다~! 귀찮다! 하시는 분들은 일단 저장을 해둔 다음 하나씩 바꿔보시면서 찾으시면 됩니다. 그치만 생각보다 많기 때문에;; 대략적으로 나마 해당 css가 어느부분의 색상을 담당하는지는 알아 두시면 스킨 변경시에 편리합니다. 마지막으로 transparent라고 지정 되어 있는 것은 투명색으로 지정되어 있는 겁니다.




이미지 변경



background:url(".저장된 이미지명(경로까지 표기)") - 배경이미지 설정


<img src="./images/slider_1.png" width="100%" alt="Carousel 01">




만약 스킨에 있는 이미지가 바꾸고 싶으시면 html에 들어가셔서 background:url("  ")부분의 이미지를 변경해주시면 됩니다. 이때 주의하실 점은 파일 업로드를 한뒤 해당 파일의 경로까지 모두 표기해 주셔야 합니다. 간단하게 변경하고 싶으시면 해당 이미지를 삭제하신 뒤 같은 이름으로 이미지를 만드셔서 집어 넣으시면 됩니다.



블로그 스킨 타이틀 변경 및 글 수정


이건 어찌보면 꼼수인데 블로그 타이틀이 적혀있으면 지금 있는 해당 타이틀 및 글을 검색하셔서 (대소문자 구분해서) 타이틀이 적혀있는 부분만 내가 원하는대로 수정하시면 됩니다. 

<정석은 title 치환자 혹은 html를 찾아서 변경해 주어야 합니다.>


http://www.tistory.com/guide/skin/step3#1-2 <- 티스토리 공식 치환자 helper




기본적인 타이틀 및 글 변경 방법, 색상 수정, 이미지 변경 방법을 알아보았습니다. 저도 html/css언어를 수정할 줄 몰라서 한참 돌아다녔는데 다들 이렇게 하세요~ 라는데 찾기가 너무들 힘들어서 최대한 꼼수부려가면서 써보았습니다. 부디 도움이 되시길 바랍니다!







블로그 이미지

로멘

정보 및 리뷰 블로거 _(^@_

,