티스토리 블로그 꾸미기, 편집 기능 활용 방법

티스토리 블로그의 최대 장점은 사용자의 취향에 맞게 블로그를 꾸밀 수 있다는 것에 있습니다. 조금만 익숙해지면 마음에드는 모습으로 바꿀 수 있는데요. 티스토리 블로그 꾸미기, 편집 기능 활용 방법에 대해 살펴봅니다.

 

블로그를 꾸민다는 의미는 html, css에 자신만의 코드를 입력한다는 것을 의미할 수 있습니다. 예를 들어, 이쁜 버튼을 마들고 싶다면 html로 해당 버튼을 지정하고, css로 디자인을 꾸미는 순서로 진행하게 됩니다. 티스토리 블로그는 어디서 편집기능을 활용하면 좋을까요.

 

 

티스토리 블로그 꾸미기, 편집 기능 활용 방법

1. 티스토리 편집 기능

블로그 계정으로 로그인을 하면, 상단 오른쪽에 프로필 아이콘이 보이게 됩니다. 해당 아이콘을 선택하면 운영중인 블로그 목록을 볼 수 있습니다. 여기서 톱늬바퀴 아이콘을 선택합니다. 블로그 편집 페이지로 이동하게 됩니다. 순서를 정리하면 이렇습니다.

 

• 블로그 로그인 > 상단 오른쪽 프로필 아이콘 선택 > 운영중인 블로그 목록 오른쪽 톱늬바퀴 아이콘 선택

 

2. 꾸미기 영역의 스킨 변경 및 스킨 편집

본격적으로 커스튬을 하기 위해서는 스킨 편집을 할 수 있는 기능을 활용해야 합니다. 블로그 스킨을 교체하기 위해서는 '시킨 변경' 기능을 활용할 수 있습니다. 세부적인 html, css를 수정하기 위해서는 '스킨 편집'기능을 이용할 수 있습니다.

 

 

• 꾸미기 영역
  • 스킨 변경 - 블로그 스킨 교체
  • 스킨 편집 - 블로그에 적용된 스킨의 세부적인 html, css 코드 변경 및 추가

 

3. html, css 적용하는 방법

2에서 안내한 스킨 편집 창으로 이동합니다. 여기에서 html을 선택합니다. 코드를 수정 및 추가하기 위해서는 html 영역으로 접근해야 합니다. 그 전에 스킨편집에서 간편하게 적용할 수 있는 기능도 있습니다. 해당 기능은 스킨의 종류에 따라 차이를 보일 수 있습니다.

 

html 편집을 선택하면 크게 3가지의 메뉴를 확인할 수 있습니다. html, css, 파일업로드로 구성된 상단의 메뉴바를 확인할 수 있습니다. html 편집을 원한다면 html 메뉴를 선택합니다. css 편집을 원한다면 css 메뉴를 선택하면 됩니다.

 

 

4. 티스토리 편집기 활용 장점

html과 css는 기본적으로 텍스트 편집기로 편집할 수 있습니다. 가장 대표적인 텍스트 편집기는 윈도우 메모장이 있습니다. 가능은 하지만 불편하부분이 많습니다. 색상표, 코드 자동완성등의 기능은 편집자의 작업에 많은 도움을 줄 수 있는 부분이기도 하죠.

 

이런 도움 기능들이 티스토리 스킨 편집기에 있습니다. 위에서 안내한 html, css 편집창에서 활용할 수 있습니다.

 

① 코드 자동 완성 기능

위 사진은 편집기에서 제공하는 코드 자동완성 기능입니다. 해당 기능을 이용하면 코드를 작성하는데 도움이 될 수 있습니다.

 

② css 색상표

위 사진은 css에서 자주 사용하게되는 색상표를 팝업으로 보여주는 모습입니다. css는 페이지의 디자인을 담당하는 만큼 다양한 색상을 활용하게 됩니다. 색상에 맞는 텍스트를 쉽게 찾을 수 있다는 장점이 있습니다.

 

마치며.

블로그를 꾸미는 것이 쉽지만은 않습니다. 익숙해지지 않는다면 하나하나가 어렵게 느껴질 수 있겠죠. 하지만, 조금씩 진행하는 과정에서 익숙해진다면 티스토리 블로그 편집기로도 충분히 멋진 모습으로 꾸밀 수 있을 것입니다.