이미지 상자 위젯 을 사용하면 아이콘 상자 위젯 을 사용하는 대신 기능 섹션에서 자주 사용되는 헤드라인 및 텍스트와 이미지를 결합한 이미지 상자를 추가할 수 있습니다 .

콘텐츠

  1. 이미지 선택: 미디어 라이브러리에서 이미지를 선택하거나 새 이미지를 업로드합니다.
  2. 이미지 크기 : 썸네일에서 전체 이미지 크기를 선택하거나 사용자 정의 크기를 입력합니다.
  3. 제목 및 설명 : 이미지 상자에 표시될 제목과 설명을 추가합니다.
  4. 링크 대상 : 항목의 링크에 대한 URL을 입력합니다. 링크 옵션 톱니바퀴 를 클릭하여 링크 링크 옵션에 rel=nofollow를 추가하거나 새 창에서 링크를 엽니다.
  5. 이미지 위치 : 제목 및 설명을 기준으로 이미지의 위치를 ​​왼쪽, 위쪽 또는 오른쪽으로 설정합니다(모바일 보기에서는 중앙에 유지됨).
  6. 제목 HTML 태그 : 제목의 HTML 태그를 H1… H6, div, span 또는 단락으로 설정합니다.

스타일

이미지 조율

  1. 간격 : 이미지와 제목 사이의 정확한 간격을 설정합니다.
  2. 너비 : 이미지 너비를 0에서 100%까지 조정합니다.
  3. Hover Animation : 이미지에 Hover Animation 추가
  4. CSS 필터 : 일반 및 호버 상태에서 흐림, 밝기, 대비, 채도 및 색조 설정에 대한 CSS 필터 배율을 변경하여 이미지 스타일을 조정합니다.
  5. 불투명도 : 일반 및 호버 상태에서 이미지의 불투명도를 제어합니다.
  6. 전환 시간 : 각 슬라이드가 표시되는 데 걸리는 시간을 설정합니다. 이 시간은 밀리초 단위이므로 1000ms는 1초와 같습니다.

콘텐츠

  1. 정렬 : 내용을 왼쪽, 오른쪽, 가운데 또는 양쪽 정렬
  2. 수직 정렬 : 내용을 상자의 상단, 중간 또는 하단에 정렬합니다.

제목

  1. 간격 : 제목과 설명 사이의 간격을 설정합니다.
  2. 색상 : 제목의 색상을 설정합니다.
  3. 타이포그래피 : 타이틀의 타이포그래피 옵션을 설정합니다.

설명

  1. 색상 : 설명 텍스트의 색상을 설정합니다.
  2. 타이포그래피 : 설명의 타이포그래피 옵션을 설정합니다.

기타 콘텐츠