切换菜单

如何在 WordPress 上创建员工目录 – 您的第一个 Beaver 主题项目

已发表: 2018-03-23

Beaver Builder 产品 25% 折扣!快点促销结束...精益更多!

dynamic-staff-directory
  • 海狸主题

如何在 WordPress 上创建员工目录 – 您的第一个 Beaver 主题项目

我最喜欢的网页设计播客之一是 ShopTalk 节目。经常出现的一个问题是:“学习网页设计的最佳方法是什么?”答案总是选择一个你感兴趣的主题并开始构建一些东西。实践学习是无可替代的。在这篇文章中,Hashim 介绍了使用 Beaver Themer 和 Page Builder 构建员工目录的过程。对于任何想要了解如何使用 Beaver Themer 的人来说,这是一个很棒的入门项目!

Beaver Themer 物有所值吗?

我首先购买了该插件来控制页眉和页脚。直到后来我才开始尝试“主题部分”和条件设置。之后,我对使用 Beaver Themer 构建高级网站的可能性感到震惊。我成为 Beaver Builders Facebook 群组中的怪人,认为该工具价格过低且被低估。

那么,您如何才能亲自掌握 Themer 的功能呢?了解 Beaver Themer 全部功能的最佳方法是创建一个小项目来测试该插件的性能。

通过在一个测试项目中体验 Beaver Themer 的大部分功能,您可以开始了解如何将该工具合并到您的工作流程中。之后,您将充满信心地处理更复杂的网站,因为您知道您可以使用 Beaver Themer 等无代码工具。

你是游戏吗?如果是,则启动 Wordpress,然后按照以下步骤操作。

#1.选择兼容的主题

许多流行的、编码良好的主题都可以与 Beaver Themer 配合使用。您可以在这里找到其中一些的列表。

您依赖主题提供的大多数功能(例如可自定义的页眉和页脚)都可以使用 Beaver Themer 来实现。因此,不必为选择主题而烦恼。选择列表中第一个你觉得不错的,就可以了。

2.选择自定义帖子类型/字段生成器

当您仅在 Wordpress 开箱即用的“帖子”和“页面”字段上使用 Beaver Themer 的字段连接功能时,它的字段连接功能非常强大。但当你将它与自定义帖子类型插件一起使用时,事情真的变得疯狂。

自定义帖子类型将 Wordpress 从博客工具转变为 CMS。它们是超越博客和小册子网站的高级 WordPress 项目的构建块。

最适合 Themer 的三个插件选项是高级自定义字段、工具集和 Pod。我个人最喜欢的是 Toolset,但老实说,这三个工具都可以完成工作。

3. 可选:选择一个分机

如果 Beaver 没有您想要的开箱即用模块,请考虑使用第三方扩展。

我最常用的一些扩展在 Wordpress 插件目录中是免费的。例如,我是令人惊叹的 Beaver Cards 插件的重度用户。

现在您已经选择了堆栈,让我们构建您的第一个项目!

您的第一个海狸主题项目:动态员工目录

员工目录是客户的常见请求。通过使用 Beaver Themer,您可以通过向客户的员工目录添加动态的上下文内容和布局来真正给客户留下深刻的印象。

员工目录也是一个很好的项目,可以用来熟悉 Beaver Themer 的所有功能。如果您按照以下步骤操作,您将在一个下午内成为 Beaver Themer 专业人士。

创建一个简单的员工目录

  1. 安装 Beaver Builder、Beaver Themer、兼容主题、自定义帖子类型插件。要完成此项目,可以选择使用 Beaver Builder 扩展。
  2. 使用为您的员工档案创建自定义帖子类型。如果这是您第一次使用以下教程之一:ACF 教程/Pods 教程/工具集教程
  3. 创建自定义字段:
    1. “生物”
    2. “姓名”
    3. “职称”
    4. 不要为“爆头照片”创建一个字段。为此,请使用内置的特色图像字段。
  4. 创建 7 人的员工档案。
  5. 将其中 3 个帖子标记为“执行团队”,将其中两个帖子标记为“销售团队”

现在您已经有了一个简单目录的骨架。任何客户都会很乐意向您的代理机构支付费用,以便将其放在他们的网站上。

现在,让我们让您的客户大吃一惊,并使用 Beaver Themer 来增强此目录。

创建动态员工目录

首先,使用 Beaver Themer 为个人员工档案和员工目录存档创建模板。请参阅此处的说明。

接下来,使用字段连接从自定义字段中提取内容并对其进行布局。

现在,庆幸一下自己吧——在设计两个单独页面的时间里,您已经创建了两个主题模板,这些模板将在 8 个现有页面以及未来任意数量的页面中使用!

好的,现在使用 Beaver Themer 为“领导力”类别的存档创建一个模板。

在此模板上,使三位高管的照片看起来与您在主存档页面上设计的不同。也许照片应该更大,或者标题应该采用不同的字体。考虑将主档案设计为仅显示照片和链接,而执行档案则显示完整的简历。疯狂吧——按照您认为合适的方式设计。

最后,使用 Beaver Themer 创建“销售”类别的主题部分。

在销售人员页面上,在标题下创建一行,宣布公司正在招聘更多销售人员。

瞧!您的客户现在拥有一个美观、动态、易于更新的员工名录。您使用 Beaver Themer 构建了它 - 不需要任何一行自定义代码。

在此过程中,您学习了如何为单个帖子和档案创建模板,以及如何向目标页面添加动态行。

下次当您收到客户的一组要求或为自己构思一个网站创意时,请考虑如何将计划转变为一组由 Beaver Themer 提供支持的自定义帖子类型和动态主题模板。

问题 – 你的 Beaver 主题堆栈

如果您有使用 Beaver Themer 的经验,请分享 – 您使用什么来构建网站?您喜欢的主题、自定义帖子类型插件和 Beaver Builder 附加组件是什么?

关于哈希姆·沃伦

Hashim Warren 是北卡罗来纳州格林斯博罗的营销策略师。他帮助住宅建筑商在 Hook & Target 找到更多、更大的工作岗位。

8 条评论

  1. 标记于 2018 年 3 月 28 日凌晨 3:45

    视频或演示网站确实会使本教程成为一个很棒的教程 - 不过感谢您所做的出色工作



  2. 汤姆·阮 (Tom Nguyen)于 2018 年 5 月 1 日晚上 8:35

    我同意马克的建议。



  3. 四月威尔20​​18 年 5 月 17 日下午 5:09

    我同意汤姆的评论。



  4. 辛迪·威科夫2018 年 6 月 30 日晚上 9:34

    我也同意。我想看看完成的项目应该是什么样子。



  5. 格里·金2018 年 11 月 12 日凌晨 4:11

    嗨哈希姆,很好的教程,谢谢。这个过程可以用来建立一个企业目录,访问者可以根据邮政编码标准搜索企业吗?包含一张显示目录中所有企业位置的地图有多困难?



  6. 杰夫·布朗2019 年 1 月 13 日上午 11:12

    我有兴趣为我所在地区的当地艺术组织的企业创建地理目录……您有相关建议或教程吗?



    • 罗比·麦卡洛2019 年 1 月 13 日下午 5:44

      好问题。主题肯定能够帮助设计您的网站。不过,我不熟悉任何地理目录插件,抱歉!您可以探索使用 Pod 来创建自定义帖子类型。这可能是一个很好的起点……



  7. 瑞安2019 年 5 月 8 日晚上 7:46

    谢谢哈希姆,我真的很受启发。我使用 Ultimate Member 一段时间了,它给我带来了很多问题。我期待着扩展我的 BB 技能,这对我来说是一个很好的项目。



我们的时事通讯

我们的时事通讯是亲自撰写的,大约每月发送一次。这一点也不烦人,也不是垃圾邮件。
我们保证。

加入时事通讯

立即尝试 Beaver Builder

Beaver Builder