如何在 WordPress 中制作员工目录(带有员工资料)

VPS1352主机测评网(www.vps1352.com)
本文链接:https://www.vps1352.com/how-to-create-an-employee-directory-with-employee/

您想在您的 WordPress 网站上创建员工目录吗?员工名录让您可以向您的团队成员介绍客户并通过展示您的业务人性化的一面来赢得信任.

经营在线业务的一个缺点是您的客户无法亲自了解您或您的团队成员.团队目录有助于弥合这一差距.

在本文中,我们将向您展示如何在 WordPress 中轻松添加员工目录,其中包含员工个人资料.

How to Make a Staff Member List in WordPress

在 WordPress 中创建员工目录(分步)

您需要做的第一件事是安装并激活员工列表插件.这是一个免费的 WordPress 团队目录插件.有关详细说明,请参阅有关如何安装 WordPress 插件的指南.

接下来,您需要转到员工列表»管理页面,然后单击"快速启动"选项卡.系统会要求您输入员工模板的名称,然后单击"创建记录"按钮.例如,您可以将其命名为"新员工模板".

Create New Staff Template

完成后,插件将创建一个员工模板并自动添加 3 名员工.

接下来,转到员工名单»员工模板从您的 WordPress 菜单预览您的新员工模板.您需要单击"编辑"链接来配置模板.

Edit Staff Template

您将看到模板选项,包括员工页面布局、单页布局、字段顺序、短代码等.

Template Options -Staff List WordPress Plugin

您可以查看模板选项以进行更改,也可以保留默认选项.

在其下方,您可以看到"输入字段"部分以自定义您的员工资料.

Staff List Field Options WordPress

正如您在上面的屏幕截图中看到的,默认情况下创建了 6 个输入字段.

  1. 姓名
  2. 职位
  3. 部门
  4. 电话
  5. 电子邮件链接文本
  6. 员工简介

您可以从"字段选项"中更改每个字段的标签、显示选项和样式.

添加员工以创建团队目录

既然您已经自定义了员工页面模板,您可以添加和自定义您的员工资料.转到员工名单»工作人员,您将看到插件已添加的 3 名工作人员.

您可以通过更改个人资料信息来自定义默认员工个人资料.单击"编辑"链接开始.

Edit Staff Member Profiles

从这里您可以为团队成员列表页面、个人资料页面和上传照片自定义员工数据."员工页面"选项显示 6 个输入字段,如上面的员工页面模板所示.您在此处输入的信息将显示在您的员工目录页面上.

Edit Staff Member List Page Data

接下来,您可以自定义"单页"内容.与员工页面一样,它默认也有 6 个输入字段.但是,它有一个文本字段来编写个人员工个人资料.

Edit Staff Member Single Page

您在此处输入的信息将显示在您的员工个人资料页面上.

接下来,您可以为员工页面和单个页面添加团队成员图像.您可以通过单击"选择图片"按钮快速添加会员的个人资料照片.

Add Images to Staff Member Data

最后,您可以看到"选项"选项卡,其中包括单页 SEO 选项.您可以为团队成员个人资料页面添加 URL slug 和页面标题.

SEO Options Staff Member Data

如果您将"漂亮"固定链接选项留空,那么您的员工个人资料页面将具有如下网址:http://example.com/profile/?smid=528.

您可以通过输入您的员工姓名并在其间插入一个破折号来使其成为一个漂亮的链接.例如,您可以使用 laura-taylor 这将使您的员工资料页面 URL:http://example.com/profile/laura-taylor.

不要忘记点击"更新"按钮来保存您的更改.

重复相同的过程以自定义所有团队成员个人资料.

如果您需要添加更多团队成员,您可以点击顶部的"添加新"按钮.

Add New Staff Member

首先,添加您的员工姓名.然后,从右侧边栏中选择您的员工模板,然后单击"保存草稿"以加载输入字段.

Choose Template for New Staff Member in WordPress

接下来,您可以看到相同的 6 个输入字段来创建团队成员个人资料.像以前一样添加必要的信息.

Add New Staff Member Data

完成后,不要忘记发布您的员工资料.

在 WordPress 中发布您的员工名单

现在您已经添加了所有员工资料,您可以在您的网站上发布您的员工列表了.

首先,您需要找到并复制您的员工页面模板的短代码.转到员工名单»员工模板,然后点击员工页面模板下方的"编辑"选项.然后,模板选项页面将打开.

单击"短代码"选项卡并复制员工页面短代码.

Staff List Page Shortcode

之后,您需要创建一个新页面来显示您的员工列表.转到 页面 »从您的 WordPress 管理面板添加新并为您的员工列表页面输入一个名称.例如,您可以将其命名为"我们的团队".

Create Our Team Page in WordPress

然后将 Shortcode 块添加到您的 WordPress 页面编辑器区域.

Add Shortcode Widget to WordPress Editor

添加短代码小部件后,粘贴您之前在教程中复制的短代码.

Add Staff Page Shortcode to Team Page in WordPress

然后,您可以"发布"页面.

现在您可以打开页面查看您的员工目录的外观.以下是它在带有默认员工详细信息的默认二十九主题中的外观.

Staff Member List Page Demo in WordPress

在列表中,您可以看到没有链接的"个人资料"选项.我们将在下一步中向您展示如何添加链接.

添加员工个人资料

到目前为止,我们已经在 WordPress 中创建了一个简单的团队目录,其中列出了所有员工.

下一部分是为每个团队成员创建一个页面,以显示个人员工资料.

让我们先去员工名单»员工模板,然后点击员工页面模板下方的"编辑"选项.

在下一页上,您需要单击"单页-选项"选项卡并复制单页简码.

Staff Member Single Page Shortcode

现在您需要在 WordPress 中创建一个新页面来添加此短代码.转到 页面 »从您的 WordPress 面板添加新以添加新页面.

首先输入您的页面标题 -例如,会员资料.然后,将短代码小部件添加到您的 WordPress 页面编辑器区域并粘贴您之前复制的单页面短代码.

Add Staff Member Single Page Shortcode to your WordPress Page

之后,您需要自定义您的页面永久链接.如果您想让漂亮的链接正常工作,这一点很重要,那么您需要确保将这些词之一添加为您的页面 URL slug.

  • 生物
  • 个人资料
  • 简介
  • 执行

打开右侧边栏中的"永久链接"选项,然后将这些词之一添加为您的页面 URL.例如,我们将选择"个人资料".

Staff Meember Single Page Permalink Setting

完成后,发布页面.现在您需要复制此页面永久链接并添加到单页选项.

您可以返回员工模板选项»单页 -选项.在那里,只需将固定链接粘贴到单页 URL 字段中.

Add Staff Member Single Page URL to your Template Options

完成后,不要忘记更新您的员工模板.

之后,您需要刷新您的 WordPress 永久链接设置以使漂亮的永久链接起作用.转到 设置 »永久链接,只需点击底部的"保存更改",无需更改此页面上的任何内容.

WordPress Permalinks Settings

现在您可以打开您的员工列表页面,查看是否添加了个人资料链接.如果它正常工作,那么您将看到配置文件文本有一个链接.

Profile Link on WordPress Staff Directory Page

您可以单击该链接,它将打开您团队成员的个人资料页面.

Staff Member Profile Single Page in WordPress

我们希望本文能帮助您在 WordPress 中创建员工目录并添加员工个人资料页面.您可能还想查看我们关于如何在 WordPress 中创建公司组织结构图的指南,以及我们对适用于小型企业的最佳人力资源薪资软件的比较.

2
订阅评论
提醒
0 评论
内联反馈
查看所有评论