Tumblr에서 테마의 텍스트 색상을 편집하는 방법

Tumblr 테마가 텍스트에 사용하는 색상이 마음에 들지 않으면 변경할 수 있습니다. Tumblr의 HTML 편집기는 블로그 텍스트의 모양을 결정하는 CSS 또는 Cascading Style Sheet 코드를 변경할 수있는 기능을 제공합니다. 그러나 일부 테마는 직접 보거나 편집 할 수없는 소스의 CSS 코드를 사용합니다. 그럼에도 불구하고 HTML 편집기를 사용하면 소스에 관계없이 다른 텍스트 색상 스타일을 재정의 할 수있는 새 CSS 코드를 테마의 HEAD 섹션에 추가 할 수 있습니다.

기존 CSS 코드 교체

Tumblr 블로그에 로그인하고 "사용자 지정"버튼을 클릭 한 다음 "HTML 편집"을 클릭하십시오.

"Ctrl-F"를 누른 다음 검색 상자에 "color :"를 입력합니다. 편집기는 코드 내에서 검색어의 첫 번째 인스턴스를 자동으로 강조 표시합니다.

다음과 같은 텍스트 관련 HTML 태그 내에서 검색어를 찾을 때까지 아래쪽 화살표를 클릭합니다.

,

  • ,
      .

      ,
      또는
      . 예를 들어, Kalalalani 테마는 다음 줄을 사용하여 게시물의 콘텐츠 섹션 내 모든 H3 태그 하이퍼 링크의 색상을 설정합니다.

      content .regular h3 a {color : # 111; }

      현재 색상 값을 원하는 값으로 바꿉니다. Tumblr 테마는 일반적으로 3 자리 또는 6 자리 16 진수가있는 색상 값을 사용합니다. 그러나 일부 색상에는 빨간색, 파란색, 녹색, 하늘색 또는 조개 껍질과 같이 사용할 수있는 표준 이름이 있습니다. 예를 들어 블로그의 콘텐츠 섹션에있는 모든 H3 링크의 색상을 빨간색으로 변경하려는 경우 코드는 다음과 같습니다.

      content .regular h3 a {color : # f00; }

      또는

      content .regular h3 a {color : red; }

      "미리보기 업데이트"버튼을 클릭합니다. 미리보기 모드를 사용하면 변경 사항이 영구적으로 적용되기 전에 블로그가 어떻게 보이는지 확인할 수 있습니다.

      텍스트 색상 변경이 완료되면 "저장"버튼을 클릭하십시오.

      새 텍스트 색상 스타일 추가

      "Ctrl-F"를 누른 다음 ""를 입력합니다. 편집기가 자동으로 아래로 스크롤하여이 태그를 강조 표시합니다.

      사용자 정의 CSS 코드 앞에있는 마우스를 클릭하여 빈 줄을 추가합니다. 태그를 입력 한 다음 "Enter"를 한 번 누릅니다.

      유형 "

      텍스트 색상 변경이 완료되면 "저장"버튼을 클릭하십시오.

      경고

      보기 좋을뿐만 아니라 텍스트를 읽기 쉽게 만드는 글꼴 색상을 선택하십시오. 그러나 블로그의 배경색으로 인해 텍스트 색상 선택이 제한 될 수 있습니다. 예를 들어 검은 색 또는 빨간색 배경의 보라색 텍스트는 일부 팔로워가 읽기 어려울 수 있습니다.