Elementor 이미지 상자는 하나의 연결된 블록에 이미지와 제목 및 간단한 설명을 연결하는 위젯입니다. 그것은 대부분의 워드 프레스 사이트가 서비스 그리드,기능 행 및 팀 섹션을 구축하는 방법입니다. Elementor 는 하나를 무료로 배송; 아래의 열여섯 디자인은 레이아웃으로 대체하고 기본 위젯이 생성 할 수없는 모션.
모두가 같은 위젯을 가지고 있기 때문에 리즈에 있는 배관공 사이트의 서비스 섹션은 리스본에 있는 디자인 스튜디오와 동일하게 배치됩니다. 동일한 세 개의 열, 동일한 중심 이미지, 동일한 16px 간격.
그래서 우리는 열여섯 대체품을 구축. 각 하나는 작업 Elementor 위젯,각각은 당신이 지금 당장 열 수있는 라이브 데모와이 페이지에 다운로드 링크가 있습니다. 당신은 하나를 얻기 위해 이메일 주소를 넘겨하거나 계정을 만들 필요가 없습니다.
이 페이지에서
목차
16가지 디자인을 한눈에 살펴보세요
| # | 디자인 | 하는 일 | 위한 최고의 |
|---|---|---|---|
| 01 | 루멘 이미지 박스 | 광원이 카드 전체에 걸쳐 커서를 따라갑니다 | 어두운 사이트, 기술 서비스 |
| 02 | 가장자리 이미지 상자 | 스크롤을 지나갈 때 열리는 오프셋 플레이트입니다 | 사설, 가이드, 아웃도어 브랜드 |
| 03 | 조리개 이미지 상자 | 각 이미지는 잘린 조리개에서 열립니다 | 사진, 인쇄, 6개 항목 그리드 |
| 04 | Bascule 이미지 상자 | 카드는 경첩을 켜서 뒷면을 보여줍니다 | 전후에 spec이 밝힙니다 |
| 05 | 캐스케이드 이미지 박스 | 4장의 카드가 한꺼번에 정산되는 것은 아닙니다 | 프로세스 단계, 스튜디오 서비스 |
| 06 | 선조 이미지 상자 | 작은 축소판, 미세한 규칙, 조밀한 2열 목록 | 긴 서비스 메뉴, 가격표 |
| 07 | 프리즈 스트립 | 드래그하거나 스크롤하는 수평 스트립입니다 | 긴 시퀀스, 생산 라인 |
| 08 | 환류 이미지 상자 | 카드는 광택이 나는 포인터 쪽으로 기울어집니다 | 제품, 공예품 |
| 09 | 임펄스 이미지 박스 | 카드는 자석처럼 커서를 향해 당깁니다 | 예약, 강좌, 대여 |
| 10 X 10 X 10 X 10 X 10 X 10 X | 긴츠기 이미지 박스 | 이미지는 파편으로 도착하고 재조립됩니다 | 공예, 유리, 도자기, 복원 |
| 11 | 팰리세이드 이미지 박스 | 수직 칸막이로 제작된 높은 패널 | 워크샵, 가구 만드는 일, 좁은 기둥 |
| 12 | 이미지 상자를 굴절시킵니다 | 블렌드 모드 컬러 워시가 각 이미지 위에 표시됩니다 | 스튜디오, 음악, 라이센스 |
| 13 | 라이저 이미지 박스 | 카드는 텍스트에 맞는 입술로 제자리에 올라갑니다 | 대행사, 생산 |
| 14 | 지점 이미지 상자 | 듀오톤 트리트먼트를 받은 대형 엇갈린 쌍 | 커피, 소싱, 스토리텔링 |
| 15 | 임계값 이미지 상자 | 문이 가운데로 갈라져 이미지가 드러납니다 | 재배자, 보육원, 공개 |
| 16 | 벨럼 이미지 박스 | 카드 클립이 열리면 부드러운 흐림이 사라집니다 | 바인딩, 아카이브, 조용한 브랜드 |
이것들을 실행하기 위해 필요한 것
Elementor free 는 페이지 자체에 충분합니다. 디자인은 다른 문제입니다.
- 16개 모두 마스터 애드온이 필요합니다. 모든 컨트롤(리피터, 타이포그래피, 치수, 테두리, 아이콘 선택기, 탭)을 기반으로 구축되었습니다 위젯 빌더 제공합니다. 무료 플러그인은 위젯 빌더를 가지고 있지만,그 컨트롤은 잠긴 것으로 표시됩니다.
- 이 페이지의 다운로드는 무료이며 게이트가 없습니다. JSON 을 잡고 보관하십시오. 무료 버전에서 제한된 옵션을 수정할 수 있습니다. 그러나 프로 버전은 모든 것을 풀 수 있습니다.
- 라이브 데모에는 비용이 전혀 들지 않습니다. 하나를 열고,브라우저 크기를 조정하고,카드를 드래그하고,키보드로 탭을 통과하세요. 이것이 모션 스타일이 콘텐츠에 맞는지 판단하는 정직한 방법이며 무료입니다.
무료 플러그인에서 실행되는 디자인을 원한다면 우리의 8가지 무료 위젯을 사용하세요 Elementor 슬라이더 템플릿 컬렉션은 Pro 컨트롤을 사용하지 않으며 그 중 일부는 슬라이더가 아닌 카드 레이아웃입니다.
01. 루멘 이미지 상자
거의 검은색 바탕에 4 장의 카드. 포인터를 가로질러 움직이면 부드러운 빛이 함께 움직여 커서 아래 이미지의 일부를 밝게 하고 나머지는 어둡게 합니다. 보고 있는 카드는 불이 켜진 카드입니다.
작동하게 만드는 것은 구속입니다. 카드는 움직이거나 호버링에서 스케일링되지 않습니다. 변화하는 유일한 것은 빛이 떨어지는 곳이며,이는 램프 아래 작업대에 있는 물체를 실제로 보는 방식과 비슷합니다.
다음을 위해 사용하십시오: 기술 서비스, 어두운 테마의 사이트, 어두운 땅을 배경으로 촬영된 모든 것.
을 위해 사용하지 마십시오: 흰색 배경. 스포트라이트는 반대 할 것이 없으며 전체가 약간 지저분한 호버 상태로 읽혀집니다.
02. Verge 이미지 박스
두 개의 기둥,고의적으로 발걸음을 떼기 때문에 오른쪽 기둥이 왼쪽보다 낮게 앉습니다. 각 판은 시야를 가로지르면서 열립니다. 제목에는 작은 원형 화살표가 있고 그 아래에는 글자 간격 캡으로 눈썹 라벨이 있습니다: SNOWCRAFT,SUMMITS, TRAVERSES.
그 오프셋은 실제 작업을하고 있습니다. 직선 그리드는 눈이 행을 가로 질러 스캔하도록 지시하고 읽기를 중지합니다. 열을 비틀 거리며 대신 페이지를 따라 이동해야하며 실제로 원하는 방향입니다.
다음을 위해 사용하십시오: 편집 페이지, 가이드 등 4~6개의 실질적인 항목이 포함된 모든 것.
을 위해 사용하지 마십시오: 약 여덟 개 이상의 항목. 비틀거림이 축적되고 페이지가 매우 크고 매우 빠르게 됩니다.
03. 가늠구멍 이미지 상자
3 개씩 2 줄로 된 6 개의 상자가 따뜻한 종이 회색으로 표시됩니다. 각 이미지는 마스크되어 있으며 렌즈 조리개가 작동하는 방식으로 행이 도착하면 마스크가 바깥쪽으로 열립니다. 모든 카드에는 설명 아래에 작은 SEE DETAILS 링크가 있습니다.
여섯 가지가 있고 진정으로 동등 할 때 도달 할 수있는 것입니다. 대부분의 이미지 상자 레이아웃은 조용히 크기 나 위치에 따라 항목 순위를 매깁니다. 이것은 그렇지 않습니다.
다음을 위해 사용하십시오: 암실 및 인쇄 서비스, 6개 항목의 기능 그리드, 사진 등 무엇이든 가능합니다.
을 위해 사용하지 마십시오: 세 가지 항목. 두 줄 리듬은 전체 디자인이며 세 개의 단일 행은 그것을 잃습니다.
04. Bascule 이미지 상자
밸런스가 아닌 브릿지의 이름을 따서 명명. 각 카드는 수평 힌지를 켜고 그 뒤에 실제 뒷면이 기다리고 있습니다. 동일한 그림 위의 CSS 필터가 아니라 복사본을 쓰는 실제 두 번째 면이 있습니다.
구축에서 얻은 메모: 플립은 중단점 아래에서 꺼지고,그것은 의도적으로입니다. 전화기의 힌지 애니메이션은 탭이 예상치 못한 일을한다는 것을 의미하며,수정은 느리게하기보다는하지 않는 것입니다.
다음을 위해 사용하십시오: 이전과 이후, 사양 시트, 두 번째 정보가 첫 번째 정보만큼 흥미로운 모든 것.
을 위해 사용하지 마십시오: 페이지로의 기본 탐색. 뒤집기 뒤의 콘텐츠는 대부분의 방문자가 결코 볼 수없는 콘텐츠입니다.
05. 캐스케이드 이미지 박스
함께가 아닌 차례로 도착하는 4 장의 카드는 각각 마지막에 비트를 정착시킵니다. 차이는 작지만 느끼실 수 있습니다. 섹션은 그냥 나타나는 대신 당신에게 처리됩니다.
모든 카드는 이 레이아웃이 실제로 무엇을 위한 것인지에 대한 경품인 COURSE DATES 링크를 전달합니다: 반복되는 것, 순서가 중요한 곳.
다음을 위해 사용하십시오: 스튜디오 및 워크샵 서비스, 코스 목록, 프로세스 단계.
을 위해 사용하지 마십시오: 접힌 부분 위. 방문자가 가장 먼저 보는 것의 입구를 비틀거리게 하고 사이트가 그렇지 않은 경우에도 느리게 느껴집니다.
06. 선조 이미지 상자
조용한 것. 우표의 크기,헤어 라인 규칙,두 개의 열,이 디자인의 대부분이 하나에 사용하는 공간의 네 가지 항목을 축소판. 핸드 세트 유형,폴리머 플레이트,다이 커팅,엣지 페인팅: 무역 목록,무역 목록처럼 배치.
모든 서비스 섹션이 영웅 대우를 받을 자격이 있는 것은 아니기 때문에 여기에 있습니다. 때로는 당신이 하는 일이 열한 가지 있는데 방문자가 그것을 감상하는 것이 아니라 스캔하고 싶어하기 때문입니다.
다음을 위해 사용하십시오: 긴 서비스 메뉴, 가격표, 다양한 품목이 포함된 전문 거래.
을 위해 사용하지 마십시오: 세 가지 헤드 라인 서비스. 그 카운트에서 당신은 섹션을 완료하는 것을 잊은 것처럼 보인다.
07. 프리즈 스트립
여기서 유일하게 옆으로 가는 것. 카드는 화면 오른쪽 가장자리에서 흘러내려 드래그하거나 스크롤하거나 오른쪽 위에 있는 두 개의 둥근 화살표 버튼을 사용합니다. 아래 얇은 규칙이 갈수록 채워지므로 항상 남은 양을 알 수 있습니다.
소모사 회전,뒤틀리고 빛나기,도비 길쌈,조각 염색,끝마무리. 그들이 일어나는 순서대로 방앗간의 다섯 단계. 격자는 그 순서를 줄로 끊었을 것입니다. 스트립은 그것을 한 줄에 유지하는데,이것은 실제로 생산 순서가 무엇인지입니다.
다음을 위해 사용하십시오: 생산 순서, 그리드를 망칠 긴 목록, 고유한 순서가 있는 모든 것.
을 위해 사용하지 마십시오: 네 가지 항목. 이미 모든 것이 화면에 들어맞는다면, 사람들에게 아무 것도 없이 옆으로 스크롤하라고 요구하는 것입니다.
08. 환류 이미지 상자
카드는 포인터가 있는 곳 어디든 기울어지며,움직일 때 광택이 표면을 가로지릅니다. 2021 년에 모두가 시도했고 대부분의 사람들이 과하게 했던 효과입니다. 여기 기울기는 열다섯이 아니라 몇도입니다.
키보드 사용자는 제대로 처리됩니다, 이는 거의 아무것도하지 않습니다 카드에 탭하면 리프트와 광택을 얻을하지만 회전하지, 키보드는 방향으로 회전 할 수있는 포인터 위치가 없기 때문에 하나를 속이는 것은 말도.
다음을 위해 사용하십시오: 물리적 제품, 프레임, 가공품 등 빛을 포착할 가치가 있는 표면이 있는 모든 것.
을 위해 사용하지 마십시오: 텍스트가 많은 카드. 누군가가 읽는 동안 단락을 기울이는 것은 적대적입니다.
09. 임펄스 이미지 박스
카드는 커서가 다가올 때 커서 쪽으로 기울었다가 떠날 때 놓습니다. 당김은 카드의 절반에 대해 정규화되고 고정되므로 가장자리를 지나면 카드를 화면 전체에 던지는 대신 증가를 멈춥니다.
각 카드는 뜨거운 오렌지색 버튼으로 끝납니다. 초급 코스,코칭, 보드 대여. 자력은 예약 페이지 트릭입니다. 왜냐하면 버튼을 누르고 싶은 것처럼 느끼게하고 카드가 행동 촉구가 아닌 모든 곳에서 낭비되기 때문입니다.
다음을 위해 사용하십시오: 레슨, 대여, 예약 등 모든 카드가 버튼으로 끝나는 모든 것.
을 위해 사용하지 마십시오: 클릭 타겟이 없는 정보 카드. 전달하지 않는 상호작용을 약속하는 거죠.
10. 긴츠기 이미지 박스
이미지는 조각으로 도착하고 재조립. 두 개의 브레이크 패턴이 그것과 함께 배송: 세 개의 높은 조각, 그 높이에 걸쳐 금이 창처럼, 그리고 포인트에서 방사 여섯 웨지 오프 - 중앙 설정, 이는 깨끗한 휴식보다는 충격으로 읽습니다.
불어 그릇,주조와 가마 형성,복원, 교육 벤치. 데모는 전체에 유리 작품이다. 디자인은 뜨거운 가게를 위해 만들어졌고 그것은 보여 주지만,피사체가 만들어지고,부서지거나, 다시 조립되는 것이라면 어디든 착륙한다.
다음을 위해 사용하십시오: 유리, 도자기, 복원, 수리, 보존.
을 위해 사용하지 마십시오: 병원, 보험, “부서지는” 모든 것은 당신이 원하지 않는 의미를 담고 있습니다.
11. Palisade 이미지 상자
3 개의 키 큰 패널은, 순서대로 도착하는 수직 판금에서 각각 조립해, 담 한 번에 1 개의 널을 건축되고. 판금 조사 패널 폭에 적응시킵니다, 그래서 좁은 란은 더 적은, 동일한 수 대신에 더 넓은 널을 더 얇게 짜냈습니다 얻습니다.
계단, 새시창, 설비된 방. 모두 누워 있는 것이 아니라 서서 촬영할 주제이며, 풍경 카드보다 이 레이아웃에 더 적합합니다.
다음을 위해 사용하십시오: 가구 만드는 일, 건축, 인테리어, 높은 제품 샷.
을 위해 사용하지 마십시오: 풍경 사진. 인물 패널은 슬롯에 그림을 자르고 당신은 샷을 잃게됩니다.
12. 이미지 박스를 굴절
컬러 워시가 모든 이미지 위에 블렌드 모드로 자리 잡고 있으므로 4 개의 다른 조명으로 4 개의 다른 날에 촬영 한 4 장의 사진이 한 세트처럼 나옵니다. 그것이 실제 작업이며,소리보다 덜 화려합니다.
로케이션 레코딩, 폴리 및 소품, 복원, 도서관 라이선스 스톡 촬영은 피할 수 없고 사진은 절대 일치하지 않는 사운드 작업이므로 워시가 솔기를 숨깁니다.
다음을 위해 사용하십시오: 혼합 소스 이미지, 스톡 사진, 재촬영할 수 없는 모든 것.
을 위해 사용하지 마십시오: 제품 색상 정확도. 페인트 샘플을 세척하는 것은 반품 문제입니다.
13. 라이저 이미지 박스
카드는 아래에서 캡션의 입술이 보이는 아래에서 상승합니다. 입술은 고정 높이로 설정되지 않고 그 안에있는 텍스트에 대해 측정되므로 두 단어 캡션과 두 줄의 캡션은 둘 다 클립 중 하나가 아닌 올바르게 앉습니다.
맞춤형 커미션,재구성, 소규모 배치 생산. 세 가지 항목,세 가지 어두운 이미지,최소 크롬. 세트에서 가장 전통적인 디자인입니다. 때로는 레이아웃이 작업을 방해하지 않기를 원합니다.
다음을 위해 사용하십시오: 대행사, 제작사, 3개의 서비스 페이지.
을 위해 사용하지 마십시오: 긴 설명. 입술은 단락이 아닌 캡션입니다.
14. 지점 이미지 상자
세트에서 가장 큰 상자. 두 개의 열, 심하게 고의로 발걸음을 옮긴, 실제로 볼 수있을만큼 큰 이미지. duotone 치료는 이미지 전체에 링크되어 있으며 한 장의 사진이 싸우면 카드 당 떨어 뜨릴 수 있습니다.
도매 로스팅,그린 소싱,에스프레소 캘리브레이션. 6 의 공간을 감안할 때 3 가지 서비스. 할 말이 거의없고 각각 전체 화면의 가치가있을 때 사용하십시오.
다음을 위해 사용하십시오: 2~4개의 프리미엄 서비스, 스토리텔링 페이지, 커피 및 식품 브랜드.
을 위해 사용하지 마십시오: 6개 이상의 항목. 6개 항목의 이 디자인은 아무도 맨 아래에 도달하지 못하는 매우 긴 페이지입니다.
15. 문턱 이미지 상자
두 개의 문이 각 이미지 위에 닫혀 있고 카드가 시야에 들어갈 때 가운데 부분이 아래로 내려갑니다. 문은 이미지 자체 소스에서 제작되므로 뒤에 있는 그림과 일치하지 않습니다.
깊은 녹색 땅, 네 카드: 온실 컬렉션, 종자 은행, 겨울 정원, 학습 과정. 정원에 들어가는에 대한 섹션에 문을 사용하는 것은 분명하고, 이 경우 명백한 괜찮습니다.
다음을 위해 사용하십시오: 정원, 장소, 개구부 등 방문객이 물리적으로 들어가는 모든 것.
을 위해 사용하지 마십시오: 열두 장의 카드. 열두 세트의 문이 열리는 것은 많은 문입니다.
16. 벨룸 이미지 박스
종이가 멀리 당겨지는 것처럼 부드러운 흐림이 이미지를 지우는 동안 각 카드는 클립에서 열립니다. 섹션의 모든 카드는 단일 커밋으로 무장됩니다. 즉,카드당 하나가 아닌 전체 행에 대해 하나의 레이아웃 패스를 의미합니다.
케이스 제본,보존, 상자 및 인클로저,판화 작업. 데모는 제본소입니다. 이것은 세트에서 가장 부드러운 동작이며 애니메이션을 싫어한다고 말하는 클라이언트에서 살아남을 가능성이 가장 높은 동작입니다.
다음을 위해 사용하십시오: 아카이브, 바인딩, 보존, 조용하고 값 비싼 브랜드.
을 위해 사용하지 마십시오: 급박함이 필요한 모든 것 이 디자인은 아무것도 없고, 그런 척 하지도 않습니다.
기본 Elementor 이미지 상자 위젯은 무엇을 할 수 있습니까?
무료 Elementor 이미지 박스는 이미지,제목, 설명 및 옵션 링크를 제공합니다. 스타일 탭에서 이미지 너비,경계 반경,이미지와 텍스트 사이의 간격,정렬, 이미지 위치 (상단,왼쪽 또는 오른쪽) 를 설정할 수 있습니다. 호버 효과는 Elementor 의 전역 CSS 필터 및 변환으로 제한됩니다.
그건 많은 사이트를 다루고,만약 그것이 여러분의 사이트를 다룬다면,그것을 사용하세요. 여러분은 표제 위에 그림을 넣기 위해 애드온이 필요하지 않습니다.
그것이 다 떨어진 곳은 움직임과 구조입니다. 뒷면도 없고,카드당 순서도 없고,수평 레이아웃도 없고,한 장의 카드가 이웃과 다르게 동작하도록 할 방법도 없습니다. 위의 열여섯 가지 디자인이 채우는 틈새입니다.
이미지 상자 vs 아이콘 상자: 어떤 것을 사용해야합니까?
그림이 작품의 사진,방 또는 제품과 같은 내용 일 때 이미지 상자를 사용하십시오. 그림이 장식이고 단어가 의미를 전달할 때 아이콘 상자를 사용하십시오. 위젯은 그렇지 않으면 거의 동일합니다: 둘 다 하나의 연결된 블록에 제목과 설명이있는 그래픽을 쌍으로 연결합니다.
실제 테스트는 그래픽이 사라졌는지 여부를 확인하는 것입니다. 서비스 그리드가 아이콘이 사라진 상태에서 여전히 잘 읽히면 장식용이며 아이콘 상자가 올바른 호출이었습니다. 이미지를 제거하면 이름 목록이 남으면 이미지 상자가 필요했습니다.
사람들이 잊어버리는 세 번째 옵션: a 플립박스는, 뒤에 있는 이미지 상자 입니다. 위에 Bascule는 경첩으로 재건된 그 아이디어입니다.
Elementor 이미지 상자에 호버 효과를 어떻게 추가합니까?
위젯을 선택하고 스타일 탭을 열고 이미지 섹션을 확장한 후 호버 탭으로 전환합니다. 불투명도,CSS 필터 (흐림,밝기, 채도,대비, 색조) 및 전환 기간이 제공됩니다. 스케일 또는 회전과 같은 변환의 경우 고급 탭의 호버 컨트롤을 사용합니다.
이것이 바로 내장된 표면 전체입니다. 커서를 추적하는 조명,자기 당김 또는 기울기를 가로지르는 광택과 같이 그 너머에 있는 모든 것에는 사용자 정의 CSS 또는 동작을 전달하는 위젯이 필요합니다.
특별히 당신이 추구하는 텍스트 오버 이미지 효과라면, 우리는 카탈로그를 만들었습니다 25+ 요소 이미지 호버 효과 위에 텍스트 별도로, 그리고 그것들은 스톡 위젯으로 작동합니다.
이러한 Elementor 이미지 상자 디자인을 가져오는 방법
위의 디자인에서 JSON을 다운로드한 다음 WordPress로 이동하세요 마스터 애드온 → 위젯 빌더 → 위젯 가져오기 그리고 파일을 업로드합니다. 위젯은 즐겨찾기 아래의 Elementor 패널에 나타나며,콘텐츠 및 스타일 탭에 자체 컨트롤이 있습니다.
- 클릭 위젯 JSON 다운로드 원하는 디자인에. zip 에는 JSON 과 미리보기 이미지가 포함되어 있습니다.
- 압축을 풉니다. Elementor 자신의 템플릿 가져오기 프로그램은 이 파일을 읽지 않습니다. 템플릿이 아닌 위젯 빌더로 이동하기 때문입니다.
- 로 이동 마스터 애드온 → 위젯 빌더 그리고 선택하세요 위젯 가져오기.
- JSON 을 업로드합니다. Elementor 로 아무 페이지나 편집하고 패널에서 위젯 이름을 검색합니다.
- 자리 표시자 이미지와 텍스트를 바꿉니다. 카드는 리피터이므로 위젯을 복제하는 대신 해당 항목을 추가하거나 제거합니다.
일반적인 실수는 2 단계입니다. 이들은 위젯 빌더 위젯이 아니라 Elementor 섹션 템플릿, 그래서 템플릿 → 가져오기를 통해 그들을 가져 오는 것은 실패하고 오류 메시지는 이유를 설명하지 않습니다.
이 이미지 상자는 모바일에서 작동하며 액세스할 수 있나요?
둘 다 예,하나의 디자인 수준의주의 사항으로. 여기에있는 모든 위젯은 존중합니다 prefers-reduced-motion: 방문자가 OS 레벨에서 활성화 된 감소 된 모션을 가지고 있다면 입구 애니메이션이 실행되지 않고 카드가 최종 상태로 렌더링됩니다. 그것은 위젯에서 처리되며,당신에게 맡겨지지 않습니다.
포인터 구동 디자인은 깨지기보다는 저하됩니다. Gyre 의 틸트와 Impulse 의 자석은 터치 스크린이 제공하지 않는 포인터 위치가 필요하므로 모바일에서 카드는 정적으로 렌더링되고 모든 것이 읽기 쉽고 탭 가능한 상태로 유지됩니다. Bascule 은 의도적으로 중단점 아래에서 플립을 끕니다.
Gyre 는 또한 호버링과 별도로 키보드 포커스를 처리합니다. 카드에 탭하면 회전없이 리프트와 광택을 얻습니다. 대부분의 틸트 효과는 그것을 건너 뛰고 키보드 사용자에게 아무것도 남기지 않습니다.
실제로 어떤 Elementor 이미지 상자를 선택해야 합니까?
효과가 아닌 아이템 수부터 시작하세요.
- 각각 중요한 2~4개 항목: 지점 또는 가장자리.
- 정확히 세 가지 서비스: 라이저, 자이르 또는 바스큘.
- 네 가지 항목: 루멘, 캐스케이드, 긴츠기, 임계값 또는 벨룸.
- 6개의 동일한 항목: 조리개.
- 8개 이상: 프리즈 스트립이 시퀀스라면 선조 목록이라면.
- 키가 크고 초상화 이미지: 팰리세이드.
- 서로 맞지 않는 사진: 굴절시키다.
- 모든 카드는 버튼으로 끝납니다: 충동.
그런 다음 주제에 대한 효과를 확인하십시오. 법률 사무소의 Kintsugi 는 나쁜 농담입니다. 정원의 임계 값은 거의 너무 깔끔합니다. 동의가 작업에 대해 말하지 않으면 떨어 뜨리고 Riser 를 사용하십시오.
자주 묻는 질문
Elementor 이미지 상자 위젯은 무료입니까?
예. 이미지 상자는 무료 Elementor 플러그인에 이미지,제목, 설명,링크, 이미지 위치 및 기본 호버 필터와 함께 제공됩니다. 이 페이지의 16 가지 디자인은 다릅니다: 그들은 마스터 애드온 위젯 빌더 위젯이며 다운로드 자체는 무료이지만 편집하려면 마스터 애드온 프로가 필요합니다.
Elementor 이미지 상자에 버튼을 추가할 수 있나요?
당신에게 별도의 버튼을 제공하는 대신 전체 상자를 연결하는 주식 위젯에 없습니다. 실제 버튼을 얻으려면 당신은 같은 컨테이너 내부 아래에 버튼 위젯을 배치하거나,하나를 포함하는 디자인을 사용합니다. 임펄스,조리개, 캐스케이드 및 환류 모두 카드에 버튼과 함께 배송.
Elementor 이미지 상자를 동일한 높이로 만들려면 어떻게 해야 합니까?
상자를 플렉스 컨테이너에 넣고 컨테이너의 항목 정렬을 늘이기로 설정한 다음 각 이미지 상자 열을 전체 높이로 설정합니다. 텍스트 길이가 고르지 않은 것이 일반적인 원인입니다. 이 페이지의 모든 디자인은 자체 CSS 에서 동일한 높이를 처리하므로 문제가 발생하지 않습니다.
이미지 박스와 이미지 위젯의 차이점은 무엇입니까?
이미지 위젯은 옵션 캡션과 링크가 있는 단일 그림을 배치합니다. 이미지 상자는 복합입니다: 이미지,제목, 설명 및 링크가 하나의 블록에 있으며,단위로 스타일이 지정되고 간격이 지정됩니다. 독립형 사진의 경우 이미지 위젯을 사용하고,격자의 카드용 이미지 상자를 사용합니다.
이러한 디자인을 위해 Elementor Pro가 필요합니까?
아니요. Elementor free 로 충분합니다. 왜냐하면 디자인은 Elementor Pro 위젯이 아닌 Master Addons 로 빌드되기 때문입니다. 각 디자인은 무료 플러그인에 잠겨있는 Widget Builder 컨트롤 (리피터,타이포그래피, 치수,테두리, 아이콘,탭) 을 사용하기 때문에 필요한 것은 Master Addons Pro 입니다.
다음에 갈 곳
더 가져오기 쉬운 디자인을 원한다면 20 Elementor 슬라이더 템플릿 컬렉션은이 페이지에 가장 가까운 형제이며 그 중 8 개는 무료 플러그인에서 실행됩니다. 특히 회전 목마에 대해서는 다음을 참조하십시오 Elementor 캐러셀 위젯, 또는 실제로 무료인 것 라이센스 질문이 귀하가 관심을 갖는 질문인 경우.
관련 카드 패턴의 경우: 이미지 핫스팟 하나의 큰 그림에 주석을 달기 위해 팀원 섹션 서비스보다는 사람을 위해, 그리고 3D 플립박스 애니메이션 bascule이 눈에 띄었다면 라이센스 세부 정보는 에 있습니다 가격 페이지이고, 전체 위젯 리스트가 들어있습니다 100+ 최고의 Elementor 애드온.
