아이콘과 이미지 스타일이 포함된 무료 Elementor Info Box 위젯

Info Box 는 아이콘이나 이미지,제목 및 짧은 설명으로 카드를 빌드하는 무료 Master Addons 위젯입니다. 스타일 사전 설정을 선택하고 Elementor 패널에서 텍스트와 스타일을 입력하고 상자,아이콘, 제목 및 설명을 입력하십시오. 무료 플러그인에는 Variation One to Five,및 마스터 애드온 프로 variation Six to Ten,그라디언트 아이콘 배경 및 Variation Six 의 자세히 읽기 버튼을 추가합니다. 기능 행,서비스 목록,연락처 세부 정보 및 작동 방식 단계에 사용합니다.

Elementor에 정보 상자를 추가하는 방법

당신은 Elementor 와 WordPress.org 의 무료 마스터 애드온 플러그인이 필요합니다.

  1. 아래에서 Infobox가 켜져 있는지 확인하세요 마스터 애드온, 위젯.
  2. Elementor 편집기에서 다음을 검색하세요 정보 상자 그리고 열로 끌어옵니다.
  3. A를 선택하세요 스타일 사전 설정. 변형 1~5는 무료입니다.
  4. 세트 이미지 또는 아이콘을 선택한 다음 아이콘을 선택하거나 이미지를 업로드합니다.
  5. 제목과 설명을 입력하고 카드가 어딘가에 연결되어야 하는 경우 제목 URL을 추가하세요.
  6. 열다 스타일 테두리,배경, 호버 애니메이션,아이콘 및 텍스트 스타일을 설정하는 탭. 위젯을 복제하여 행을 만듭니다.

모든 설정은 에서 다룹니다 정보 상자 위젯 설정 가이드.

정보 상자 스타일 아이콘이 있는 혜택 카드 3개 옆에 변형 1~10이 포함된 사전 설정 드롭다운입니다

스타일 사전 설정: 무료 5개, Pro 포함 10개

X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 스타일 사전 설정 드롭다운은 콘텐츠를 건드리지 않고 카드의 레이아웃과 장식을 변경합니다. 변형 1~5 는 무료 플러그인에서 작동합니다. 변형 2 와 3 은 카드 뒤에 있는 아이콘의 크고 바랜 복사본을 추가하고,변형 5 는 아이콘을 육각형 모양으로 만듭니다. Pro 는 변형 6~10 을 잠금 해제합니다.

  • 이미지 또는 아이콘: 없음,아이콘 또는 이미지를 선택합니다. 이미지는 이미지 해상도 설정을 사용합니다.
  • 제목 URL: 제목을 연결합니다. 전체 카드를 클릭 가능하게 만들려면 무료를 사용하세요 래퍼 링크 확장.
  • 더 읽기 텍스트 및 링크: variation Six(Pro)에만 표시됩니다.

제목 및 설명 스타일링

X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 제목 그리고 설명 섹션에는 각각 타이포그래피,색상, 정렬 및 패딩이 있습니다. 둘 다 일반 및 호버 탭이 있으며 방문자가 텍스트뿐만 아니라 카드의 아무 곳이나 가리키면 호버 색상이 변경됩니다. 제목은 항상 H3 로 렌더링되므로 그 주위에 제목 순서를 계획하십시오.

  • 타이포그래피: 가족, 크기, 무게, 변형, 스타일, 장식, 선 높이, 문자 및 단어 간격.
  • 제목과 설명에 별도의 호버 색상을 적용합니다.
  • 정렬과 패딩은 장치마다 다를 수 있습니다.
정보 상자 제목 타이포그래피 패널 및 설명 4개의 육각형 아이콘 카드 옆에 일반 및 호버 설정이 있습니다
정보 상자 아이콘 스타일 호버 설정 및 육각형 아이콘 카드 옆에 있는 호버 애니메이션 목록

상자, 아이콘 및 호버 스타일링

일반 스타일 카드를 덮습니다: 테두리 유형, 테두리 너비, 테두리 색상, 테두리 반경, 패딩 및 여백. 배경에는 일반 및 호버 탭이 있으며 각각 클래식 또는 그라데이션 배경이 있습니다. 호버 애니메이션 grow, Pulse, Push 및 Bob과 같은 Elementor 효과를 사용합니다. 아이콘 스타일 아이콘 크기, 아이콘 색상, 아이콘 배경 및 정렬을 다시 일반 및 호버 상태로 설정합니다.

  • 일반 카드와 호버링 카드의 배경이 다릅니다.
  • 두 상태 모두에 대한 아이콘 및 색이 바랜 배경 아이콘 색상입니다.
  • Variation Six의 그라데이션 아이콘 배경은 Pro입니다.

Elementor 아이콘 상자 대 마스터 애드온 정보 상자

Elementor 는 이미 무료 Icon Box 및 Image Box 위젯을 배송합니다. 많은 사이트에 충분하므로 각 사이트에 맞는 곳이 여기에 있습니다.

특징엘리멘터 아이콘 상자마스터 애드온 정보 상자
가격Elementor에서는 무료입니다5 개의 사전 설정으로 무료, 프로는 5 개를 더 추가합니다
아이콘 또는 이미지두 개의 위젯: 아이콘 상자와 이미지 상자없음, 아이콘 또는 이미지가 있는 위젯 1개
레이아웃아이콘 위치 시작, 끝, 위 또는 아래; 기본, 스택 또는 프레임 아이콘기성품 스타일 사전 설정
제목 HTML 태그H1 에서 H6, div, 스팬 또는 p항상 H3
링크아이콘과 제목에 대한 하나의 링크입니다제목 URL; 래퍼 링크가 포함된 전체 카드
카드 배경고급 탭에서일반 및 호버 배경, 클래식 또는 그라데이션
호버 효과아이콘 및 제목 호버 색상, 아이콘 호버 애니메이션카드 호버 애니메이션과 아이콘, 제목, 설명을 위한 호버 색상
더 읽기 버튼아니요변형 6만(Pro)

특정 표제 태그 또는 측면 아이콘 레이아웃이 필요할 때 Elementor 아이콘 상자를 선택하십시오. 한 단계에서 호버 배경이 있는 스타일 카드를 원할 때 정보 상자를 선택하십시오. 뒷면이 있는 카드의 경우 를 참조하십시오 플립박스그리고 버튼이 있는 카드에 대해서는 다음을 참조하세요 행동을 촉구하다.

템플릿 뷰어
페이스북
트위터
왓츠앱
링크 복사
지금 구매하기
다크 신뢰성 카드
다크 신뢰성 카드
두 열 아이콘 그리드
두 열 아이콘 그리드
사건 보고서 카드
사건 보고서 카드
시차 처리 카드
시차 처리 카드
타임라인 단계 카드
타임라인 단계 카드
지원 계층 카드
지원 계층 카드
분할 실습 패널
분할 실습 패널
워크샵 기능 스택
워크샵 기능 스택
인포박스
인포박스
인포박스 변형 10
인포박스 변형 10

Infobox에 대해 자주 묻는 질문

사용자가 Infobox에 대해 가장 많이 묻는 질문을 알아보고 한 곳에서 답변을 찾아보세요.
Info Box 위젯은 무료인가요?

예. 정보 상자는 Variation One to Five 가있는 무료 Master Addons 플러그인에 있습니다. 마스터 애드온 프로 variation Six to Ten, 그라디언트 아이콘 배경 및 Variation Six의 자세히 읽기 버튼을 추가합니다.

위젯 자체는 제목 URL 을 통해서만 제목을 연결합니다. 전체 카드를 클릭 가능하게 만들려면 무료를 켜십시오 래퍼 링크 위젯의 래퍼 링크 섹션에서 링크를 확장하고 추가합니다.

Info Box는 Elementor Icon Box와 어떻게 다릅니까?

Elementor Icon Box 는 무료이며 타이틀 태그를 선택하고 아이콘을 측면에 놓을 수 있습니다. Info Box 는 기성품 사전 설정,이미지 또는 아이콘을 하나의 위젯에 제공하고 카드에 대한 별도의 일반 및 호버 배경을 제공합니다. Info Box 제목은 항상 H3 입니다.

예. 이미지 또는 아이콘을 이미지로 설정하고 미디어 라이브러리에서 파일을 선택한 후 이미지 해상도를 선택합니다. 텍스트 전용 카드의 경우 없음을 선택합니다.

트렌드 엘리먼트 위젯 및 확장

더 짧은 시간에 정교한 웹사이트를 구축하세요.

Elementor용 Master Addons Glassmorphism 확장: 흐림 값 컨트롤이 20px로 설정된 반투명 유리 카드

유리형성

집 무료 Elementor Glassmorphism 확장: 하나의 토글에서 서리 유리 효과 Glassmorphism 서리입니다...
자세히 보기
Elementor용 마스터 애드온 컨테이너 추가 확장: 최대 너비, 최대 높이, 최소 너비 및 최소 높이 컨트롤이 포함된 컨테이너의 최대 너비는 1400px입니다

컨테이너 엑스트라

홈 Elementor 컨테이너 최대 너비 및 최대 높이 제어 컨테이너 엑스트라는 무료 마스터입니다...
자세히 보기
Elementor용 마스터 애드온 패턴 확장: 보라색 그라데이션 그리드 왼쪽 스타일, 세 가지 패턴 스타일 및 패턴 활성화 패널이 있는 영웅입니다

패턴

홈 70+ 무료 Elementor 배경 패턴 패턴은 추가되는 무료 Master Addon 확장입니다...
자세히 보기
Elementor용 마스터 애드온 게시물/페이지 복제기 확장: 랜딩 페이지를 생성하는 WordPress 페이지 목록의 MA 복제기 행 링크 - [복제된 #128] 초안

게시물/페이지 복제기

홈 중복 엘리멘터 페이지 및 게시물 한 번의 클릭으로 게시물/페이지 복제기는 무료 마스터입니다...
자세히 보기
Elementor용 마스터 애드온 읽기 진행률 표시줄 확장: 활성화, 위치, 높이 및 채우기 색상 설정이 포함된 개인 정보 보호 정책 페이지 상단에 파란색 표시줄 42%가 채워져 있습니다

읽기 진행률 표시줄

홈 WordPress (Elementor) 에서 읽기 진행률 표시 줄 추가 읽기 진행률 표시 줄은 무료입니다...
자세히 보기