티스토리 스킨 파헤치기 - 1탄

사실 애드센스 승인이 잘 안나오면서 글쓰기에 대한 의욕을 잃어가던 중...

드디어 저희도 애드센스 승인을 받았습니다. ㅠㅠ

애드센스 승인도 받은 김에 우리의 티스토리를 더 꾸며보고 싶은 욕심도 생기더라고요.

학창시절 컴퓨터시간에 배웠던 HTML 기본기를 바탕으로 지금부터 파해쳐 보겠습니다. 

우선 티스토리를 제대로 파헤치기 위해서 새로운 서브 블로그를 하나 팠습니다. 

그리고 “또또로의 데이트 연구소”에서 쓰고 있는 스킨을 똑같이 선택합니다.

 

스킨 이름 #1 (반응형)입니다. 

반응형이라는 말은 사용자의 접속자의 디스플레이 종류에 따라 화면 크기를 자동으로 조절해 주는 것을 의미합니다. 쉽게 얘기해서 PC와 모바일 환경에서 모두 사용할 수 있는 포맷이라는 거죠.

[꾸미기]-[스킨변경] 바로 아래 있는 [스킨 편집]을 들어가 보겠습니다.

그리고 우측 상단에 [html 편집]을 누르면 다음과 같이 html 스크립트가 나타나게됩니다.   

다소 복잡해 보이긴 하지만 우선 치환자에 대해서 알아보겠습니다.

치환자는  와 같이 생긴 태그 들을 말하는데요. 이 곳이 나의 티스토리 정보들로 치환될 곳입니다.

한번 테스트를 해보겠습니다.

티스토리 스킨 파헤치기 - 1탄 대신에 ‘안녕하세요’를 적어보겠습니다.

<!-- <title>티스토리 스킨 파헤치기 - 1탄</title> -->

<title>안녕하세요</title>

우측 상단에 저장을 누르고 확인해보겠습니다.

title이 ‘안녕하세요’로 출력되는게 보이시죠? 

티스토리는 이렇게 기본 틀에 치환자를 이용해 내용을 대입하는 방식으로 동작하고 있습니다.

치환자에대해 알았으니 다음엔 본격적으로 html 구조에 대해서 좀 더 파헤쳐보겠습니다.