미디어 라이브러리에서 사진 배치하기.

DXPR Builder 배우기사이트 관리Drupal 기능 연결

페이지에 사이트 미디어 라이브러리의 사진을 짧은 텍스트 옆에 배치합니다. 이름으로 사진을 찾아 체크하고 삽입하므로 모든 페이지가 같은 승인된 이미지를 재사용합니다. 이것이 이미지를 선택하는 권장 방법입니다. Entity Browser는 사이트가 이미 의존할 때만 사용합니다.

시작하기 전에

  • 모듈이 활성화되어 있습니다. Media Library 모듈이며 사이트에는 머신 이름이 image인 이미지 미디어 유형이 있습니다.
  • Browser type이 Media Library로 설정되어 있습니다. Media 섹션에서 찾습니다. General settings의 섹션입니다.
  • 다음 권한이 있습니다. View media 권한입니다.

설정하기

  1. 콘텐츠 영역에서 +를 클릭하고 Layout 탭에서 Section을 선택합니다.
  2. 섹션에서 +를 클릭하고 Row를 선택합니다. 동일한 두 컬럼과 함께 추가됩니다.
  3. 오른쪽 컬럼에서 +를 클릭하고 Content 탭에서 Text를 선택합니다. 헤딩을 입력하고 Heading 2로 설정한 뒤 한 줄을 추가하고 Save를 클릭합니다.
  4. 왼쪽 컬럼에서 +를 클릭하고 Image를 선택합니다.
  5. 다음을 클릭합니다. Select Image를 클릭합니다. Media browser가 최신 이미지부터 표시되며 열립니다.
  6. 사진 이름의 일부를 Name에 입력하고 Apply filters를 클릭합니다.
  7. 사진을 체크하고 Insert selected를 클릭합니다.
  8. 패널을 엽니다. SEO 패널을 열고 Alt attribute를 입력한 뒤 Save를 클릭합니다.

표시 내용

사진은 텍스트 옆 왼쪽 컬럼에 위치합니다. 미디어 항목은 라이브러리에 남아 있으므로 다른 페이지도 같은 사진을 사용할 수 있습니다.

다음 브라우저가 검색 외에 더 많은 기능을 제공합니다. Media browser입니다:

  • Add file: 컴퓨터에서 새 사진을 업로드합니다. 모든 사용자의 라이브러리에 추가됩니다.
  • Sort by: 최신순 또는 오래된순
  • Grid 또는 Table 라이브러리 뷰
  • 각 사진에 체크 표시가 있습니다. Insert selected는 체크된 사진을 모두 가져오며 하나의 이미지를 담는 필드는 첫 번째를 유지합니다.

다른 이미지 필드도 같은 브라우저를 엽니다. Background image입니다. Style 패널에 있습니다. Image carousel과 Marquee의 이미지 목록, 비디오의 포스터도 같습니다. Select video도 같습니다. Local video 요소에 있으며 비디오 파일용으로 엽니다.

미디어 브라우저가 보이지 않는 경우

  • Select Image 대신 일반 업로드 버튼이 표시됩니다. Browser type이 Basic file upload로 설정되어 있습니다. Media Library를 선택합니다. Media에 있습니다. /admin/dxpr_studio/dxpr_builder/settings에 있습니다.
  • 브라우저에 "Media Library is not enabled." 메시지가 표시됩니다. Media Library 모듈이 꺼져 있습니다. Extend(/admin/modules)에서 활성화합니다.
  • 브라우저에 "Access denied"가 표시됩니다. 역할에 View media가 없습니다. People > Permissions(/admin/people/permissions)에서 부여합니다.
  • Add file 양식이 없습니다. 역할에 이미지 미디어 생성 권한이 없을 수 있습니다. 같은 권한 페이지에서 Image: Create new media를 부여합니다.

다음 단계

Entity browser for advanced media selection에서 DXPR Builder 탐색을 계속합니다.