如何在您的 WordPress 网站上创建职业页面

已发表: 2023-04-02

如果您拥有一个销售产品或服务的网站,您会喜欢有一个职业页面,不是吗? 职业页面在许多网站上以不同的名称显示,例如“加入我们”、“职位空缺”或“求职板”。 但是,无论名称如何,职业页面的目的主要是列出职位。

不用说,这些职位发布包含每个职位的相关详细信息。 除了这个主要部分,职业页面有时还包含其他信息,如组织价值观、福利和一个名为“为什么加入我们?

在这篇文章中,我将指导您如何在 WordPress 网站上创建职业页面。 所以,是的,如果您是 WordPress 用户,它就是专门为您准备的。 从这篇文章中,您将学到在 WP 网站上创建职业页面的最简单和最简单的技术。

在我带你进入这个过程之前,让我首先阐明在你的 WordPress 网站上创建职业页面的必要性或重要性。 事不宜迟,让我们切入正题……

内容隐藏
1为什么需要职业页面:
2如何在您的 WordPress 网站上创建职业页面:
2.1创建新页面:
2.2拖放 ElementsKit 导航菜单小部件:
2.3创建一个与团队成员打交道的新部分:
2.4为您的章节标题着色:
2.5创建津贴和福利部分:
2.6在上述部分下添加必要的列数:
2.7添加分频器开始新的部分:
2.8添加一个内部部分:
2.9创造工作机会部分:
2.10为您的章节标题着色:
2.11添加“立即申请”按钮:
2.12最终输出现场直播:
3轮到你了:

为什么需要职业页面:

每个企业都在寻找一种方法来增加和加倍其人力。 为此,他们倾向于在提高销售额和收入的同时聘用各种职位的候选人。 有一系列平台可以发布工作通告,包括工作门户、社交媒体渠道和您自己的网站。

当谈到在您自己的网站上发布职位空缺广告时,您可以通过职业页面来做到这一点。 现在,您可能想知道是否需要在您的网站上创建职业页面,对吗? 特别是,当您知道广告可以通过工作门户网站和社交媒体完成时。

让我列出一些您应该在您的网站上创建职业页面的关键原因 -

  • 在您的网站上吸引技术娴熟且合格的求职者
  • 扩大网站的整体流量
  • 立即向求职者介绍您的品牌
  • 通过避免第三方注册来简化招聘效率
  • 促进候选人筛选和入围流程

如何在您的 WordPress 网站上创建职业页面:

等待已经结束! 现在,我将向您展示如何在您的 WordPress 网站上创建职业页面。 为了创建职业页面,我将利用一个 WordPress 插件“ ElementsKit ”。 我将使用 ElementsKit 的原因是因为它允许顺利高效地创建职业页面。

让我们开始吧…

创建一个新页面:

首先,转到仪表板并导航到页面。 单击“添加新”移动到新页面。 然后,设置您的页面名称。 在本教程中,我将页面名称设置为“Career”。 将模板设置为“Elementor Full Width”。

最后,点击右上角的“发布”按钮发布页面。 然后,通过单击“使用 Elementor 编辑”按钮切换到 Elementor 窗口。

为您的职业页面命名 - 创建职业页面

拖放 ElementsKit 导航菜单小部件:

现在,开始创建您的职业页面。 一开始,从左上角区域的搜索栏中搜索 ElementsKit 导航菜单小部件。 然后,将小部件拖放到指定区域。 紧接着,一个菜单栏将出现。

您所要做的就是从左侧边栏中选择要显示的菜单项的菜单。 这里要注意的关键点是您必须使用名称创建菜单并预先从 WordPress 仪表板添加菜单项。 否则,您的菜单选项卡将不会显示。

ElementsKit 导航菜单小部件拖放 - 创建职业页面

按照以下顺序添加菜单选项卡:

仪表板>外观>菜单>菜单名称>自定义链接>保存菜单

完成后,继续从“内容”和“样式”部分编辑菜单栏区域。 确保按照与页面宽度的适当比例调整菜单选项卡的宽度。

创建一个与团队成员打交道的新部分:

下一项工作是添加一个与您的职业页面相关的新部分。 我将创建一个标题为“你对我们很重要”的部分。 本节将主要讨论团队成员对您的组织的价值和重要性。

是时候从搜索栏中寻找 ElementsKit 的标题小部件了。 找到后,将小部件拖放到指定区域。 然后,重命名部分标题。 就我而言,我将按照之前的决定将其重命名为“你对我们很重要”文本。

现在,导航到项目“ Title Description ”。 您所要做的就是打开“显示描述”开关并删除现有描述以添加您的标题描述。 默认情况下,分隔符将显示在标题下方。

如果你想从“分隔符”项目中删除它。 在这种情况下,关闭“显示分隔符”项。 除此之外,您还可以添加字幕。 如果需要,您可以从“样式”选项卡中对部分进行样式化。

为职业页面创建“你对我们很重要”部分

为您的章节标题着色:

为了更好看,请为您的部分标题添加醒目的颜色。 与描述颜色相比,红色可能看起来更好。

为您的部分标题着色 - 创建职业页面

创建津贴和福利部分:

现在,是时候创建下一个部分“ Perks & Benefits ”了。 为此,像以前一样再次拖放 ElementsKit 标题小部件。 将标题重命名为“ Perks & Benefits ”。 不要忘记进行任何必要的调整。

创建“津贴和福利”部分 - 创建职业页面

在上面的部分下添加必要的列数:

由于“ Perks & Benefits ”部分涉及组织提供的福利,因此您必须创建子部分以并排显示它们。 在这里,我将创建 3 列来显示津贴。

在第一列插入 1st Perk:

因此,将您的第一个福利添加到第一列。 为此,将 ElementsKit 标题小部件拖放到指定区域。 正确地为您的福利命名,然后添加您的职位描述。 从“分隔符”选项卡中删除分隔符,如果需要,从“样式”选项卡中为您的内容增添趣味。

插入第一个津贴

在第 2 列插入 2nd Perk:

接下来,将您的第二个津贴添加到第二列。 为此,请将 ElementsKit 标题小部件拖放到指定区域。 适当地为您的特权命名,然后添加您的标题描述。 从“分隔符”选项卡中删除分隔符,如果需要,从“样式”选项卡中使您的内容更加生动。

插入第二个津贴

在第 3 列插入第 3 个 Perk:

之后,将您的第三项福利添加到第三列。 将 ElementsKit 标题小部件拖放到指定区域即可。 完美地重命名您的特权标题,然后添加您的标题描述。 从“分隔符”选项卡中删除分隔符,如果需要,从“样式”选项卡中对内容进行样式化。

插入第三个津贴

添加分隔线以开始新部分:

现在,是时候继续下一节了。 为此,您需要添加一个分隔线,以便该部分平滑过渡。 页面部分也会看起来不错。

添加分隔线

添加一个内部部分:

是时候创建一个内部部分来展示您的工作机会了。 在本教程中,我将在职业页面上展示 2 个工作机会。

添加内部部分

插入您的第一份工作机会:

在本节中,我将首先处理 2 列内部部分。 因此,通过拖放 ElementsKit 标题小部件在第一列添加必要的详细信息。 像以前一样编辑您的内容文本,并根据需要对其进行样式化。

插入第一个工作机会

插入您的第二份工作机会:

接下来,通过再次拖放 ElementsKit Heading 小部件在第二列添加必要的详细信息。 像以前一样编辑您的内容文本,并根据需要对其进行样式化。

插入第二个工作机会

创建工作机会部分:

现在,您必须创建一个新部分,以在内部部分上方显示您当前的工作机会。 按照前面的方法添加新部分。

创造就业机会部分

为您的章节标题着色:

为了获得更好的外观,请为您的部分标题添加互补色。 与描述颜色相比,红色可能看起来更好。

为机会标题着色

添加“立即申请”按钮:

我们即将结束创建我们的职业页面。 但在您实时查看职业页面之前,添加一个“立即申请”按钮,让求职者申请您当前的工作机会。 进行必要的调整,如修改文本或按钮颜色和其他必要的东西。

添加“立即申请”按钮

最终输出现场直播:

这里是! 您的职业页面已准备就绪。 从下面的 gif 中,您可以实时查看职业页面。 如果您需要添加更多部分,您可以使用ElementsKit以相同的方式毫不费力地完成。

职业页面实时显示

轮到你了:

网站的职业页面在提供有关公司薪酬方案和职位空缺的详细信息方面起着至关重要的作用。 因此,优雅而诱人地设计您的职业页面是很重要的。 您的职业页面访问者在访问职业页面后应该有一种特殊的感觉。

使用ElementsKit ,您可以通过一个简单的过程来为您网站的求职页面增添趣味。 ElementsKit 拥有使职业页面栩栩如生所需的一切。 除此之外,您还可以使用大量预建模板来设计您网站的求职页面。

立即获取 ElementsKit