[ad_1]

WordPress용 SoundCloud 포함 블록을 사용하면 게시물이나 페이지에 앨범, 재생 목록 또는 트랙을 추가할 수 있습니다. 통합 내용 Gutenberg의 SoundCloud는 블록의 모양과 작동 방식에 대한 다양한 옵션을 제공합니다. 그렇지 않고 단순히 SoundCloud 링크를 클래식 편집기에 복사하여 붙여넣으면 음악을 포함할 수 있지만 사용자 정의 및 페이지 디자인과 관련하여 옵션이 심각하게 제한됩니다.

이 기사에서는 WordPress 게시물 또는 페이지에 앨범, 재생 목록 또는 SoundCloud 트랙을 포함하는 방법을 안내합니다. 또한 모범 사례, FAQ 및 알아야 할 팁도 다룹니다.

시작하기 전에, 내용 서비스의 경우 공개 트랙을 선택해야 합니다. 비공개 트랙은 통합할 수 없습니다. 또한 SoundCloud 포함 블록을 추가하려면 Gutenberg 블록 편집기를 사용해야 합니다. (그러나 몇 가지 대안을 다루겠습니다.)

WordPress에 SoundCloud 콘텐츠를 포함하는 방법

먼저 WordPress 게시물 또는 페이지에 SoundCloud 트랙을 추가하는 방법을 살펴보겠습니다. 다음으로 프로세스는 트랙을 추가하는 것과 유사하므로 앨범/재생 목록을 추가하는 방법을 빠르게 살펴보겠습니다.

WordPress에 SoundCloud 트랙을 포함하는 방법

SoundCloud로 이동하여 WordPress에 포함하려는 트랙을 찾으십시오. 트랙을 클릭하면 해당 페이지에서 열립니다. 페이지 상단의 주소 표시줄에서 URL을 복사합니다.

내장 사운드 클라우드

WordPress로 이동하여 게시물 또는 페이지를 생성하거나 편집합니다. 페이지의 본문에는 다음이 표시되어야 합니다. 더하기 기호. 표시되지 않으면 페이지 본문의 아무 곳이나 클릭하면 표시됩니다.

내장 사운드 클라우드

클릭하세요 더하기 기호 블록 선택기를 표시합니다. "SoundCloud"를 입력하십시오. 검색 경우에 해당하는 블록을 선택합니다. 이제 SoundCloud 통합 블록이 페이지 또는 게시물에 추가됩니다.

워드프레스에 음악 추가

내장 사운드 클라우드

복사한 SoundCloud 주소를 다음 필드에 붙여넣습니다. 여기에 통합할 URL을 입력하세요... 클릭 통합. 이제 다음과 같은 내용이 표시됩니다.

내장 사운드 클라우드

게시된 후 사이트에서 어떻게 보일지 보려면 다음을 클릭하세요. 측량 > > 새 탭에서 미리보기 페이지 오른쪽 상단에 있습니다.

워드프레스에 음악 추가

내장 사운드 클라우드

원하는 경우 캡션을 추가할 수 있습니다. 기본 제공 트랙 아래에는 캡션과 서식 옵션을 입력할 수 있는 전용 영역이 있습니다.

내장 사운드 클라우드

WordPress에 SoundCloud 앨범 또는 재생 목록을 포함하는 방법

SoundCloud에서 앨범 또는 재생 목록을 포함하는 것은 트랙을 추가하는 것과 매우 유사합니다. SoundCloud에서 추가하려는 앨범 또는 재생 목록으로 이동하고 클릭하여 자체 페이지에서 엽니다. 주소 표시줄에서 URL을 복사합니다.

WordPress의 SoundCloud 통합 상자에서 전용 공간에 주소 표시줄을 붙여넣습니다. 클릭 통합.

결과는 기본적으로 앨범을 추가하든 재생 목록을 추가하든 동일합니다. 앨범 또는 재생 목록 커버 아트는 포함된 링크의 주요 부분에 표시되고 그 아래에는 탐색할 트랙 목록이 표시됩니다. 트랙 위로 마우스를 이동하고 스크롤하면 메인 커버가 작아져 트랙 목록이 더 많이 노출됩니다. 이 스크린샷에서 상단 임베드는 재생 목록이고 하단 임베드는 앨범입니다.

워드프레스에 음악 추가

통합 오류 메시지

링크가 아닌 것을 입력하면 깨진 링크이거나 다음으로 이동하는 링크입니다. 내용 통합할 수 없는 경우 다음과 같은 오류 메시지가 표시됩니다.

내장 사운드 클라우드

링크를 다시 시도하거나 링크로 변환 차이가 있는지 확인합니다. 두 옵션 모두 작동하지 않으면 다른 콘텐츠를 통합해야 할 수 있습니다.

SoundCloud 통합 블록 옵션

SoundCloud 통합 블록에 대한 옵션을 찾을 수 있는 두 가지 영역이 있습니다: 막대 상단과 오른쪽 사이드바. 그들이 무엇인지 봅시다.

툴바 옵션

포함 블록에 콘텐츠를 추가했으면 이를 클릭하여 상단에 옵션 도구 모음을 표시합니다. 다음과 같습니다.

내장 사운드 클라우드

왼쪽에서 오른쪽으로 아이콘의 의미는 다음과 같습니다.

  • 이되다 : SoundCloud 내장 블록을 단락, 열 또는 그룹으로 전환할 수 있습니다. 고려해야 할 유일한 옵션은 그룹화 하나는 블록의 배경색을 변경할 수 있기 때문입니다. 신경쓰지 않는다면 그냥 두세요. 사용하기가 조금 어렵습니다.
  • 활공하려면: 마우스 오버 슬립 아이콘을 클릭하면 커서가 작은 손 모양으로 바뀝니다. 마우스 왼쪽 버튼으로 클릭하고 포함 블록을 페이지에서 배치할 위치로 끕니다.
  • 상승 및 하강:위쪽 화살표 블록을 한 칸 위로 이동하고 아래쪽 화살표 한 칸 아래로 이동합니다.
  • 정렬 변경: 매립형 마운팅 블록을 왼쪽, 중앙 또는 오른쪽에 맞춥니다. 왼쪽이나 오른쪽으로 맞추면 작아집니다. 테마에 따라 포함 블록을 더 크게 만들 수 있는 전각 및 광각 옵션이 있을 수도 있습니다.
  • URL 수정: 다른 앨범, 재생 목록 또는 트랙을 포함하려면 SoundCloud URL을 바꾸십시오.
  • 옵션: 마지막 아이콘은 추가 옵션이 있는 드롭다운 메뉴를 표시합니다.

추가 옵션 메뉴

내장 사운드 클라우드

이 드롭다운 옵션 목록에는 이해하기 쉬운 몇 가지 옵션이 포함되어 있습니다. 위에서 아래로 다음과 같습니다.

  • 추가 설정 숨기기: 오른쪽의 설정 사이드바를 숨기거나 표시합니다.
  • 복사: 블록을 복사하여 원하는 곳에 붙여넣습니다.
  • 복제하다: 블록을 복제하면 원본 바로 아래에 복사본이 만들어집니다.
  • 다음 앞에 삽입: 선택한 블록 앞에 블록을 추가합니다.
  • 다음에 삽입: 선택한 블록 뒤에 블록을 추가합니다.
  • 이동하려면: 그러면 키보드의 화살표 버튼을 사용하여 페이지를 이동할 수 있는 파란색 막대가 표시됩니다. 원하는 위치에 배치했으면 클릭 입력 / 반환 통합 블록을 거기로 이동합니다.
  • HTML에서 편집: 블록의 HTML 코드를 편집합니다.
  • 재사용 가능한 블록에 추가: 선택한 블록을 재사용 가능한 블록 목록에 추가합니다. 이를 통해 다른 게시물이나 페이지 또는 현재 게시물이나 페이지의 다른 섹션에 쉽게 추가할 수 있습니다.
  • 그룹: 콤 르 그룹화 위에서 언급한 옵션을 사용하면 블록의 배경색을 변경할 수 있습니다.
  • 블록 삭제: 페이지에서 블록을 제거합니다.

사이드바 옵션

워드프레스에 음악 추가

오른쪽 사이드바에는 미디어 설정과 고급의 두 가지 설정이 있습니다. 복습 해보자.

멀티미디어 설정

활성화하면 소형 장치에 맞게 크기 조정멀티미디어 설정 섹션에서 Embed 블록은 화면 크기에 따라 자동으로 크기가 조정됩니다. 이것은 모바일 장치에서 귀하의 콘텐츠를 보는 사람들에게 특히 중요하므로 이 옵션을 활성화하는 것이 좋습니다.

진행

에서 진행 섹션에서 선택한 블록에 CSS 블록을 추가할 수 있습니다. 즉, 원하는 대로 블록을 사용자 정의하고 스타일을 지정할 수 있습니다(물론 CSS를 알고 있는 경우).

SoundCloud Embed Block을 효과적으로 사용하기 위한 모범 사례 및 팁

포함된 콘텐츠를 빠르게 추가

내장된 SoundCloud 콘텐츠를 원하는 위치를 정확히 알고 있다면 URL을 페이지에 붙여넣기만 하면 됩니다. SoundCloud 통합 블록은 수동으로 블록을 추가하는 것과 동일한 옵션으로 자동으로 생성됩니다.

클래식 편집기를 사용하여 SoundCloud 콘텐츠 포함

클래식 WordPress 편집기로 작업하려는 경우 언제든지 SoundCloud 콘텐츠를 포함할 수 있습니다. 게시물이나 페이지의 본문에서 원하는 위치에 링크를 복사하여 붙여넣기만 하면 됩니다. 그러면 콘텐츠가 자동으로 통합됩니다. 그러나 Gutenberg 블록과 동일한 도구 모음 옵션이 없습니다.

다양한 사용자 정의에 Embed 코드 사용

WordPress에 SoundCloud 콘텐츠를 포함하는 또 다른 방법은 포함 코드를 사용하는 것입니다. 포함하려는 SoundCloud 콘텐츠로 이동하고 버튼을 클릭합니다. 공유하기 버튼을 클릭합니다.

내장 사운드 클라우드

팝업 창에서 포함된 콘텐츠의 모양을 변경할 수 있습니다. 이 예에서는 재생/일시 정지 버튼을 하늘색으로 변경하고 임베드 상자의 높이를 조정했습니다.

워드프레스에 음악 추가

완료되면 내장 코드를 복사한 다음 WordPress의 HTML 블록에 붙여넣습니다. 페이지를 미리 볼 때 콘텐츠가 어떻게 보이는지 확인할 수 있습니다.

SoundCloud 통합 블록 FAQ

SoundCloud에 음악만 있나요?

아니요! SoundCloud는 팟캐스트도 제공합니다. 팟캐스트를 통합하는 것은 음악 트랙을 통합하는 것과 같습니다. URL을 복사한 다음 포함 상자에 붙여넣습니다. 단일 에피소드를 포함하거나 팟캐스트 전체를 보여주고 싶다면 SoundCloud의 메인 페이지로 이동하여 URL을 복사/붙여넣기할 수 있습니다.

내장 사운드 클라우드

SoundCloud 통합 블록에 여러 트랙을 추가할 수 있습니까?

WordPress 사이트에 여러 노래 또는 팟캐스트 에피소드를 제공하려면 자신만의 재생 목록을 만든 다음 포함할 수 있습니다. 재생 목록을 공개(포함해야 함)하더라도 각 트랙의 개인 정보 설정은 유지됩니다. 즉, 공개 재생 목록에 비공개 트랙을 추가하면 해당 트랙은 항상 비공개로 유지됩니다.

https://help.soundcloud.com/hc/en-us/articles/115003449787-Creating-and-adding-tracks-to-a-playlist

SoundCloud 트랙이 재생되기 시작하는 위치를 선택할 수 있습니까?

불행하게도. 클릭하면 공유하기 SoundCloud 콘텐츠에서 창이 열립니다. 하단에는 트랙 재생을 시작할 위치에 대한 옵션이 있습니다. 그러나 관련 링크를 복사하여 포함 블록에 붙여넣을 때 실제로 해당 부분에서 트랙이 시작되지는 않습니다. 다양한 방법으로 시도했지만 성공하지 못했습니다.

내장 사운드 클라우드

음악 또는 팟캐스트를 귀하의 사이트 웹 경험을 더욱 가치 있게 만들고 참여도를 높일 수 있습니다. 자신만의 콘텐츠가 있거나 다른 사람의 콘텐츠를 공유하려는 경우 가능한 가장 많은 사용자 지정 및 레이아웃 옵션을 제공하는 가장 쉬운 방법은 SoundCloud 포함 블록입니다. 사이트에 앨범, 재생 목록, 팟캐스트 또는 음악 트랙을 추가하고 사용자가 방문자 다른 곳으로 리디렉션되지 않고 듣습니다. 더 많은 것을 탐색하고 싶다면 SoundCloud의 콘텐츠를 쉽게 클릭할 수 있습니다.

WordPress용 11가지 최고의 오디오 플레이어 플러그인이 포함된 기사에도 관심이 있을 수 있습니다. 확인 해봐!

Shutterstock.com에서 apghedia가 추천한 이미지



[ad_2]

소스 링크