Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. WordPress
Webdesign

用WordPress制作一个单页网站

by
Length:LongLanguages:

Chinese (Simplified) (中文(简体)) translation by Fuhuan (you can also view the original English article)

一个单页网站是一个在线官网的好选择。它使你能够以简洁的方式分享关于你的业务的重要信息,让你的访客一目了然。

一个单页网站如此有吸引力的原因之一是因为他们会较多的利用视差效果来增加视觉吸引力。制作一个单页网站还有更多的关键优势:

为什么要制作一个单页网站(有视差效果)

这种类型的网站是任何企业主谁没有太多的时间来维护他们的网站或任何刚刚起步的新业务的绝佳选择。繁忙的自由职业者或设计机构也可以通过单页网站展示他们的业务。

最后,一个单页网站是完美的应用程序开发商或公司打算推出产品。由于一个网页通常会附带多个BANNER,因此在你准备好正式发布之前,这是构建你的电子邮件列表的好方法。

与WordPress常见的情况一样,不乏一个单页网站的美丽的视差效果。 从多用途主题到企业和组合主题,你可以找到适合你的行业和业务性质的单页主题。这里还有更多顶级的WP主题:

如何为你挑选一个单页网站主题

在这篇文章中,我们将向你展示如何使用这些WordPress主题来制作一个具有视差效果的单页网站。

你需要如何开始

我们来看看制作一个网页的步骤吧。在制作你的网站之前,你需要先做好几件事情。除了你将使用的主题外,你还需要购买域名和托管计划。 寻找一个很好的图像集与你的网站一起建议充分利用视差效应。现在,让我们开始吧:

1.购买域名

在此之前,你将需要一个新的网站域名。这是你的新网站域名。 如果你有公司名称,则明显的选择是将你的公司名称用作域名。但是如果你是一个自己做自己的名字的自由职业者,那么你的域名应该反映出来。

2.选择一个托管计划

确定域名后,下一步是购买你的托管计划。大多数托管公司将允许你在注册托管计划的同时购买域名。 实际上,其中大部分都会包含一年的免费域名。共享托管计划是一个很好的开始,如果你决定切换到多页面网站,你可以随时升级你的计划。

3.使用一个单页的WordPress主题

免费和收费的主题都可用于WordPress,但通常建议选择付费主题。一个优质的WordPress主题将包括来自主题开发者的专门支持,这意味着它将始终保持更新。

如果你需要主题设置方面的帮助,高级主题的开发者更可能及时地回复你。或者,你可以在购买时购买额外的主题支持。

对于本教程,我使用ThemeForest主题。这是一个单页的主题,有几个不同的演示版本:

The Ark WordPress theme with multiple layout options ready to use quickly
方舟WordPress的主题

最重要的是,它也是自适应的,所以你的网站将在各种屏幕尺寸上完美显示。它还包括一个页面生成器,可以让你从头制作一个完全独特的单页面网站布局,或者随心所欲地为你的网站轻松添加额外的部分。

The Ark WordPress theme
方舟WordPress主题可以让你快速制作一个网页

你可以浏览一个页面的主题,找到你喜欢的一个。当你找到符合你需求的主题时,请购买,然后将主题文件下载到电脑上。

The Ark one page WordPress theme comes with several demos
方舟WordPress的主题附带了几个演示。

4.编译你的内容和图像

我们最后一件事是内容和图像。虽然一个网页的内容确实是有限的,但是如果你已经预先准备好了内容,而不是临时提出来的内容,它仍然有所帮助。

你也应该花一些时间来收集你想使用的图片。这包括视差部分的背景图像,可以是工作区,员工,公司甚至是产品的照片。  如果你想为你的品牌添加更多的个人色彩,请不要忘记将过去客户的照片添加到推荐部分或团队成员的照片中。

入门

一旦你购买了主机方案以及域名和主题,现在是时候开始搭建你的网站。第一步是安装WordPress,然后是你的主题,以及任何需要的插件。

1.安装WordPress

你的托管公司会向你发送一封欢迎电子邮件,其中包含有关你托管计划的所有必要信息 打开电子邮件,记下你的cPanel的用户名和密码。 点击将立即转到cPanel登录页面的链接。输入提供的用户名和密码,然后你就可以安装WordPress了。

  1. 在cPanel中,查找网站安装程序或Fantastico安装程序或Softaculous安装程序。点击WordPress图标,然后点击安装按钮。  你将被要求提供用户名和密码,并选择安装WordPress的域名。
  2. 选择一个包含大写和小写字母以及数字和特殊符号的用户名和强密码。把用户名和密码写下来放在安全的地方。
  3. 再次单击安装按钮完成安装过程。

当WordPress安装完成后,你会看到一个通知屏幕,其中包含一个指向WordPress仪表板的链接。点击链接,然后输入你在安装过程中选择的用户名和密码。

2.安装你的WordPress主题

现在你已经登录到你的WordPress网站,点击外观>主题>添加新的。在加载的屏幕上,选择上传主题。

Installing your WordPress theme
快速安装你的WordPress主题。

点击按钮,选择你的主题文件压缩文件夹,然后点击上传。一旦主题安装,点击激活。

3.安装并激活所需的插件

在WordPress主题被激活后,会给你一个通知,它需要额外的插件来安装。要安装它们,请点击开始安装插件,选择所有插件,然后在下拉菜单中点击安装。

WordPress Plugins to Install
WordPress插件安装。

然后,到“ 插件”>“已安装的插件”,选择刚安装的所有插件,并从下拉菜单中选择“ 激活 ”。

Activate your WordPress Plugins
激活你的WordPress插件。

如何设置你的一个单页WordPress网站

现在你的WordPress主题已经被激活,并且已经安装了额外的插件,现在可以自定义主题来匹配你的网站并添加你的内容。设置单页网站的最简单方法之一是从预制布局开始。

值得庆幸的是,大多数优质的WordPress主题都有着已经配置好的几个布局,所以你只需要用自己的信息来替换就好了。对于本教程,我已经选择了主要的演示,因为它有大量的预制页面布局,包括有吸引力的一个页面布局。

一旦你选择的演示安装完毕,你就可以开始自定义主题并替换信息。

首先,点击设置>阅读>首页显示一个静态页面,并选择一个页面布局之一作为你的主页。然后为你的帖子页面选择所需的布局,然后保存设置。

要替换内容,导航到页面>所有页面,选择你的主页,然后单击编辑。

要自定义标题中使用的图像,点击你想要自定义的部分的编辑图标,然后选择框模型。 向下滚动到图像或视差部分,并用自己的图像替换图像。请记住使用不太分散注意力的图像,以便你的副本脱颖而出并传达关于你公司的信息。

Add your companys messaging
添加你的公司的消息到WordPress。

保持标题和正文的简短和重点,不要让文字太难以在图像上阅读。还可以自由修改颜色并调整此区域的边距和填充,以及自定义字体。

要编辑演示内容,请单击包含文本的部分,然后在Visual Editor中输入你自己的副本。只需要对每个需要编辑的部分重复这个过程。 在编辑部分时,单击element.style选项卡并在ID字段中输入带小写字母的ID。这将帮助你很快设置导航菜单。

Adding ID attributes to your WordPress theme
将ID属性添加到你的WordPress主题。
或者,你可以进一步自定义布局,或通过转到方舟>站点地图从头开始创建布局。

方舟子菜单还包括用于自定义页眉,页脚,侧边栏等的选项。

现在你已经用自己的内容替换了内容,让我们设置导航菜单。转至外观>菜单,然后从下拉列表中选择单页导航。勾选“ 显示位置”下的“ 主导航 ”旁边的框,然后单击“ 保存”。

Adding a menu to your one page WordPress theme setup
将菜单添加到你的一个页面WordPress主题设置。

单击“ 自定义URL”并在“URL”字段中输入在内容编辑过程中指定的所有部分的ID。点击更新菜单,导航全部设置。

在你的仪表板中,单击方舟>主题选项。  在此页面上,你可以更改要在网站上使用的标题,自定义颜色,添加自定义字体或选择Google字体。

Work with the WordPress theme Options panel
WordPress主题“选项”面板

请记住,你选择的颜色应该相互补充,但要确保使你的颜色从页面的其余部分突出。这将把你的行动按钮变成主要焦点。

如何添加额外的部分到你的一个网页

如果你需要添加更多的部件到你的一个页面的网站,你可以很容易做到这一点,通过转到你的页面,滚动到底部,点击图标添加一个部分,一行或任何其他元素。

Add sections to your one page website in your WordPress theme
在你的WordPress主题中快速添加部件到你的单页网站。

你还可以通过单击页面>添加新建>使用新建生成器并按照希望显示的方式添加部分来创建全新的布局。 新建布局也可以通过转到方舟>站点地图>默认页面布局按钮并单击底部的+号来创建。简单地说,给你的模板名称,点击保存,然后添加你想要的部分和元素。

Adding a new page layout to your WordPress theme setup
添加一个新的页面布局到你的WordPress主题

好了,你的一个单页网站搭建完成。现在,你已经学会了如何用WordPress主题制作一个网页,现在是时候开始吸引流量了。

你的网站生效后要做些什么

因为你的网站是新建的,这并不意味着人们会立即知道你的网站。第一步是更新你的社交媒体配置文件,并在配置文件部分添加一个链接到你的网站。

推广你的网站的另一个简单方法是在你的名片上加上链接,以及你可能拥有的任何其他方式,例如:信笺抬头,小册子或传单。你还可以在你的电子邮件签名中包含你的新网站,因为电子邮件目前仍然被广泛使用。

但是,最好的方法是定期发布新的高质量的内容。这不仅可以让你自己的内容分享到社交媒体上,而且还可以帮助你吸引流量进入你的网站,让人们可以更多地了解你所做的事情。

使用WordPress主题快速搭建一个单页网站

商业网站并不是必须包含多个页面才能传达有关你的产品或服务的信息。有时,单页网站足以激起目标受众的兴趣,并鼓励他们与你联系。 利用能够在单个页面上呈现你的信息,并使用我们的付费WordPress主题来为你制作一个新的单页网站吧。

Envato qr branded
关注我们的公众号
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.