Tumblr 오디오 플레이어를 사용자 지정하는 방법

오디오는 Tumblr의 7 가지 포스트 유형 중 하나이며 선택한 트랙을 재생하는 위젯에 사용되는 기본 레이아웃과 스타일이 있습니다. 포스트 생성 창과 현재 Tumblr 테마의 HTML을 편집하여 플레이어의 일부 측면을 수동으로 수정할 수 있지만 일부 특성은 Tumblr 플랫폼 자체에서 설정되며 편집 할 수 없습니다. 테마의 HTML을 수정하려면 사용자 정의 화면에서 "HTML 편집"을 클릭하십시오.

오디오 포스트 옵션

Tumblr에 오디오 파일을 업로드하고 파일에 트랙, 아티스트, 앨범 및 앨범 아트가 포함 된 경우이 정보가 포스트 생성 창에 나타납니다. 필요에 따라이 데이터를 편집하고 원하는 경우 캡션을 추가 할 수 있습니다. 다른 Tumblr 게시물과 마찬가지로 게시물에 태그를 추가 할 수도 있습니다. 웹의 다른 곳에서 외부 오디오 트랙에 연결하는 경우 동일한 필드가 나타나지만 Spotify 또는 Soundcloud와 같은 다른 서비스의 트랙을 포함하는 경우 트랙과 관련된 메타 데이터를 편집 할 수 없습니다.

오디오 플레이어 색상 및 크기

Tumblr는 테마 제작자가 오디오 플레이어의 모양을 변경하는 데 사용할 수있는 여러 변수를 제공합니다. 테마 HTML에서 "{block : AudioEmbed}"로 시작하는 섹션을 찾으십시오. 여기에서 오디오 플레이어 코드가 시작됩니다. "{AudioEmbed-xxx}"코드를 삽입하여 오디오 플레이어의 크기를 설정할 수 있습니다. 여기서 "xxx"는 픽셀 단위의 너비입니다. 250, 400, 500 및 640 픽셀 너비 중에서 선택합니다. "{AudioPlayerWhite}", "{AudioPlayerGrey}"또는 "{AudioPlayerBlack}"코드를 사용하여 기본 Tumblr 오디오 플레이어의 색상을 설정할 수도 있습니다.

플레이 횟수 및 다운로드 링크

또 다른 변수를 사용하면 특정 트랙이 재생 된 횟수를 표시 할 수 있습니다. 간단한 숫자에는 "{PlayCount}"를 사용하고, 쉼표로 형식이 지정된 숫자에는 "{FormattedPlayCount}"를 사용하고, 형식이 지정된 숫자에는 "{PlayCountWithLabel}"을 사용합니다. "재생"레이블. 게시물이 Tumblr 외부에서 호스팅되는 오디오 파일에 링크되어있는 경우 "{ExternalAudioURL}"태그를 사용하여 방문자가 원본 소스를 가리 키도록 할 수 있습니다. 이러한 모든 변수 및 링크는 화면에서 모양과 레이아웃을 변경하기 위해 선택한 HTML 및 CSS 스타일 시트 일 수 있습니다. HTML과 CSS를 직접 작성하는 것이 편하지 않다면 Tumblr의 무료 테마를 연구하여 작성자가 이러한 자리 표시자를 어떻게 적용하는지 확인하세요.

메타 데이터 추적

변수 "{AlbumArtURL}", "{Artist}", "{Album}"및 "{TrackName}"은 게시물 작성 창에 입력 된 (또는 자동으로 입력 된) 트랙의 메타 데이터를보고합니다. 이 정보가 화면에 표시되는 방법은 귀하에게 달려 있습니다. 예를 들어 트랙의 모든 세부 정보를 표시하거나 앨범 아트를 제외한 모든 항목을 숨기도록 선택할 수 있습니다. 다시 말하지만, 블로그에 적용된 HTML 및 CSS 코드를 사용하여 이러한 변수의 텍스트 글꼴, 크기 및 색상을 포맷 할 수 있습니다. 처음부터 다시 시작하는 것보다 기존 코드를 수정하는 것이 더 쉬울 수 있습니다.