팀 멤버

페이지,대행사 사이트 및 서비스 비즈니스에 관한 대부분의 사람들은 작업 뒤에있는 사람들에게 얼굴을 대는 자리가 필요합니다. The 팀 멤버 위젯 인 Elementor용 마스터 애드온 사용자 정의 코드 없이 해당 섹션을 빌드합니다. 각 카드에는 사진,이름, 역할,짧은 약력 및 일련의 소셜 링크가 있으며 필요한 만큼 회원을 드롭합니다.

각 팀원은 자신의 위젯입니다. 따라서 하나의 카드를 설정하고 스타일을 지정 한 다음 열에 걸쳐 복제하여 전체 그리드를 구축합니다. 표시 회원 수에 대한 캡이 없습니다. 이 가이드는 열한 가지 디자인 변형부터 스타일 탭까지 모든 설정을 거칩니다.

팀원 위젯이 수행하는 작업 #

위젯은 팀원 한 명을 카드로 렌더링합니다: 위에 사진,다음에 이름,지정, 짧은 설명,아래에 소셜 아이콘 행이 있습니다. A 디자인 변형 드롭다운은 한 번의 클릭으로 전체 카드 레이아웃을 일반 블록에서 원형 사진, 그라데이션 프레임 및 호버 효과로 변경합니다.

그것은 세 개의 탭이 있습니다. 콘텐츠 사진, 텍스트, 정렬 및 소셜 링크를 보유합니다. 스타일 카드의 각 부분에 대한 색상, 타이포그래피, 간격, 테두리 및 그림자를 제어합니다. 고급 여백, 패딩, 반응형 가시성과 같은 일반적인 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 디자인 변형 드롭다운은 팀원 위젯이 keep 을 얻는 곳입니다. 한 번의 클릭으로 콘텐츠를 건드리지 않고 전체 카드 레이아웃을 교환합니다. 목록에는 다음이 포함됩니다:

• 기본 1부터 기본 5까지: 위에 사진과 아래 세부정보가 포함된 블록 레이아웃을 정리하세요.
• 원 그라데이션 및 원 없음 그라데이션: 사진의 반올림을 그라데이션 프레임 유무에 관계없이 원으로 만듭니다.
• 호버에 사회 좌파와 호버에 사회 우파: 누군가가 카드를 맴돌 때까지 소셜 아이콘을 숨긴 다음 밀어 넣습니다.
• 반올림: 원형 사진과 둥근 소셜 버튼이 있는 아치형 카드입니다.
• 호버의 콘텐츠: 사진을 깨끗하게 유지하고 호버에 세부 사항을 공개하십시오.

여기 있습니다 둥글게 된 아치형 프레임, 원형 사진, 알약 모양의 소셜 아이콘을 적용한 변형:

소셜 프로필 링크 추가 #

열다 소셜 프로필 섹션 및 켜기 소셜 프로필을 표시하시겠습니까?니다.각 링크는 목록에 있는 하나의 항목이므로,사용 항목 추가 프로필을 추가하려면 해당 아이콘을 선택하고 URL을 붙여넣습니다. 복사 아이콘은 항목을 복제하고 X는 해당 항목을 제거합니다.

회원이 실제로 사용하는 프로필만 추가하십시오. 빈 항목은 건너뛰므로 카드는 깨끗하게 유지됩니다. 행은 기본적으로 카드 하단에 위치하며 선택한 디자인 변형을 따릅니다.

여러 팀원 추가 #

각 팀원 위젯은 하나의 카드이므로 복제하여 전체 팀을 구성합니다. 첫 번째 카드를 원하는 방식으로 설정한 다음 마우스 오른쪽 버튼을 클릭하고 선택합니다 복제하다 (또는 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 슈트 친화적인 브랜드; 기본 레이아웃은 기업 사이트에 적합합니다.
• 사용하는 소셜 링크만 입력하세요. 빈 항목은 건너뛰므로 아이콘 행이 깔끔하게 유지됩니다.

자주 묻는 질문 #

감싸는 #

팀원 위젯은 사람들의 목록을 세련된 팀 섹션으로 바꿉니다: 사진, 이름, 역할, 약력 및 소셜 링크를 추가하고, 열한 가지 디자인 변형 중 하나를 선택한 다음, 카드를 스타일링하고 열에 걸쳐 복제합니다. 슬라이딩 버전은 을 참조하십시오 팀 회전목마 위젯, 와 짝을 이루세요 정보 상자 위젯 서비스의 경우 전체를 탐색하세요 마스터 애드온 위젯 및 확장, 그리고 확인해 보세요 가격 페이지 각 계획에 포함된 내용입니다.