Tumblr 테마는 사진 크기에서 글꼴 스타일에 이르기까지 블로그에있는 모든 콘텐츠의 모양과 서식을 설정합니다. 사용자 정의 화면을 방문하여 무료 또는 프리미엄 여부에 관계없이 Tumblr 테마를 조정할 수 있습니다. 일부 HTML (HyperText Markup Language) 및 CSS (Cascading Style Sheets) 지식이 유용하지만 웹 사이트 코딩에 익숙하지 않은 경우에도 기본적인 편집을 수행 할 수 있습니다.
사용자 정의 화면
"사용자 지정"링크를 클릭하여 사용자 지정 화면으로 들어가면 블로그 제목, 설명 및 현재 테마에서 사용할 수있는 모든 옵션을 변경할 수 있습니다. 다른 테마로 전환하려면 "테마 찾아보기"를 선택하십시오. 블로그 게시물과 함께 정적 페이지 및 링크를 만드는 데 사용할 수있는 "페이지 추가"옵션에 유의하십시오. "고급 옵션"링크를 사용하면 각 화면에 표시되는 게시물 수를 설정하고 링크를 새 창에서 강제로 열 수 있으며 블로그에 대한 Tumblr의 기본 모바일보기를 활성화 할 수 있습니다.
기본 제공 테마 옵션
테마 작성자는 테마에 통합 된 옵션 세트를 포함 할 수 있습니다. 즉, 테마 자체의 실제 코드를 변경하지 않고도 색상, 글꼴 및 기타 변수를 변경할 수 있습니다. 사용자 지정 화면 왼쪽에 나열된 옵션은 작성자가 제공 한 것입니다. 테마마다 다르지만 글꼴 색상 및 크기, 배경 및 헤더 이미지, 사이드 바 및 레이아웃 옵션, 무한 스크롤, 태그 및 메모 표시 및 위젯 옵션을 포함 할 수 있습니다. 또한 Google Analytics, Typekit, Instagram, Twitter 및 기타 타사 서비스에 대한 사용자 이름 코드를 입력 할 수있는 필드가있을 수 있습니다.
사용자 정의 CSS 추가
Tumblr 테마는 CSS를 사용하여 사이트의 본문 텍스트, 이미지 및 제목 스타일을 설정합니다. 워드 프로세서의 스타일 시트와 동일한 방식으로 작동하므로 사용자가 사이트 전체에 적용되는 균일 한 글꼴 형식 집합을 만들 수 있습니다. 테마의 기존 HTML을 연구하려면 사용자 정의 화면에서 "HTML 편집"을 클릭하십시오. CSS는 HTML 자체에 포함되거나 Tumblr의 다른 곳에서 호스팅되는 .css 파일에 대한 링크가 있어야합니다. 테마의 기본 스타일 시트를 무시하려면 고급 옵션 페이지의 사용자 정의 CSS 추가 섹션을 사용하여 고유 한 CSS 코드를 입력하십시오.
테마 HTML 편집
사용자 정의 CSS를 추가 할뿐만 아니라 사용자 정의 화면의 "HTML 편집"링크를 통해 직접 테마 HTML을 편집 할 수도 있습니다. HTML 코드는 일반적으로 페이지 레이아웃 및 구조를 정의하는 데 사용되며 표시되는 요소와 배치 위치를 제어합니다. CSS 코드는 텍스트, 테두리 및 이미지의 모양과 스타일과 더 관련이 있습니다. HTML 테마를 직접 편집하는 경우 Tumblr는 변경 사항을 보존하기 위해 테마 자동 업데이트 기능을 비활성화합니다. 즉, 향후 테마 업데이트가 릴리스 될 경우 수동으로 설치해야합니다. HTML 조정).
내가 어떻게 할...?
변경하는 데 필요한 정확한 CSS 및 HTML 코드는 작성자가 테마를 작성한 방식에 따라 다릅니다. 웹 개발자마다 다른 HTML 및 CSS 구조를 사용하지만 기존 코드를 살펴보면 색상과 스타일이 적용된 방식을 확인할 수 있습니다. 할 수있는 HTML 및 CSS 조정에 대한 기본 수업이 필요한 경우 W3Schools, Webmonkey 및 HTMLDog와 같은 사이트에 온라인 자습서가 많이 있습니다. Tumblr 도움말 센터에도 관련 리소스가 있으며 테마 작성자에게 직접 문의하여 조언을 구할 수도 있습니다.
