自己做网站需要什么软件_做网站用什么工具
要构建功能完善的网站,您需要保护域名(网址)和虚拟主机帐户。这两个确保您的网站可供其他人完全访问。没有一个或另一个,您将无法建立网站。
一、创办人一、WordPress一、WordPress二、Internet三种
文字出版社
完成指南后,您将拥有一个完整的在线网站,该网站使用自定义域名,并且可供其他人完全访问。
准备?让我们开始吧…
目录(启动网站的步骤):
选择一个域名要构建功能完善的网站,您需要保护域名(网址)和虚拟主机帐户。这两个确保您的网站可供其他人完全访问。没有一个或另一个,您将无法建立网站。
一旦拥有域名和托管,就可以创建一个WordPress网站。WordPress是最受欢迎的网站构建平台,Internet上所有网站的30%都在使用WordPress 。
设置WordPress网站通常是通过您的网络托管服务进行的简单一键式过程。
完成指南后,您将拥有一个完整的在线网站,该网站使用自定义域名,并且可供其他人完全访问。
准备?让我们开始吧…
目录(启动网站的步骤):
- 选择一个域名
- 注册域名并注册虚拟主机
- 使用WordPress设置网站(通过虚拟主机)
- 自定义您的网站设计和结构
- 添加重要页面和内容
- 设置导航菜单
- 添加在线商店(可选)
全面披露:本指南包含会员链接。如果您通过我们的引荐链接购买虚拟主机和/或域名,我们将获得佣金-您无需支付任何额外费用。谢谢您的支持。
如果您因使用本指南而无法建立网站,我们将通过此联系页面提供免费帮助。
步骤1:选择域名
为了建立一个网站,您首先需要的是域名。
域名是您的网站名称和地址。访问者尝试通过网络浏览器查找您的网站时会使用该地址。
该网站的域名是websitesetup.org。你可以是任何东西。
域名每年的费用从10美元到50美元不等。通常的价格在15美元左右。
如果您尚未为网站注册或选择域名,请参考以下提示以帮助您:
- 如果您要建立企业网站,则域名应与公司名称匹配。例如:YourCompanyName.com
- 如果您打算自己建立一个个人网站,那YourName.com 将是一个不错的选择。
- 使用“通用”域名的扩展名,例如.com,.net或者.org如果你的目标是国际游客。如果您的目标是针对国家/地区的访问者,请使用“本地”域名扩展名,例如.de,。.fr.ru
如果您的首选域名已被占用,请不要担心。已经注册了超过3亿个不同的域名,但还有十亿种其他可能性可用。
如果您还没有域名,则无需注册。
我将向您展示第一年如何免费获取域名(第2步):
步骤2:获取虚拟主机并注册域
除了拥有域名之外,您还需要网站托管(网络托管)。
Web托管是一项将您的网站文件(内容)托管并存储在始终运行的安全服务器上的服务。没有网络主机,其他人将无法访问您的网站。
新网站的价格合理且可靠的虚拟主机托管费用通常在每月3到10美元之间。少于一杯咖啡,但却是网站成功的重要投资。
与您注册的任何一家网络托管公司,请确保其具有以下功能:
- 带SSL的免费域名(出于安全性考虑)
- 一键安装WordPress(免费)
- 自定义电子邮件帐户
- 无限或不限带宽(无流量限制)
- 客户支持,最好是24/7在线聊天
如果您找到一个提供上述所有内容的网站托管服务,则您可能已经找到了一个不错的提供商。
我们建议将 Bluehost.com用于虚拟主机和域。他们提供第一年的免费域名注册,从同一家公司获得域名和托管可以为您节省时间和金钱。
Bluehost托管计划始于 $ 3.95 /月($ 2.75 /月,有我们的折扣链接),并提供了建立网站的所有基本功能。
1)要获得一个虚拟主机帐户,只需访问Bluehost并单击“立即开始”。
2)接下来,选择您的虚拟主机计划(选择plus完全不受限制,而basic最适合新站点):
3)接下来,选择并注册一个域名(第一年免费):
请记住,BlueHost的不提供针对具体国家的域名结尾,例如.de,.fr或.ru。如果需要它们,可以分别从Domain.com或GoDaddy.com 购买。
如果您已经拥有在其他地方购买的域名,则Bluehost允许您将其连接到新的托管计划。这里将需要一些其他步骤,例如更新名称服务器。这是 Bluehost提供的有关如何执行此操作的指南。
4)完成注册过程后,几分钟后即可立即访问,因此您可以立即开始构建网站。
准备好域名和虚拟主机后,就需要选择并安装网站构建平台(也称为CMS)。
我们建议选择WordPress,因为它易于使用,并附带成千上万的免费设计和附加组件,可让您的网站看起来专业而独特。
设置WordPress网站非常容易,您的网络托管商通常会为您完成此工作,因此您不必太费力。
如果您不将Bluehost用作网络托管,请不用担心。许多网络托管服务提供商都在托管cPanel中的某个位置安装了“ WordPress安装”。如果您要处理的网络主机不提供“ 一键安装 ”,请尝试手动设置WordPress 。
1)在Bluehost上安装WordPress网站
- 登录到您的Bluehost帐户
- 点击“我的网站”,然后点击“创建网站”
- 提供有关您网站的一些基本信息,然后将开始WordPress安装。这一切都将在自动驾驶仪上发生。
- 设置完成后,Bluehost将显示安装和登录详细信息。确保将此信息保存在安全的地方。
2)输入您的域名地址来测试您的网站
安装了WordPress之后,下一步应该测试是否一切正常。
最简单的方法是在网络浏览器中输入您的域名。
正确安装WordPress后,您将看到的是一个非常基本的网站,如下所示:
如果看起来不太吸引人,请放心,您将很快学习如何将设计更改为更具吸引力的产品。
3)验证SSL / HTTPS设置
简而言之,SSL证书可确保您的网站安全地交付给访问者。
创建新网站或安装WordPress时,Bluehost会自动添加SSL。要检查您网站的SSL状态,请执行以下步骤:
- 登录到您的Bluehost门户
- 点击“我的网站”
- 找到您的站点,然后单击“管理站点”
- 转到“安全性”标签
- 在“安全证书”下,您将找到“免费SSL证书”状态
如果一切顺利,您将在网络浏览器中的域名旁边看到一个锁定图标。
完全建立SSL可能需要几个小时,但这并不能阻止您继续构建网站。
步骤4:自定义您的网站设计和结构
随着您光秃秃的网站的活跃运转,现在是时候通过选择一个不错的设计,对其进行自定义并添加品牌元素,使其看起来更像您自己的网站了。
从...开始:
1)为您的网站选择一个主题
WordPress主题是开箱即用的设计软件包,可更改整个网站的外观。WordPress主题可以互换–您可以轻松地从一个主题切换到另一个主题。
最重要的是,网络上有成千上万的免费和付费WordPress主题。
如果您想获得一个免费的主题(大多数人都喜欢从那里开始),最好的去处是WordPress.org上的官方主题目录。特别是最流行的主题部分。
您在那看到的所有主题都被证明是高质量的,并且拥有庞大的用户基础。
您可以自由浏览该列表并选择您喜欢的任何主题,但在本指南中为您加快速度,我们建议使用Neve。这是一个通用主题,带有一些入门网站(针对不同细分市场和网站类型的设计包)。
我们将在本指南中继续使用该主题。
2)安装您喜欢的主题
转到您的WordPress管理界面。您可以在找到它YOURSITE.com/wp-admin。使用您在WordPress安装过程中获得的用户名和密码。
- 在边栏中,转到“主题→添加新内容”。
- 在搜索框中,键入“ Neve”,然后单击主题名称旁边的“安装”按钮:
- 安装完成后,单击“激活”按钮,该按钮将代替“安装”按钮出现。
- 您会看到一条成功消息,它告诉您安装已按预期进行。
3)导入设计(仅适用于Neve主题用户)
尽管此时该主题处于活动状态,但您还需要执行其他几项操作以使其看起来正确。
您会看到以下欢迎消息:
Neve的一大优点是您不仅可以得到一个设计,还可以选择各种各样的设计。单击蓝色的大按钮以查看它们。
有20多种免费设计可供选择,它们涵盖了大多数受欢迎的网站壁ni,例如商务,餐厅,健身,音乐,美食,婚礼,摄影,电子商务,投资组合等。基本上,无论您的网站主题是什么,您都将找到合适的设计包。
出于本指南的目的,我们将在列表中选择第一个-称为“原始”。
您会注意到,此安装过程将处理您站点上所需的所有元素-获得设计本身,使其正常工作所需的所有插件,以及演示内容,供以后修改。
点击“导入”按钮,一切正常。大约一分钟后,您将看到成功消息。
接下来,转到“外观→Neve选项”以查看该主题还可以做些什么。
我们将在下面探讨其中一些选项:
4)添加徽标
大多数用户要做的第一件事是上传徽标,并将其显示在网站的左上角。现在开始吧。
💡 您可以自己制作徽标。以下是一些您可以用来自己创建徽标的工具。
准备好徽标后,可以将其添加到您的站点。转到“外观→Neve选项”,然后单击标有“上传徽标”的链接。
这是您将看到的内容:
此界面称为WordPress Customizer,它允许您编辑网站外观的各个方面。对于初学者,您可以上传徽标。为此,请单击左上角附近的“选择徽标”按钮。
WordPress将为您提供裁剪徽标的选项,但是您可以跳过该步骤。
您应该很快会在页面的一角看到徽标。
此外,您可以选择是否要在徽标旁边显示站点名称和标语,并设置徽标的最大宽度。试用这些设置,然后选择最适合您的设置。
完成后单击“发布”按钮(左上角),然后单击“ X”按钮退出定制程序。
5)更改网站的配色方案和字体
您可以尝试的另一件事是更改网站上使用的配色方案和字体。当您学习如何创建网站时,这是一个简单的解决方法,可以使您的网站更加独特,并与您的品牌形象更加协调。
- 首先,再次转到“外观→Neve选项”。我们将重点关注以下两个选项:
- 首先,点击“设置颜色”。
- 大多数WordPress主题由它们用于设计的各种元素的配色方案定义。
- 最常见的是链接的颜色,网站上的文本和背景。
- 您可以通过定制程序更改Neve主题的颜色分配。
- 要切换任何一种颜色,只需单击它并选择一种新颜色。
- 完成后,单击“发布”和“ X”。
更改字体的工作原理类似:
- 单击“外观→Neve选项”面板中的“自定义字体”链接。
- Neve可让您从系统字体和Google字体的整个目录中进行选择。
- 只需单击“字体家族”框,然后选择所需的字体。
- 之后,您可以微调用于标题的各个字体。
尝试这些设置,以查看它们对您的网站的影响。
- 要自定义用于网站正文部分的字体,请单击左上方附近的箭头按钮。
- 点击“常规”。这将带您到类似的选项面板,但是这次您要调整主体字体。
- 完成后,单击“发布”和“ X”。
6)添加侧边栏
您可以在“外观→Neve选项”面板中做的另一件事是设置边栏的外观。单击“内容/边栏”开始。
您在此处有三个主要选项:无侧栏,左侧的侧栏或右侧的侧栏。右侧边栏是大多数网站的经典布局。您还可以设置内容宽度。进行更改后,单击“发布”和“ X”。
7)添加小部件(免费的WordPress附加组件)
窗口小部件是那些通常出现在网站侧栏中的小内容块。由于我们只是在上一步中设置了侧边栏,因此现在让我们使用小部件对其进行自定义。
要配置小部件,请转到“外观→小部件”。您会看到以下内容:
在左侧,您可以看到所有可用的小部件。在右侧,当前主题支持所有小部件区域。要将小部件添加到侧栏,您需要做的就是从左侧抓住小部件并将其拖放到侧栏区域。
例如,如果要在侧栏中列出所有页面,请抓住“页面”小部件并将其拖到侧栏部分。您还可以配置小部件的一些基本设置。
8)试用您建立的主题
上面介绍的内容足以让您了解如何创建一个醒目的原创网站,但还有许多可用的选项。
要查看所有内容,请转到“外观→自定义”。这将启动定制器的主界面及其所有设置和预设。
我们鼓励您浏览那里可用的内容,并尝试一些选项。您可能会偶然发现一些我们此处未讨论的自定义项。
步骤#5:将内容/页面添加到您的网站
页面是您网站的精华。很难想象一个网站上没有任何页面,对吗?
从技术角度来看,网页只是网络上的文档。它除了具有网站的品牌元素(如页眉和页脚)外,与传统的Word文档没有太大区别。
网页很容易在WordPress中创建。但是在开始使用方法之前,让我们先讨论您应该创建哪些页面。
大多数网站会发现以下页面必不可少:
- 主页 -这是访问者访问您的网站时看到的第一页
- 关于 页面 -解释您的网站内容的页面
- 联络 页面 -让访客与您联络的页面
- 博客 页面 –最新的博客文章列表;如果您不打算撰写博客,则可以将博客页面用作发布公司新闻和公告的地方
- 服务 页面 –如果您要建立的网站是企业网站,请使用此页面展示您的服务
- 商店 页面 –适用于希望开设电子商务商店的公司
上面的许多页面在结构上都非常相似-唯一的区别是实际页面上的内容。基本上,一旦您学习了如何创建一个页面,便会知道如何创建所有页面。有了这个,这里有一些细微差别,所以现在让我们介绍如何创建几个基本类型的页面:
1)建立首页
如果您使用的是Neve,则您的首页如下所示:
您可以编辑此页面的结构及其上的元素(所有文本和图像)。
为此,只需单击顶部栏中的“使用Elementor编辑”按钮。
您将看到的是Elementor页面构建器的界面。
Elementor是我们所谓的可视页面生成器。这意味着您可以单击页面上看到的任何元素,然后直接对其进行编辑。例如,如果要更改主标题,只需单击它并开始输入即可。
如果您看一下左侧边栏,那里会有一个完整的自定义面板。您可以调整任何内容块的结构和样式。例如,以下是您在标题上看到的内容:
另一个很酷的事情是,您可以抓住页面上的任何元素,并将其拖放到其他位置。
要添加新元素,请单击左上角的方形小图标。
您将看到所有可用内容块的列表。
抓住任何块并将其拖动到页面的画布上。
在主页上工作的最佳方法是逐块浏览并编辑页面上的演示内容。
输入新的文本内容,重新对齐一些块,删除不需要的块,并相应地添加新的块。
整个界面使用起来非常直观,因此只需花费一个小时左右的时间来使用它并尝试不同的事情。
2)创建诸如“关于”,“服务”,“联系方式”之类的页面
在WordPress中创建经典网页比在主页上工作更容易。进入“页面→添加新内容”。您会看到以下界面:
每个页面都需要一个标题,因此请在标题为“添加标题”的位置添加一个页面。例如,“关于我们”或“联系方式”。
接下来,选择页面布局。如果要创建标准页面,则可以使用列表中的第一个页面-“单行”。但是为了加快速度,您可以从模板库中进行选择。为此,请单击蓝色按钮。
您会看到一个窗口,可让您从一系列预制的页面部分中进行选择。例如,如果您在“ 关于”页面上工作,则可以快速找到并使用以下块:
只需单击所需块旁边的“插入”按钮,它将被添加到页面中。从那里,您可以进一步对其进行自定义,更改文本或替换图像。
完成后,单击屏幕右上角的“发布”按钮。
当您在联系页面或服务页面上工作时,也可以遵循相同的过程。
只需从模板库中选择不同的页面块即可。例如,这些在服务页面上应该可以很好地工作:
如果要手动添加新页面元素(而不使用模板),请单击编辑器界面左上角的“ +”图标。
您在其中选择的任何块都会添加到页面底部。这是一个新的段落块的外观:
如您所见,您可以自由地对其进行编辑,更改文本的属性以及右侧栏中的颜色设置。
与往常一样,完成后请记住单击“发布”。
3)创建博客页面
在博客页面上可以找到您最近的博客文章列表。
好消息是,已经为您创建了博客页面。这是在您安装WordPress和Neve主题时发生的。您可以转到“页面”来查看该页面:
单击“查看”链接以查看您的博客页面。
添加新的博客文章:
要添加新的博客文章,只需转到“文章→添加新文章”。
这个介面会让您想起什么吗?是的,这与我们创建标准页面时使用的编辑环境相同。简单!
步骤#6:设置导航菜单
创建了一系列美观的页面之后,我们寻求创建网站的下一步就是设置导航(网站菜单)。菜单是访问者用来在您的网站上逐页浏览的菜单。
转到“外观→菜单”,然后从此处单击“创建新菜单”。
以下是逐步创建第一个菜单的方法:
- 首先添加标题。菜单标题并不重要,但是可以帮助您识别其他菜单中的菜单(是的,您可以有多个菜单)。
- 选择要添加到菜单中的页面。您还可以将其他项目添加到菜单中,例如帖子或自定义链接。
- 单击“添加到菜单”按钮,将所选页面添加到菜单中。
- 拖放菜单项以按重要性顺序排列链接。
- 选择菜单显示位置。这因主题而异,在这种情况下,将菜单设置为“主要”位置将在标题中显示菜单。
- 最后,保存您的菜单。
在此阶段,您会在主页上看到所有菜单的荣耀。
步骤#7:添加在线商店/电子商务
我们在本指南中要做的最后一件事是建立自己的在线商店。
如果您希望在新创建的网站上添加在线商店,请按照此处的分步教程进行操作。
显然,这并不是所有网站都需要的东西,因此,如果您不想让电子商务成为自己的目标,请随时跳过此步骤。
WordPress电子商务如何运作
WordPress是一个如此多功能的网站平台,它可以让您建立功能全面的电子商务在线商店也就不足为奇了。通过功能全面,我们意味着您可以列出任何数量的产品,将其出售,然后还可以从客户那里收取订单,甚至可以处理整个过程中与税收和运输相关的所有元素。
这全部通过名为WooCommerce的插件完成。
WooCommerce是WordPress最受欢迎,功能最全,最好的最佳电子商务解决方案。
💡 我们有一个完整的单独指南,介绍如何在您的WordPress网站上运行WooCommerce。我们邀请您跳过那里,阅读详细的安装方法。请执行步骤3和4,然后返回此处。
…好的,在站点上安装了WooCommerce并在目录中添加了产品之后,您会注意到,在此过程中,WooCommerce自动创建了新页面。这些页面是:
- “购物车” –您商店的购物车
- “结帐” –客户可以在其中完成购买的结帐页面
- “我的帐户” –每个客户的个人资料;保存过去的订单,当前的详细信息和其他个人信息;客户可以随时编辑他们的信息
- “商店” /“产品” –主要商店页面–列出您的产品的页面
这些页面中的每一个都为您的商店及其功能提供了特定的用途。好消息是,如今大多数主题都经过了优化,以使这些页面看起来正确。Neve主题没有什么不同。如果您访问这些新页面中的任何一个,您将看到演示文稿很清楚并且所有内容都易于掌握。这是购物车页面的示例:
除此之外,所有这些页面的工作方式都与WordPress网站上的任何其他页面一样。这意味着您可以编辑它们,添加自己的元素或更改颜色,布局等,但是在执行此操作时,请注意不要擦除已经存在的WooCommerce短代码。
您还会在网站的主菜单上看到一个新的购物车图标。
在此阶段,您的电子商务商店已全面运营。这意味着您的顾客可以进来购物。您将在WordPress管理区域的“ WooCommerce→订单”下看到他们的订单。
以上是 自己做网站需要什么软件_做网站用什么工具 的全部内容, 来源链接: utcz.com/wiki/669616.html