반응형
|
티스토리 스킨 수정을 위해 html css 편집하는 방법 |
|
환경: Chrome |
티스토리는 소스를 직접 다운받아 수정할 수 있는 설치형 블로그는 아니지만 스킨에 적용된 HTML 을 편집할 수 있습니다. 물론 워드프레스, XE, KimsQ 와 같이 코어까지 수정할 없지만 능력만 된다면 자신이 원하는대로 수정이 가능합니다. 관리자 페이지의 UI 가 바뀌는 바람에 포스팅을 다시 업데이트 했습니다.
▼ 티스토리 관리자 페이지로 접속합니다. 그리고 왼쪽 사이드에서 꾸미기 > 스킨편집 메뉴를 선택합니다.
▼ 스킨 편집 페이지가 열리면 오른쪽 상단으로 갑니다. Basic 에서 html 편집 버튼을 클릭합니다.
▼ html 편집창이 뜨면 3개의 탭이 나타납니다. HTML 과 CSS, 파일업로드를 통해 스킨을 수정할 수 있습니다.
▼ 코드 편집을 하면 왼쪽 화면에서 바로 확인할 수 있습니다. 상단에는 PC, 태블릿, 스마트폰 별로 레이아웃을 확인할 수 있도록 버튼을 제공하고 있습니다.
▼ 스킨은 다양한 영역으로 나누는데 왼쪽 끝에 콤보 박스를 클릭해서 원하는 페이지로 이동이 가능합니다.
반응형
'블로그' 카테고리의 다른 글
| 블로그 모바일, 스마트폰 화면 버전별 호환 가능 여부 판단하기 (0) | 2019.01.01 |
|---|---|
| 티스토리 블로그 페이지 이동 버튼 삭제하는 방법 (0) | 2018.12.28 |
| Github 의 Gist 사이트를 이용해서 티스토리 블로그 소스 링크하는 방법 (1) | 2018.11.27 |
| 티스토리 헤더 타이틀 이미지 변경, 교체하는 방법 (3) | 2018.11.23 |
| 티스토리 동일 아이디 동시 사용 알림 확인하는 방법 (1) | 2018.11.03 |
| 티스토리 블로그 유튜브 본문에 삽입하는 방법 (3) | 2018.10.14 |
| 티스토리 Font Awesome 사용하여 인포그래픽 폰트 아이콘 삽입하는 방법 (0) | 2018.07.25 |
| 티스토리 현재 적용된 스킨 저장, 관리하는 방법 (1) | 2018.07.20 |
