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 편집에서 녹색 "업데이트 미리보기"버튼을 클릭하면 변경 사항이 어떻게 나타나는지 간단히 알 수 있습니다.

팁

• Tumblr 테마를 학습하여 블로그의 HTML 형식을 지정하는 방법에 대한 아이디어를 얻으십시오.
• 자신 만의 배경 이미지 또는 다른 사용자 정의 요소를 원할 경우 Tumblr에 사용자 정의 자산을 업로드 할 수 있습니다. HTML 수정 페이지에서 톱니 바퀴 아이콘을 클릭하고 '정적 파일 업 로더'를 선택하십시오.
• 사용자 정의 할 수있는 모든 변수의 목록은 Tumblr에서 사용할 수 있습니다 (참고 자료의 링크 참조).