페이지,대행사 사이트 및 서비스 비즈니스에 관한 대부분의 사람들은 작업 뒤에있는 사람들에게 얼굴을 대는 자리가 필요합니다. The 팀원 위젯 에서 Elementor용 마스터 애드온 사용자 정의 코드 없이 해당 섹션을 빌드합니다. 각 카드에는 사진,이름, 역할,짧은 약력 및 일련의 소셜 링크가 있으며 필요한 만큼 회원을 드롭합니다.
각 팀원은 자신의 위젯입니다. 따라서 하나의 카드를 설정하고 스타일을 지정 한 다음 열에 걸쳐 복제하여 전체 그리드를 구축합니다. 표시 회원 수에 대한 캡이 없습니다. 이 가이드는 디자인 변형 (6 무료,Pro 와 함께 5 개 더) 에서 스타일 탭까지 모든 설정을 거칩니다.
팀원 위젯이 수행하는 작업 #
위젯은 팀원 한 명을 카드로 렌더링합니다: 위에 사진,다음에 이름,지정, 짧은 설명,아래에 소셜 아이콘 행이 있습니다. A 디자인 변형 드롭다운은 일반 블록에서 원형 사진 및 호버 효과까지 한 번의 클릭으로 전체 카드 레이아웃을 변경합니다. 6가지 변형은 무료이며 5가지에는 Master Addons Pro가 필요합니다.
그것은 세 개의 탭이 있습니다. 콘텐츠 사진, 텍스트, 정렬 및 소셜 링크를 보유합니다. 스타일 카드의 각 부분에 대한 색상, 타이포그래피, 간격, 테두리 및 그림자를 제어합니다. 고급 여백, 패딩, 반응형 가시성과 같은 일반적인 Elementor 옵션을 제공합니다.
시작하기 전에 #
- 워드 프레스 와 함께 엘리멘터 설치되고 활성화됩니다.
- Elementor용 마스터 애드온 설치되고 활성화되었습니다. 플러그인에 새로운? 참조 설치 가이드.
- 팀원의 사진과 이름, 역할, 소셜 프로필 URL.
팀원 위젯을 추가하는 방법 #
Elementor 편집기에서 을 엽니다 요소 패널 및 검색 팀 멤버또는 Master Addons 섹션으로 스크롤합니다(위젯에는 보라색 MA 배지가 있음). 페이지로 드래그하세요. 자리 표시자 카드로 로드되므로 빈 예제 대신 작업 예제를 편집할 수 있습니다.
카드 내용 설정 #
위젯을 선택한 상태에서 을 엽니다 콘텐츠 탭. 그만큼 콘텐츠 섹션은 카드의 모든 것을 보유합니다:
- 디자인 변형: 카드 레이아웃 사전 설정(다음 섹션에서 다룹니다).
- 이미지: 회원의 사진, 미디어 도서관에서 뽑아.
- 이미지 해상도: 로드할 등록된 이미지 크기, 기본적으로 전체입니다.
- 이름, 명칭, 설명: 멤버의 이름과 역할,짧은 약력. 각 분야에는 a AI 로 쓰기 빠른 초안을 원한다면 옵션.
- 콘텐츠 정렬: 텍스트를 왼쪽, 중앙 또는 오른쪽으로 정렬합니다.
사진을 선택 #
이미지 상자와 WordPress를 클릭합니다 미디어 라이브러리 열립니다. 기존 사진을 선택하거나 새 사진을 업로드 한 다음 선택을 누르십시오. 한 가지 가치가있는 일을 미리하십시오: 같은 크기의 사진을 사용하십시오. 일치하는 차원은 격자를 구축 한 후에도 모든 카드를 유지하며 일치하지 않는 차원은 카드 또는 두 장의 텍스트를 아래로 이동시키는 경향이 있습니다.
디자인 변형을 선택하세요 #
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 디자인 변형 드롭다운은 팀원 위젯이 계속 유지되는 곳입니다. 한 번의 클릭으로 콘텐츠를 건드리지 않고 전체 카드 레이아웃을 교체합니다. 목록에는 다음이 포함됩니다(Pro 변형이 표시되어 있습니다):
- 베이직 원 ~ 베이직 파이브(무료): 위에 사진과 아래 세부정보가 포함된 블록 레이아웃을 정리하세요.
- 원 그라데이션 및 원 없음 그라데이션(Pro): 둥근 사진, 그 뒤에 색깔있는 모양 또는 투명한 배경에.
- 호버의 사회적 좌파와 호버의 사회적 우파(Pro): 누군가가 카드를 맴돌 때까지 소셜 아이콘을 숨긴 다음 밀어 넣습니다.
- 반올림(무료): 원형 사진과 둥근 소셜 버튼이 있는 아치형 카드입니다.
- Hover(Pro)의 콘텐츠: 사진을 깨끗하게 유지하고 호버에 세부 사항을 공개하십시오.
여기 있습니다 둥글게 된 아치형 프레임, 원형 사진, 알약 모양의 소셜 아이콘을 적용한 변형:
소셜 프로필 링크 추가 #
열다 소셜 프로필 섹션 및 켜기 소셜 프로필을 표시하시겠습니까?니다.각 링크는 목록에 있는 하나의 항목이므로,사용 항목 추가 프로필을 추가하려면 해당 아이콘을 선택하고 URL을 붙여넣습니다. 복사 아이콘은 항목을 복제하고 X는 해당 항목을 제거합니다.
회원이 실제로 사용하는 프로필만 추가하고 나머지는 삭제합니다. URL 이 없는 항목은 여전히 아이콘을 보여줍니다. 행은 기본적으로 카드 하단에 위치하며 선택한 디자인 변형을 따릅니다.
여러 팀원 추가 #
각 팀원 위젯은 하나의 카드이므로 복제하여 전체 팀을 구성합니다. 첫 번째 카드를 원하는 방식으로 설정한 다음 마우스 오른쪽 버튼을 클릭하고 선택합니다 복제하다 (또는 Ctrl/Cmd + D를 누르십시오). 사본을 자신의 열에 떨어 뜨리고 각 사람의 사진과 세부 사항을 교환하십시오.
위젯을 복제하는 것이므로 제한이 없습니다. 세 명의 멤버,다스 또는 전체 부서를 추가하십시오. 세 열로 구성된 Elementor 섹션은 깨끗한 카드 행을 제공하며 팀이 성장함에 따라 더 많은 행을 추가합니다. 모든 사본은 원본의 디자인 변형과 스타일을 유지하므로 추가 작업없이 그리드가 일관되게 유지됩니다.
카드를 스타일링합니다 #
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 스타일 탭은 카드를 스스로 스타일을 지정할 수있는 부분으로 나눕니다: 일반 스타일, 엄지손가락, 콘텐츠, 이름, 지정, 설명, 소셜, 그리고 패턴 (무료 패턴 확장에서).
- 일반 스타일: 카드 배경색, 항목 테두리 반경 및 상자 그림자입니다.
- 엄지: 사진의 테두리, 반경, 패딩, 여백.
- 내용: 텍스트 영역의 배경 (색상 또는 그라데이션), 테두리, 반경, 패딩 및 여백.
- 이름, 명칭, 설명: 각 텍스트 요소에 대한 색상, 타이포그래피, 패딩 및 여백.
- 사회적: 소셜 아이콘의 크기, 색상 및 간격입니다.
일반적인 사용 사례 #
- 페이지에 관하여 사진과 역할로 팀 전체를 소개합니다.
- 에이전시 및 스튜디오 사이트 소셜 링크를 통해 창작자를 보여줍니다.
- 서비스 사업 일을 하는 사람들에게 얼굴을 대는 것.
- 연사 또는 강사 라인업 이벤트, 웹 세미나, 강좌용.
- 리더십 또는 창립자 섹션 담당자분들 부각시켜.
팀원 위젯 작업 팁 #
- 먼저 카드 한 장을 스타일링한 다음 복제합니다. 복사본은 디자인과 스타일을 상속하므로 한 번만 설정하면 됩니다.
- 같은 크기의 사진을 사용하세요. 일치하는 치수는 카드를 행 전체에 걸쳐 유지합니다.
- 바이오스를 짧게 유지하라. 한두 줄은 사진 아래에서 가장 잘 읽혀집니다.
- 변형을 페이지에 일치시킵니다. Circle 및 Rounded 슈트 친화적인 브랜드; 기본 레이아웃은 기업 사이트에 적합합니다.
- 사용하지 않는 소셜 아이템 삭제. 빈 항목은 여전히 아이콘을 보여줍니다.
자주 묻는 질문 #
마스터 애드온의 팀원 위젯은 무엇입니까?
한 명의 팀원을 사진,이름, 역할,짧은 약력,소셜 링크가 있는 카드로 보여주는 Elementor 위젯입니다. 6 개의 무료 디자인 변형 (Master Addons Pro 포함 11 개) 과 전체 스타일 탭이 포함되어 있으므로 사용자 정의 코드 없이 Elementor 패널에서 바로 팀 섹션을 만들고 스타일을 지정할 수 있습니다.
팀원은 몇 명까지 추가할 수 있나요?
제한이 없습니다. 각 팀원 위젯은 하나의 카드이므로 위젯을 복제하고 자신의 열에 복사본을 삭제하여 더 많은 구성원을 추가합니다. 세 장의 카드 행 또는 큰 다중 행 그리드 빌드; 복사본이 원본 디자인을 상속하기 때문에 레이아웃이 일관되게 유지됩니다.
팀원 위젯에는 어떤 디자인 변형이 포함되어 있나요?
11 개의 사전 설정. 무료: Basic One 에서 Basic Five 및 Rounded. Pro: Circle Gradient,Circle No Gradient,호버의 소셜 레프트,호버의 소셜 라이트,호버의 콘텐츠. 각각은 콘텐츠를 변경하지 않고 호버에 표시되는 원형 사진이나 소셜 아이콘과 같은 카드 레이아웃을 변경합니다.
각 팀원에게 소셜 미디어 링크를 추가할 수 있나요?
예. 소셜 프로필 섹션에서 소셜 프로필 표시를 켠 다음 항목 추가를 사용하여 해당 아이콘과 URL 이 있는 각 프로필을 추가합니다. URL 이 없는 항목에는 여전히 아이콘이 표시되므로 회원이 사용하는 링크만 추가합니다.
Team Member 와 Team Slider 위젯의 차이점은 무엇입니까?
팀원 위젯은 멤버를 정적 카드 격자로 표시하며,1 인당 하나의 위젯입니다. 팀 슬라이더 위젯은 멤버를 리피터,화살표 및 자동 재생 기능이 있는 슬라이딩 캐러셀에 넣습니다. 고정 그리드에는 팀원을 사용하고 공간이 부족할 때는 팀 슬라이더를 사용합니다.
감싸는 #
팀원 위젯은 사람들의 목록을 세련된 팀 섹션으로 바꿉니다: 사진, 이름, 역할, 약력 및 소셜 링크를 추가하고 디자인 변형 중 하나를 선택한 다음 (6 무료, 11 와 Pro) 카드를 스타일링하고 열에 걸쳐 복제하십시오 팀원 위젯 페이지 모든 변형의 데모에 대해서는 슬라이딩 버전을 참조하세요 팀 슬라이더 위젯, 와 짝을 이루세요 정보 상자 위젯 서비스의 경우 전체를 탐색하세요 마스터 애드온 위젯 및 확장, 그리고 확인해 보세요 가격 페이지 각 계획에 포함된 내용입니다.
