小工具      在线工具  汉语词典  dos游戏  css  js  c++  java

如何在WordPress中创建员工目录(带有员工资料)

java,大数据,wordpress,python,web 额外说明

收录于:15天前

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

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

One downside of running an 网上业务 is that your customers don’t get to know you or your team members personally. A team directory helps bridge that gap.

经营网上业务一个缺点是您的客户不了解您或您的团队成员本人。 团队目录有助于弥合这一差距。

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

在本文中,我们将向您展示如何使用单个员工个人资料轻松在 WordPress 中添加员工目录。

How to Make a Staff Member List in WordPress
在WordPress中创建人员目录(逐步) Creating a Staff Directory in WordPress (Step by Step)

First thing you need to do is install and activate 员工名单 plugin. It is a free WordPress team directory plugin. For detailed instructions, see our guide on 如何安装 WordPress 插件.

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

Next, you need to go to the 员工名单 » 管理员 page from your dashboard menu and click the ‘Quick Start’ tab. You will be asked to enter a name for your staff template and click the ‘Create Records’ button. For example, you can name it ‘New Staff Template.’

接下来,您需要从信息中心菜单转到“ 人员列表»管理员”页面,然后单击“快速入门”选项卡。 系统将要求您输入人员模板的名称,然后单击“创建记录”按钮。 例如,您可以将其命名为“新员工模板”。

Create New Staff Template

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

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

Next, go to 员工名单 » 员工模板 from your WordPress menu to preview your new staff template. You need to click on the ‘Edit’ link to configure the template.

接下来,从WordPress菜单转到“ 人员名单»人员模板》以预览新的人员模板。 您需要单击“编辑”链接来配置模板。

Edit Staff Template

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

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

Template Options - Staff List WordPress Plugin

您可以查看模板选项以进行更改或仅保留默认选项。

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

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

在其下方,您可以看到“输入字段”部分来自定义员工资料。

Staff List Field Options WordPress

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

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

  1. Name

    名称
  2. Position

    位置
  3. Department

    部门
  4. Phone

    电话
  5. Email Link Text

    电子邮件链接文字
  6. Staff Profile

    职员简介

您可以从“字段选项”更改每个字段的标签、显示选项和样式。

您可以从“字段选项”更改每个字段的标签、显示选项和样式。

添加员工以创建团队目录 Add Staff Members to Make a Team Directory

Now that you have customized your staff page template, you can add and customize your staff member profiles. Go to 员工名单 » 员工名单, and you will see the 3 staff members already added by the plugin.

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

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

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

Edit Staff Member Profiles

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

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

Edit Staff Member List Page Data

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

接下来,您可以自定义“单页”内容。与员工页面一样,它默认也有 6 个输入字段。但是,它有一个文本字段用于写入个人员工数据。

Edit Staff Member Single Page

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

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

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

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

Add Images to Staff Member Data

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

最后,您可以看到“选项”选项卡,其中包含单页 SEO 选项。您可以将 URL 段和页面标题添加到团队成员个人资料页面。

SEO Options Staff Member Data

如果您将“漂亮”永久链接选项留空,那么您的员工个人资料页面将具有如下 URL:http://example.com/profile/?smid=528。

如果您将“漂亮”永久链接选项留空,您的员工个人资料页面将具有以下 URL:http://example.com/profile/?smid=528。

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

您可以通过输入中间带有破折号的员工姓名来使其成为一个不错的链接。例如,您可以使用 laura-taylor,它会为您的员工个人资料页面 URL:http://example.com/profile/laura-taylor。

不要忘记单击“更新”按钮来保存您的更改。

不要忘记单击“更新”按钮来保存更改。

重复相同的过程来自定义所有团队成员的配置文件。

重复相同的过程来自定义所有团队成员的配置文件。

如果您需要添加更多团队成员,可以单击顶部的“添加新成员”按钮。

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

Add New Staff Member

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

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

Choose Template for New Staff Member in WordPress

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

接下来,您可以看到相同的 6 个输入字段来创建团队成员配置文件。像以前一样添加必要的信息。

Add New Staff Member Data

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

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

在WordPress中发布您的员工名单 Publish Your Staff Member List in WordPress

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

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

First, you need to find and copy your staff page template’s shortcode. Go to 员工名单 » 员工模板 and click ‘Edit’ option below your staff page template. Then, the Template Options page will open.

首先,您需要查找并复制工作人员页面模板的简码。 转到人员名单 » 人员模板 ,然后单击人员页面模板下方的“编辑”选项。 然后,将打开“模板选项”页面。

单击“短代码”选项卡并复制员工页面短代码。

单击“短代码”选项卡并复制人员页面短代码。

Staff List Page Shortcode

After that, you need to create a new page to display your staff member list. Go to 页面 » 添加新内容 from your WordPress admin panel and enter a name for your staff list page. For example, you can name it ‘Our Team.’

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

Create Our Team Page in WordPress

然后将简码块添加到您的 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

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

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

添加个人员工资料 Adding Individual Staff Member Profiles

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

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

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

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

Let’s start by going to 员工名单 » 员工模板 and click ‘Edit’ option below your staff page template.

首先,进入“ 员工名单»»员工模板 ,然后点击“职员”页面模板下方的“编辑”选项。

在下一页上,您需要单击“单页 - 选项”选项卡并复制单页短代码。

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

Staff Member Single Page Shortcode

Now you need to create a new page in WordPress to add this shortcode. Go to 页面 » 添加新内容 from your WordPress panel to add new a new page.

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

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

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

Add Staff Member Single Page Shortcode to your WordPress Page

After that, you need to customize your page permalink. It’s important if you want the pretty links to work, then you need to make sure that you add one of these words as your page 网址段.

之后,您需要自定义页面永久链接。 如果要使漂亮的链接有效,这一点很重要,那么您需要确保添加以下单词之一作为页面网址段

  • bio

    生物
  • profile

    个人资料
  • profil

    概况
  • perfil

    Perfil

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

打开右侧边栏中的“永久链接”选项,然后添加以下单词之一作为您的页面网址。例如,我们将选择“个人资料”。

Staff Meember Single Page Permalink Setting

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

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

You can do this by going back to 员工模板选项 » 单页 - 选项. Once there, simply paste the permalink in the Single Page URL field.

您可以通过返回员工模板选项 » 单页 - 选项来做到这一点。 到达那里后,只需将永久链接粘贴到“单页URL”字段中。

Add Staff Member Single Page URL to your Template Options

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

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

After that, you need to refresh your WordPress Permalink settings to make the pretty permalinks work. Go to 设置 » 固定链接 and simply click ‘Save Changes’ at the bottom without changing anything on this page.

之后,您需要刷新WordPress永久链接设置,以使漂亮的永久链接正常工作。 转到设置 » 固定链接 ,只需单击底部的“保存更改”,而不更改此页面上的任何内容。

WordPress Permalinks Settings

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

您现在可以打开员工列表页面,查看是否已添加个人资料链接。如果没问题,您将看到“个人资料”文本有一个链接。

Profile Link on WordPress Staff Directory Page

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

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

Staff Member Profile Single Page in WordPress

We hope this article helped you create a staff directory and add employee profile pages in WordPress. You may also want to see our guide on 如何在 WordPress 中创建公司组织结构图.

我们希望本文能帮助您创建人员目录并在WordPress中添加人员资料页面。 您可能还想查看有关如何在 WordPress 中创建公司组织结构图指南。

If you liked this article, then please subscribe to our YouTube 频道 for WordPress video tutorials. You can also find us on 推特 and Facebook.

如果您喜欢这篇文章,请订阅我们的YouTube 频道 WordPress视频教程。 您也可以在推特Facebook上找到我们。

翻译自: https://www.wpbeginner.com/plugins/how-to-create-a-simple-staff-list-in-wordpress/

. . .

相关推荐

额外说明

@DateTimeFormat 和 @JsonFormat 注解详解

这一篇文章足以让你对Java当中Date时间上的理解更上一层楼,本篇文章主要通过代码的形式来进行试验,彻彻底底搞明白日期传参,以及日期返回参数的格式相关问题,每一个步骤都会记得特别详细! 本篇文章主要针对以下三点,来进行代码试验: 不使用这两个注解,前端

额外说明

微信小程序之位置信息权限获取和设置界面权限显示

小程序提交审核和发布后,多种机型使用起来发现了一个问题,在小程序设置中没有显示具体的权限信息。如下图所示 当考虑到用户使用小程序时,若缺少对应权限,按照官方案例讲的方式是进行自动导航跳转“设置”页面,让用户手动开启,但此时设置界面啥都没有,会导致一个“死

额外说明

synchronize锁知识点

synchronize (偏向锁)markword 记录线程ID; (自旋锁)线程争用升级到自旋锁; (重量级锁)10次自旋后升级为重量级锁; 执行时间短(加锁代码),线程数量少,使用自旋锁。 执行时间长,线程数量多。使用系统锁重量级锁。 synchro

额外说明

VC++计算文件和文件夹的大小(附源码)

VC++常用功能开发汇总(专栏文章列表,欢迎订阅,持续更新...)https://blog.csdn.net/chenlycly/article/details/124272585C++软件异常排查从入门到精通系列教程(专栏文章列表,欢迎订阅,持续更新.

额外说明

[Ext JS6] ViewControllers-视图控制器

文章目录 应用层级控制器 - Application-level Controllers 视图控制器 - ViewControllers 监听器 listeners 引用 - Reference 监听和事件域知识 Ext JS 加入了ViewModels

额外说明

大数据学习笔记48:Flume Sources(Flume源)

文章目录 一、Flume Sources用户指南 二、NetCat TCP Source (一)用户指南网址 (二)利用Source组件接收NetCat数据 1、在slave1节点上安装NetCat 2、在master节点上flume配置目录创建sour

额外说明

Android学习笔记(三)android studio中CheckBox自定义样式(更换复选框左侧的勾选图像)

复选框CheckBox 在android体系中,CompoundButton类是抽象的复合按钮,因为是抽象类,所有不能直接使用。而在实际的开发过程中用的是CompoundButton类的几个派生类,主要有复选框CheckBox、单选按钮RadioButt

额外说明

HashMap的长度是2的幂次方??

我们都知道HashMap的长度是2的幂次方,为什么呢? 这里就不得不说设计人的脑洞、思维真的太厉害了! 首先我们知道HashMap的数据结构是:数组+链表   (小小的补充: hashmap就是数据  + 链表 (key,value,next,hash值

额外说明

Windows系统mmcbase.dll文件丢失找不到的解决办法

其实很多用户玩单机游戏或者安装软件的时候就出现过这种问题,如果是新手第一时间会认为是软件或游戏出错了,其实并不是这样,其主要原因就是你电脑系统的该dll文件丢失了或没有安装一些系统软件平台所需要的动态链接库,这时你可以下载这个mmcbase.dll文件(

额外说明

linkedin 分享_如何在WordPress中添加官方LinkedIn共享按钮

领英分享 Do you want to add the official LinkedIn share button in WordPress? There are many 社交媒体插件 that let you add share buttons,

ads via 小工具