WordPress에서 직원 디렉토리를 만드는 방법 (직원 프로필 포함)

워드프레스 사이트에 스태프 디렉토리를 만드시겠습니까? 직원 디렉토리를 사용하면 팀 구성원에게 고객을 소개하고 비즈니스의 인간면을 보여줌으로써 신뢰를 얻을 수 있습니다.

온라인 비즈니스를 운영하는 한 가지 단점은 고객이 귀하 또는 귀하의 팀 구성원을 개인적으로 알지 못한다는 것입니다. 팀 디렉토리는 그 격차를 좁히는 데 도움이됩니다.

이 기사에서는 개별 직원 프로필이있는 WordPress의 직원 디렉토리를 쉽게 추가하는 방법을 보여줍니다.

WordPress에 직원 목록을 만드는 방법

WordPress에서 직원 디렉토리 만들기 (단계별)

우선 Staff List Plugin을 설치하고 활성화하십시오. 그것은 무료 워드프레스 팀 디렉토리 플러그인입니다. 자세한 지침은 워드프레스 플러그인 설치 방법에 대한 안내서를 참조하십시오.

다음으로 이동해야합니다. 직원 목록»관리자 페이지에서 '빠른 시작'탭을 클릭하십시오. 직원 템플릿의 이름을 입력하고 '레코드 만들기'버튼을 클릭하십시오. 예를 들어 '새 직원 템플릿'이라고 이름을 지정할 수 있습니다.

새 직원 템플릿 만들기

완료되면 플러그인은 직원 템플릿을 만들고 3 명의 직원을 자동으로 추가합니다.

다음으로 이동 직원 목록»직원 템플릿 워드프레스 메뉴에서 새 직원 템플릿을 미리 봅니다. 템플릿을 구성하려면 '수정'링크를 클릭해야합니다.

직원 템플릿 편집

직원 페이지 레이아웃, 단일 페이지 레이아웃, 필드 순서, 단축 코드 등 템플릿 옵션이 표시됩니다.

템플릿 옵션 - 직원 목록 워드프레스 플러그인

템플릿 옵션을 검토하여 변경하거나 기본 옵션을 그대로 유지할 수 있습니다.

그 아래에서 '입력란'섹션을보고 직원 프로필을 사용자 정의 할 수 있습니다.

직원 목록 필드 옵션 워드프레스

위 스크린 샷에서 볼 수 있듯이 기본적으로 6 개의 입력란이 있습니다.

  1. 이름
  2. 위치
  3. 학과
  4. 전화
  5. 이메일 링크 텍스트
  6. 직원 프로필

필드 옵션에서 레이블, 표시 옵션 및 각 필드의 스타일을 변경할 수 있습니다.

팀원을 추가하여 팀 디렉토리 만들기

직원 페이지 템플리트를 사용자 정의 했으므로 직원 구성원 프로파일을 추가하고 사용자 정의 할 수 있습니다. 이동 직원 목록»직원플러그인에 의해 이미 추가 된 3 명의 직원이 표시됩니다.

프로파일 정보를 변경하여 기본 스태프 구성원 프로파일을 사용자 정의 할 수 있습니다. 시작하려면 '수정'링크를 클릭하십시오.

직원 프로필 편집

여기에서 팀 구성원 목록 페이지, 개별 프로필 페이지 및 사진 업로드를 위해 직원 데이터를 사용자 정의 할 수 있습니다. '직원 페이지'옵션은 위의 스태프 페이지 템플리트에 표시된대로 6 개의 입력 필드를 표시합니다. 여기에 입력하는 정보는 직원 디렉토리 페이지에 나타납니다.

직원 목록 페이지 데이터 편집

다음으로 '싱글 페이지'콘텐츠를 맞춤 설정할 수 있습니다. 직원 페이지와 마찬가지로 기본적으로 6 개의 입력 필드가 있습니다. 그러나 개별 직원 프로필 bio를 작성하는 텍스트 필드가 있습니다.

직원 구성원 단일 페이지 편집

여기에 입력하는 정보는 개별 직원 프로필 페이지에 나타납니다.

그런 다음 직원 페이지와 단일 페이지에 팀 구성원 이미지를 추가 할 수 있습니다. '이미지 선택'버튼을 클릭하면 회원의 프로필 사진을 빠르게 추가 할 수 있습니다.

직원 구성원 데이터에 이미지 추가

마지막으로 단일 페이지 SEO 옵션이 포함 된 '옵션'탭을 볼 수 있습니다. 팀 구성원 프로필 페이지에 URL 슬러그 및 페이지 제목을 추가 할 수 있습니다.

SEO 옵션 직원 구성원 데이터

"Pretty"Permalink 옵션을 비워두면 직원 프로필 페이지의 URL은 http://example.com/profile/?smid=528이됩니다.

사이에 대시로 직원 이름을 입력하면 예쁜 링크로 만들 수 있습니다. 예를 들어, 직원 프로필 페이지 URL을 http://example.com/profile/laura-taylor로 지정하는 laura-taylor를 사용할 수 있습니다.

'업데이트'버튼을 클릭하여 변경 사항을 저장하는 것을 잊지 마십시오.

동일한 프로세스를 반복하여 모든 팀원 프로필을 사용자 정의하십시오.

더 많은 팀원을 추가해야하는 경우 상단의 '새로 추가'버튼을 클릭하십시오.

신규 직원 추가

먼저 직원의 이름을 추가하십시오. 그런 다음 오른쪽 사이드 바에서 스태프 템플릿을 선택하고 '임시 보관함에 저장'을 클릭하여 입력 필드를로드하십시오.

WordPress의 새로운 직원을위한 템플릿 선택

그런 다음 동일한 6 개의 입력 필드를보고 팀 구성원 프로필을 만들 수 있습니다. 이전과 같이 필요한 정보를 추가하십시오.

신규 직원 데이터 추가

끝나면 직원 프로필을 게시하는 것을 잊지 마십시오.

WordPress에 직원 멤버 목록 게시

모든 직원 프로필을 추가 ​​했으므로 이제 웹 사이트에 직원 목록을 게시 할 수 있습니다.

첫째, 직원 페이지 템플릿의 단축 코드를 찾아서 복사해야합니다. 이동 직원 목록»직원 템플릿 스탭 페이지 템플리트 아래의 '편집'옵션을 클릭하십시오. 그런 다음 템플릿 옵션 페이지가 열립니다.

'Shortcodes'탭을 클릭하고 Staff Page Shortcode를 복사하십시오.

직원 목록 페이지 단축 코드

그 후에 직원 구성원 목록을 표시 할 새 페이지를 만들어야합니다. 이동 페이지»새로 추가 귀하의 워드프레스 관리자 패널에서 귀하의 직원 목록 페이지의 이름을 입력하십시오. 예를 들어 '우리 팀'이라고 할 수 있습니다.

WordPress에서 팀 페이지 만들기

그런 다음 Shortcode 블록을 워드프레스 페이지 편집기 영역에 추가하십시오.

워드 프레스 편집기에 단축 코드 위젯 추가

단축 코드 위젯을 추가 한 후 튜토리얼 앞부분에서 복사 한 단축 코드를 붙여 넣으십시오.

워드 프레스의 팀 페이지에 직원 코드 단축 코드 추가

그런 다음 페이지를 '게시'할 수 있습니다.

이제 페이지를 열어 직원 디렉토리가 어떻게 보이는지 볼 수 있습니다. 다음은 기본 스태프 멤버 세부 정보가있는 기본 Twenty 19 테마를 보는 방법입니다.

WordPress의 직원 멤버 목록 페이지 데모

목록에서 링크가없는 '프로필'옵션을 볼 수 있습니다. 다음 단계에서 링크를 추가하는 방법을 알려 드리겠습니다.

개인 직원 프로필 추가

지금까지 WordPress에서 모든 직원을 나열하는 간단한 팀 디렉토리를 만들었습니다.

다음 단계는 각 팀 구성원이 개별 직원 프로파일을 표시 할 단일 페이지를 작성하는 것입니다.

다음으로 가보겠습니다. 직원 목록»직원 템플릿 스탭 페이지 템플리트 아래의 '편집'옵션을 클릭하십시오.

다음 페이지에서 '단일 페이지 – 옵션'탭을 클릭하고 단일 페이지 단축 코드를 복사해야합니다.

직원 구성원 단일 페이지 단축 코드

이제이 단축 코드를 추가하려면 WordPress에 새 페이지를 만들어야합니다. 이동 페이지»새로 추가 워드프레스 패널에서 새 페이지를 새로 추가하십시오.

페이지 제목을 먼저 입력하십시오 (예 : 회원 프로필). 그런 다음 단축 코드 위젯을 워드프레스 페이지 편집기 영역에 추가하고 이전에 복사 한 단일 페이지 단축 코드를 붙여 넣으십시오.

직원 구성원 단일 페이지 단축 코드를 워드프레스 페이지에 추가하십시오.

그 후에 permalink 페이지를 사용자 정의해야합니다. 예쁜 링크를 작동 시키려면 중요합니다. 그런 다음이 단어 중 하나를 페이지 URL 슬러그로 추가해야합니다.

  • 바이오
  • 윤곽
  • 윤곽
  • 유황

오른쪽 사이드 바에서 '영구 링크'옵션을 열고이 단어 중 하나를 페이지 URL로 추가하십시오. 예를 들어 '프로필'을 선택합니다.

직원 Meember 단일 페이지 Permalink 설정

끝나면 페이지를 게시하십시오. 이제이 페이지 permalink를 복사하고 단일 페이지 옵션에 추가해야합니다.

로 돌아가서이 작업을 수행 할 수 있습니다. 직원 템플릿 옵션»단일 페이지 – 옵션. 일단 거기, permalink를 단 하나 페이지 URL 분야에서 풀칠하십시오.

직원 구성원 단일 페이지 URL을 템플릿 옵션에 추가

일단 완료되면 직원 템플릿을 업데이트하는 것을 잊지 마십시오.

그 후에 예쁜 퍼머 링크가 작동하도록 워드프레스 Permalink 설정을 새로 고침해야합니다. 이동 설정»퍼머 링크 이 페이지의 내용을 변경하지 않고 하단의 '변경 사항 저장'을 클릭하기 만하면됩니다.

워드프레스 Permalinks 설정

이제 직원 목록 페이지를 열어 프로필 링크가 추가되었는지 여부를 확인할 수 있습니다. 작동중인 경우 프로필 텍스트에 링크가 표시됩니다.

워드프레스 직원 프로필 페이지의 프로필 링크

링크를 클릭하면 팀 구성원의 프로필 페이지가 열립니다.

직원 프로필 WordPress의 단일 페이지

이 기사가 직원 디렉토리를 만들고 WordPress의 직원 프로필 페이지를 추가하는 데 도움이 되었길 바랍니다. 또한 WordPress에서 회사 조직도를 만드는 방법에 대한 가이드를 볼 수도 있습니다.

이 기사가 마음에 들면 YouTube 채널 용 워드프레스 비디오 자습서에 가입하십시오. 우리를 찾을 수도 있습니다. 지저귀다 그리고 페이스 북.

게시물 WordPress의 직원 디렉토리를 만드는 방법 (직원 프로필 포함)이 WPBeginner에서 처음 등장했습니다.

당신이 좋아할만한 글 작성자의 다른글

댓글을 남겨주세요