WordPress 웹사이트에서 이미지를 보여주는 지루한 스타일을 없애고 싶으신가요? ElementsKit의 이미지 상자 템플릿을 사용해 보세요. 

ElementsKit(완전한 Elementor 애드온) 제공 19개의 다양한 이미지 상자 템플릿 다양한 효과와 애니메이션으로 이미지를 표시합니다. 또한 텍스트, 제목, 버튼, URL, 아이콘 등을 포함할 수 있습니다. 

이러한 모든 요소는 완전히 사용자 정의가 가능합니다. 게다가 ElementsKit 이미지 상자 템플릿을 사용하여 Elementor의 모든 요소를 제거하거나 포함할 수 있습니다. 

✨✨ 필수 플러그인: 
👉👉 엘리멘터: Elementor 플러그인 다운로드 
👉👉 ElementsKit: ElementsKit 플러그인 다운로드 

ElementsKit을 사용하여 이미지 상자 만들기 #

• Elementor로 새로운 게시물/페이지를 만들거나 흥미로운 게시물/페이지를 열어보세요 
• 다음을 클릭하세요. ElementsKit 아이콘 
• 다음을 선택하세요. “이미지 박스” 카테고리에서 

• 너는 볼 수있어 19개의 다양한 템플릿 (11개 무료, 8개 프리미엄) 이미지 상자용
• 다음을 클릭하세요. 더하기 기호(+) 미리보기를 보려면 

• 딸깍 하는 소리 ~에 "끼워 넣다"
• 귀하의 페이지/게시물에 표시됩니다. 
• 이제 이미지 상자 템플릿의 스타일 및 기타 속성을 편집할 수 있습니다.
• 맞춤설정 후 다음을 클릭하세요. “게시”

ElementsKit 이미지 상자 템플릿 사용자 정의 #

왼쪽 사이드바에서 이미지 상자 레이아웃, 콘텐츠, 각 요소의 스타일을 사용자 지정할 수 있습니다. 또한 고급 설정에서 단일 요소 또는 전체 레이아웃에 대한 고급 사용자 지정을 수행할 수 있습니다. 

레이아웃 사용자 정의  #

• 콘텐츠 너비(박스형 또는 전체 너비)를 선택하세요
• 사용자 정의 너비 설정 
• 열 간격, 높이, 수직 정렬, 오버플로 사용자 지정 
• 스트레치 섹션 켜기/끄기 

콘텐츠 맞춤화  #

👉 영상 

• 이미지를 변경합니다 
• 이미지 크기를 사용자 정의합니다
• 콘텐츠 영역 설정 
• 동일 높이 활성화 또는 비활성화 
• URL 활성화 또는 비활성화 

👉 몸 

• 제목 텍스트 변경
• 제목 HTML 태그 사용자 정의
• 제목 정렬 설정 

👉 단추

• 버튼을 활성화하거나 비활성화합니다 
• 버튼 라벨 텍스트 사용자 정의 
• URL 추가
• 아이콘 추가/제거 
• 아이콘 위치 설정 

스타일 사용자 정의  #

👉 섀도우 라인 

• 왼쪽 또는 오른쪽 그림자 선을 선택하세요
• 사용자 정의 너비 설정 
• 박스 그림자 사용자 정의 
• 배경 유형, 색상 사용자 정의 
• 배경 이미지 설정 

👉 영상 

• 사용자 정의 테두리 반경, 패딩 설정 
• 일반 스타일 또는 호버 스타일로 이미지 불투명도를 사용자 정의합니다. 

👉 몸 

• 테두리 유형, 테두리 반경 설정
• 배경 이미지, 유형 및 색상 사용자 지정 
• 사용자 정의 패딩, 상자 그림자 색상 설정 
• 제목 간격, 타이포그래피, 색상 설정 

👉 단추 

• 패딩 값, 아이콘 글꼴 크기 사용자 지정 
• 버튼 텍스트 및 배경색 변경 
• 일반 또는 호버 속성 설정 
• 테두리 유형, 테두리 반경, 상자 그림자 설정 

고급 사용자 정의  #

• 레이아웃의 여백, 패딩, 너비, 위치 및 Z-인덱스를 사용자 정의합니다.
• 요소에 동작 효과를 설정합니다(예: 페이드 인, 확대, 바운스 인, 왼쪽으로 슬라이드 인 등)
• 반응성과 속성을 사용자 정의합니다 
• 추가 수정을 위해 사용자 정의 CSS를 삽입하세요 

이제 ElementsKit 이미지 상자 템플릿을 사용하여 웹사이트 이미지를 더욱 흥미로운 방식으로 선보일 수 있기를 바랍니다. 그리고 궁금한 사항이 있으면 언제든지 질문하거나 제안을 공유해 주세요.