Dreamweaver에서 Tumblr 레이아웃 편집

Tumblr를 사용하면 Tumblr 블로그의 원시 HTML에 액세스 할 수 있으므로 원하는 경우 HTML 편집 프로그램을 사용하여 변경할 수 있습니다. 그러나 사용자 정의 할 수있는 Tumblr HTML은 특정 컨텐츠에 적용되는 일반 테마를 생성하므로 Dreamweaver의 미리보기 기능이 제대로 작동하지 않습니다. Dreamweaver의 HTML 편집기를 사용하여 Tumblr 테마를 편집하고 저장할 수 있지만 코드를 Tumblr에 다시 넣을 때까지 정확하게 미리 볼 수 없습니다.

1

Tumblr에 로그인하고 화면 상단의 기어 아이콘을 클릭하여 계정 설정에 액세스하세요.

2

왼쪽에서 블로그 이름을 클릭하고 테마 이미지 아래에있는 "사용자 지정"버튼을 클릭 한 다음 왼쪽 막대에서 "HTML 편집"을 클릭합니다.

HTML 코드를 마우스 오른쪽 버튼으로 클릭하고 "모두 선택"을 선택한 다음 다시 마우스 오른쪽 버튼을 클릭하고 "복사"를 선택합니다.

4

메모장과 같은 컴퓨터에서 일반 텍스트 편집기를 열고 HTML 코드를 비어있는 새 문서에 붙여 넣습니다. 문서를 기존 Tumblr 코드의 백업으로 저장하십시오. 필요한 경우이 파일의 코드를 복사하여 Tumblr 템플릿에 다시 붙여 넣을 수 있습니다.

5

Dreamweaver를 시작하고 비어있는 새 HTML 파일을 엽니 다. HTML 창에서 모든 코드를 선택하고 그 위에 Tumblr 블로그의 코드를 붙여 넣습니다. Dreamweaver HTML 편집기에 자동으로 생성 된 HTML을 그대로두고 싶지 않습니다.

6

Tumblr 테마의 HTML을 변경하십시오. Dreamweaver 파일을 저장합니다. 텍스트를 복사하여 Tumblr 계정에 다시 붙여 넣어 미리 봅니다. 코드를 미리보기 위해 블로그에 게시 할 필요가 없습니다. Tumblr 사용자 정의 페이지의 HTML 편집에서 녹색 "미리보기 업데이트"버튼을 클릭하여 변경 사항이 어떻게 보이는지 확인할 수 있습니다.