如何创建一个网站[终极指南]

创建您的 网站乍一看似乎很难和复杂. 因为互联网上充满了不同的指南和手册，致力于这个特定的主题, 关于如何创建网站，有些人可能会被错误解读的信息所迷惑或误导. 然而，创建你的网站是一个快速和超级容易的任务，如果你使用 网站建设者 如TemplateToaster或即用型 网站模板.

1. 如何选择网站平台
2. CMS有哪些优点?
3. 选择域和托管
4. 如何获得域名和托管
5. 如何创建一个网站使用 WordPress
6. 如何创建一个网站使用 Joomla
7. 如何创建一个网站使用 Drupal
8. 结论

亲爱的读者，我有一个问题要问你! 你还不厌倦那些狗屁文章吗 如何建立一个网站? 你不觉得它们没用，不够详细吗?

节省时间，金钱和精力，因为你建立网站与现成的主题. templatemmonster数字市场 为拥有超过26,600个现成的不同类型的主题而自豪吗. 这取决于您为未来的网络资源选择的网络平台, 你可以在不到一周的时间内推出它. 想知道? 查看指南!

---

现在官方! templatemmonster已成为一个数字市场

在Templateog体育首页市场找到如何成为一名作家.

阅读更多

---

我查看了很多关于这个主题的文章和网站建设者的评论，当手册本身看起来不错的时候，我发现它非常烦人, 但是遗漏了一些重要的细节. 它看起来是这样的:你看一下你的管理面板, 然后查看手册中的截图, 又在你的管理面板, 出了什么问题.

这就是我们决定为你写这篇文章的原因. 是时候少说废话了，这个互联网需要一个英雄. 打起精神，我们准备了 如何建立一个网站的终极指南 为你从零开始!

关掉你正在看的电视节目或电影, 你待会儿要看完《宋飞正传, 是时候创建你的网站了!

我们要起飞了，请坐，这将是一段漫长而激动人心的旅程!

---

选择网站平台

每当有人从头开始创建网站时，你可能会听到一个“CMS”的缩写. 本节将向您详细解释CMS是什么以及应该如何使用该工具. 如果你已经有了这些基本知识，你可以跳过这一节，继续往下走.

CMS代表“内容管理系统”. 这些系统的主要目的是帮助您添加, 删除, 并管理您的网站上的内容，而无需触及一行代码. 所以基本上CMS通常包括所有需要的脚本来控制你的网站内容，并将其传递给你的网站访问者.

有很多不同的内容管理系统, 但在这篇文章中, 我们将使用最成功和最强大的. 这些都是:

• WordPress
• Joomla
• Drupal

我们收集了所需的信息，并使您能够查看控制管理系统之间的力量的当前相关性.

正如你可能已经注意到的，WordPress覆盖了互联网上一半以上的网站. 数以百万计的web开发人员选择WP作为他们的首选最佳网站构建软件.

第一名和第二名的差距是巨大的，对吧? Joomla和Drupal保持着第二名和第三名的位置，它们的数字虽小但令人骄傲:分别是10%和9%. 让我们看看为什么web开发人员选择WordPress以及为什么它比其他CMS更好.

---

CMS有哪些优点?

你们中的一些人可能会说WordPress只是关于博客网站和杂志. 这是一个常见的错误，但现在这个平台为您提供了更多的功能和利润.

你可以用 WordPress开始一个博客，杂志，电子商务商店，登录页面和投资组合，你可以做任何事情. 这个CMS足够灵活，可以启动任何规模和复杂性的项目. WordPress可以作为一个最好的电子商务网站建设者来创建一个网络商店.

例如，很多大型项目都是用WordPress构建的， 《纽约客》, 品种, BBC美国, 《og体育首页》杂志等.

这些大品牌的功劳可以很容易地解释为WordPress的多功能和简单性. 无论你是想为你的公司建立一个网站，还是只是为你自己建立一个小博客，发布关于你今天早餐有多好吃的新闻，这都无关紧要, WP可以很好地解决所有问题.

以下是WP的主要优势:

• 易于使用

就我个人而言，我会说‘放轻松!’是一个非官方的WordPress口号，它激励了CMS的开发人员构建这样一个伟大的产品. 你不需要500页的书来学习如何使用这个CMS, CMS本身将指导您完成安装过程, 这太酷了?

然后你就可以通过管理面板添加插件来添加你喜欢的功能. 它们中的每一个都可以在几次点击中配置，并在眨眼之间在您的网站上运行.

• WordPress网站看起来棒极了

这很简单，真的很漂亮. 如果你不相信我，可以看看我们的产品目录 高级WordPress主题 你就会明白我在说什么了.

• 真正响应和移动友好

一旦你安装了WordPress，并在你新创建的网站上启动它，你就可以了

不必担心你的网站在移动设备上的外观. 如今，WP主题的主要部分是用所有最新标准构建的，以便通过移动设备以最有效的方式向受众传达您的内容.

只要看看我们最畅销的演示，看看它们在智能手机或平板电脑上的效果, 它们是专门为满足您的跨平台期望而设计的.

这些是关键的好处，应该感兴趣的你，如果你是一个新手，你正试图选择正确的CMS. 当然, WordPress中还有很多其他的专业人士, 但我们不希望这篇文章都是关于这些, 让我们继续.

另一方面, Joomla和Drupal在web开发人员中不太受欢迎, 但他们仍然拥有自己的市场份额和粉丝.

我有意将Joomla和Drupal放在一个章节中，它们与WordPress相比有非常相似的缺点.

这些系统最大的问题是复杂性. 这只是很难与他们合作，你需要有一个更先进的水平和知识，能够建立一个功能齐全，好看的网站.

但仍, 它们排在前三名是有原因的, 这就是为什么我们决定为您提供不止一个，而是三个指南. 是的，没错，我们将向您展示如何使用这三个平台中的任何一个创建网站.

为了您的方便, 您可以根据您的技能和知识来决定哪种CMS最适合您，然后转到特定部分. 建一个网站要花多少钱? 接下来，我会尽我所能告诉你一切!

---

选择域和主机

每个网站都需要一个域名和主机. 这就像你网站的家，每个人都需要一个家，对吧?

我们不会告诉你在WordPress上托管的可能性.免费，我们是认真的人，对吧? 使用WordPress的子域名.Com会让你的网站看起来不专业，这不是我们想要做的.

互联网上有很多托管服务提供商 价格从低到低不等 高得离谱.

就我个人而言，我建议您考虑两家托管提供商，例如:

Bluehost

这些家伙会给你机会以3- 6美元的价格获得托管服务, 相信我, 这是一笔好交易. 最好的部分是他们有很棒的服务器，而且价格也很便宜, 他们将为您提供良好的客户服务体验. 这是非常重要的，每个人都在运行自己的网站，有一个良好的关系，与托管提供商.

我们建议你看看BlueHost和InMotion的报价，然后选择最适合你的. 对于本文, 我们将向您展示如何注册BlueHost并在他们的服务器上托管网站.

域名应该明智地选择.

有3个关键的事情要记住，而选择一个域名为您的网站:

1. 你未来网站的URL是访问者看到的第一件事. 一个出色的域名会给人留下深刻而持久的印象.
2. 域名应该与您的品牌名称相同或尽可能接近. 这将极大地提高你的品牌认知度.
3. 保持简单. 没有人想要记住域名. 如果它是类似于“来自芝加哥1259的薄脆披萨”的东西.拜托，你会下地狱的，我的朋友.

---

如何获得域名和主机

我们该停止空谈，开始行动了. 我做了一个循序渐进的指南，教你如何开始使用BlueHost. 它会给你提供一些基本知识，帮助你与InMotion托管提供商合作，因为这两个平台上的过程非常相似.

1. 首先，打开 BlueHost主页.

你会注意到他们在标题中宣传他们最受欢迎的定价计划，并为你列出了所有的好处.

一个好消息您将从他们那里获得免费的24/7客户服务.

非常好的消息:您将获得一个免费域名 .Com区一年! 那不是很棒吗??

让我们点击Get Started Now按钮并继续.

你会注意到他们提供了3种不同的定价方案. 为你, 作为初学者, 基本的计划会很好地工作, 它允许你托管一个网站，并给你50GB的网站空间. 它会满足你所有的需要，我向你保证.

所以一旦你点击基本计划下的“选择”按钮, 您将被重定向到您可以为您未来的网站选择域名的页面. 域名将由BlueHost完全免费提供给您.

你可以输入任何你想要的域名，如果这个域名已经被别人注册了, BlueHost会让你知道，甚至提供一些可供选择的名称. 举个例子，我决定用“我的网站”.com”. 当然, 我知道这样一个域名已经有人用了, 但是主机提供商给我提供了其他选择.

所以我决定使用“mywebsitedirectory”.这听起来不太吸引人，但这只是一个例子. 我已经在前面的一节中向您解释了如何正确选择域名.

现在是你填写所有个人资料的时候了，包括你的名字, 姓, 国家, 城市等.

在帐户信息块下面，您将注意到包裹和支付信息块. 在这里，您可以确认您想要使用的玩法并选择术语.

我想我不应该向您解释如何输入您的信用卡信息，对吧?

一旦你支付了账户费用, 您将被重定向到BlueHost控制面板，它将看起来像这样.

我最喜欢BlueHost的一点是，他们只需点击几下就可以为你安装WordPress. 您不必将包含文件的文件夹移动到FTP上, 他们会为你做任何事.

您只需要填写一般信息，如网站标题, 管理员用户名, 电子邮件地址. 一旦你输入了所有的信息, 完成了, 点击“安装WordPress”按钮就可以了... 为你安装，真是惊喜，对吧?

---

如何使用WordPress创建网站

安装WordPress时, 您可以访问位于以下链接的WordPress管理面板: yourwebsite.com/wp-admin/.

你应该使用你在安装WordPress时通过BlueHost管理面板选择的凭证(你在那里输入的用户名和密码).

WordPress管理面板(也被称为“仪表板”)看起来是这样的. 您将看到左侧的所有部分，右侧的窗口将显示您可以使用的所有设置.

首先，我们需要改变主题. 这里是templatemmonster, 我们提供了很多好看的WordPress主题, 因此，请随意选择适合您需求的产品. 在本文中，我决定使用Monstroid 2主题. 原因很简单:《og体育首存活动》是一个多用途主题, 所以它通常适用于很多网站主题.

我要用怪物2的默认皮肤为数字代理创建一个网站，因为那是我最喜欢的一个. 但是这里有更好的地方:你可以从10多个皮肤中选择，我们的网页设计师正在努力使这个数字更大. 这就是为什么《og体育首存活动》适用于许多网站和公司.

为了改变WordPress主题, 你应该去“外观”，然后点击“主题”菜单选项.

它会将您重定向到列出所有已安装主题的页面, 但我们对那些不感兴趣, 他们看起来很无聊!

为了安装一个新的主题, 你应该点击“添加新主题”按钮并上传你想要使用的模板. 正如我已经提到的，我将上传怪物2.

安装过程结束后, 您应该点击“激活”按钮来应用更改，并将新主题设置为您网站的默认主题.

一旦它被激活，WordPress管理员将在模板区域上方显示提示. 你会看到它提供给你安装“TM向导”，这是一个非常好的提示, 你应该这么做, 您将看到这个工具有多有用.

TM向导将为您提供启动皮肤安装过程, 只需点击“开始安装”按钮，然后继续.

该向导将检查您的所有系统设置是否正常，并在出现问题时通知您. 当你看到一切都是绿色的时候，点击Next按钮继续.

这将带您到所有可用皮肤的列表. 这就是你应该决定哪种皮肤最适合你的需要的地方. 正如我已经提到的, 我会选择默认的, 所以我只需点击“默认”皮肤附近的“选择皮肤”按钮.

这里有两个选项:您可以选择完整或精简安装选项. 如果你的主机上没有太多的网站空间，可以使用Lite. 因此，通过选择Lite安装选项，您同意获得更少的博客文章和其他演示数据.

如果您选择了BlueHost, 你不用担心, 只需要继续使用完全安装选项, 它会很适合你的.

现在安装向导将下载并安装所有需要的插件.

以便安装演示数据, 您应该同意您希望示例数据取代您网站上的现有数据. 基本上, 这个警告是为了防止你在你的网站上安装这个主题，你有很多旧的内容. 这就像一个触发器，让你有一个转折点，并保存你的数据.

因为我的WordPress网站是新的，它没有任何数据, 我不在乎我的职位是否会被取代, 所以我同意并选择“替换我现有的内容与演示内容”选项.

如果你不输入管理员密码，WordPress将无法执行这样的技巧. 这是因为这些重要的决定应该得到你的确认，你应该在进一步做出决定之前确认你的资历. 这对我来说不是问题，所以我就在这里再次输入我的密码.

现在可能需要一些时间, 我们的向导将为您导入所有的样本数据，并将确保您的网站看起来很棒，并根据需要操作.

一切都安装好之后, 你会得到一个网站，将看起来完全像我们的演示单位, 您将在那里导入所有数据. 我认为是时候开始定制流程了.

让我们转到仪表板并开始编辑主页.

为了做到这一点，你需要访问“页面”部分并选择“主页”页.

您将被重定向到带有Power网站构建器的页面. 这是我最喜欢的工具，它可以帮助你定制你的网站，只需在网站制作器中移动块和内容. 我相信在我之前的一篇文章中我很清楚我有多喜欢这个网站创建者, 所以我很高兴《og体育首存活动》包含了能量生成器. 截至今天，我相信这是小企业最好的网站建设者，没有开玩笑!

我从我们网站的标题部分删除了滑动条，并决定在顶部使用一个图像. 一旦你删除了滑动条本身, 您需要单击“插入模块”按钮，并从模块列表中选择“图像”模块.

现在我们的主页是这样的. 这只是个开始，让我们更深入地动手吧.

我决定把logo改成我在photoshop里为我的数字代理公司准备的那个. 为了更新logo, 你应该点击你的网站的顶部面板上的“定制”按钮. 附加菜单将在浏览器窗口的左侧打开.

Just click on the ‘General Site settings’ > ‘Logo & 并上传你想要使用的标志，而不是通用的怪物2的标志.

而滚动我的新创建的网站与演示数据, 我注意到我将不需要“GPL3许可证优势”块, 所以我去了Power builder选项卡，删除了这个.

我也不喜欢“购买主题”按钮. 这个按钮吸引眼球，并号召人们采取行动. 这就是为什么我要将按钮符号改为" Order a story ", 这将为我的数字机构完美地工作. 这将使我们的客户有机会订购网站内容或任何其他服务，就在这里和现在. 哦，我非常喜欢Call-To-Action按钮……

为了执行此更改，您应该转到“Header”菜单选项.

然后点击“Header Elements”.

改变Call-To-Action按钮的文本，然后点击Save & 发布按钮.

由于我们正在处理标题，因此让我们更改菜单项.

我将创建菜单项，将我的客户端带到以下页面:

• 首页。
• 我们是谁
• 我们所做的
• 投资组合
• 联系人

我认为这些页面会给我的客户所有需要的信息，关于我的公司和为什么他们应该与我们合作.

In order to add these menu items I had to go to the ‘Menus’ > ‘Main’ 和 删除 all the existing menu items. 然后我添加了我需要的所有菜单项，并将它们链接到我在“页面”部分的仪表板上创建的页面.

现在我们的菜单是这样的. 正如你所看到的，我们已经改变了我们的主页的方式，一旦我们的客户打开它.

让我们改变图片后面的介绍性文字. 为了做到这一点, 我们应该回到Power builder，打开Text模块的设置, 就在“图像”模块之后.

在那里我们可以填写关于我们公司的信息，并向我们的客户解释我们是谁，我们做什么. 我想告诉客户，我们只是提供好的内容，值得一试, 没有必要再写一篇5页长的关于我们公司历史的文章.

在Monstroid 2的默认皮肤中有一个块，其中列出了模板的主要优点.

我们将使用这个区块来宣传我们的3个主要服务:

• 演讲写作
• 内容营销
• 创建网站内容

让我们转到Power builder并滚动到具有3个“BLURB”模块的模块. 我们可以通过点击右侧的设置图标来编辑每个模块的内容.

你可以为每个服务选择标题、正文和图标，这很简单.

我已经编辑了所有三个模块，现在它看起来像这样在前面.

如果您打开Power构建器，您将看到在我们的主页上有两个类似的行.

它们都包括“文本”模块，但它位于页面的不同侧面. 我决定去掉第二个，只留下第一个. 因为我把上面的“Services”块移得更靠近介绍文本, 现在我有两个灰色背景的块，看起来不太好.

我将改变这个块的背景和图像. 我将背景设置为白色，并添加一张更适合我的网站的图片.

我决定让我们的客户知道，我们负责总统筹款活动中的一场演讲.

现在它是这样的.

还有一个带有Projects展示的块. 我相信我们的网站上需要这个, 所以我将把图片改为我们创建内容的网站的示例.

我们去找能量建造者, 点击“项目”模块附近的选项按钮，我们会看到所有这些项目都来自“项目”类别.

所以我们需要去“项目”类别在左侧的仪表板和改变每一个项目或只是简单地删除旧的，并添加新的.

这是非常简单的，看起来像普通的博客文章编辑页面. 特征图像可以在右侧更改，正文位于中间.

在我改变了项目的信息后，它看起来像这样在前面.

我决定将推荐模块移到项目模块之上. 这在Power构建器中很容易做到, 您可以通过使用拖放操作移动模块来重新排序模块.

现在它们在项目的上方, 但是正如你所看到的，我们需要修改推荐书以适应我的公司.

为了做到这一点，你必须去WordPress仪表板中的“推荐”部分并更改每个推荐. 基本上，看起来你是在编辑文章.

我刚把推荐信里的公司名字改了, 因为我的公司不是真的, 但你必须加上你自己的真实客户的评价.

现在唯一的问题是这里的“代表你的员工”的头衔，由于某种原因，我想把它改成更合适的标志.

我们去找能量建造者, 选择“樱桃感言”模块，并输入我们想要看到的文本.

我不想在我的页脚上有所有这些小部件，所以我将它们删除. 我们可以回到“自定义”菜单，选择“Widgets”选项.

只需删除该区域的所有小部件，然后单击“保存” & 发布”按钮.

您可以在下面看到我们工作的最终结果. 我相信它看起来很棒，我不会说与《og体育首存活动》合作很困难. 你可以在一天左右建立一个工作和好看的网站.

---

如何使用Joomla创建网站

Joomla CMS的安装过程会有点棘手. 这是因为并非所有的主机提供商都提供Joomla的一键安装过程. 因此，您需要自己将文件移动到FTP上，并自己创建数据库.

但是不要害怕, 这并不难, 我将向您展示所有内容并逐步引导您完成安装.

首先，您需要下载最新的Joomla包. 你可以在 Joomla官方网站 因为Joomla是一个免费的开源项目.

下载了最新的Joomla包之后, 您应该解包并将文件移动到我们的BlueHost FTP. 这就是访问FTP文件夹的方式.

只需点击BlueHost控制面板中的“文件管理器”按钮.

然后点击“首页。 Directory”选项并提交您的请求.

这将把您带到根文件夹，您应该在这里上传Joomla包.

为了安装任何CMS，你需要有数据库，让我们为您的网站创建一个. BlueHost甚至为每个人制作了一个如何创建数据库的视频教程, 我建议你去看看.

现在我们可以开始做网站了. 在此之前，我建议您查看我们的高级Joomla模板，并为您未来的网站选择一个.

这种方法的优点之一是模板附带了一个所谓的“快速启动包”，这是一个惊人的功能.

这是一个Joomla包，有我们预安装的模板，为了得到一个好看的网站与所有的演示数据，你只需要同意样本数据的安装. 那很容易.

我决定向您展示如何使用我们最好的模板:Jumerix来使用Joomla. 这是一个多用途的模板，有一些主页布局和许多预先设计的解决方案.

让我们开始工作吧! 我将创建一个网站，为我的数字机构以及在这里. 我相信创建相同主题的网站, 但在不同的CMS上会让你了解它在每个CMS上有多好.

一旦您移动了FTP上的所有内容并为您的Joomla网站创建了数据库, 您可以继续安装. 打开您的网站，您将被重定向到Joomla CMS的安装页面.

在这里填写一般信息:管理员名、电子邮件和密码. 你也可以选择从一开始就关闭你的网站. 这意味着，当你在你的网站工作，没有人会有机会看到它未完成. 如果他们打开它, 他们将看到消息，告诉他们网站目前正在重建中.

下一步包括填写数据库信息、主机地址等.

In the last step you should choose the ‘Install sample data’ > ‘sample_theme3311’ in order to get all the demo data installed automatically.

关于Joomla安装过程的一个有趣的事情:它总是要求你从你的网站上删除“installation”文件夹. 在旧版本中，您必须自己去FTP并删除它, 但现在你只需点击“删除安装文件夹”按钮，CMS就会为你做.

这就是Jumerix主页的样子. 这个模板也有更多的主页布局, 但我决定用这个, 因为它符合我的数字代理需求.

基本上所有的更改都是在Joomla CMS的管理员面板中执行的. 您可以通过以下链接登录:mywebsite.com/administrator/. 在这里，您必须填写在安装过程中输入的数据.

这就是Joomla仪表盘的样子. 所有的菜单都位于顶部面板上，所有的设置将出现在下面的窗口区域.

当然，标准的滑块图像不适合我的公司, 我来改变一下文字和图片.

Go to ‘Content’ > ‘Articles’ 和 filter the articles by the ‘Slider’ category. 您将在滑块中看到使用的3篇文章. 每篇文章包括文字和图片.

让我们在“图像和链接”选项卡上更改标题和图片.

可以在第一个“内容”选项卡上更改幻灯片文本.

现在看起来是这样的. 您可以用同样的方法编辑其余的幻灯片.

现在我们需要更改logo，设置一个有我们代理名称的logo, 它和我在WordPress教程中使用的是一样的. let’s click on the ‘Extensions’ > ‘Templates’ > ‘Styles’.

单击“theme3311-Default”样式，您将被重定向到设置页面. 这就是可以更改徽标的地方.

现在是时候更改“我们提供什么”栏，并在那里添加适当的信息. All the 6 items in that block are articles 和 you can change them by going to the ‘Content’ > ‘Articles’ 和 filtering them by the ‘What we offer’ category.

我不需要所有6个项目，所以我将取消其中3个，留下其他3个.

每一项都可以像普通文章一样编辑, 你可以把标题和正文放在这里.

当你想要改变图标时，它会变得有点棘手. 为了更改每个项目的图标，您需要转到“图像和链接”选项卡，并更改“标题”字段中的图标代码.

我相信每个人现在都有一个明显的问题:我们在哪里可以得到图标代码?

这些是 很棒的字体图标 . 你可以在官方的Awesome Font网站上查看他们庞大的图标库，选择一个你喜欢的和一个适合你网站主题的图标. 一旦你点击图标，你将能够获得图标代码.

例如:

现在我们需要更改“What we offer”块的介绍性文本. 为了做到这一点 we need to go to the ‘Extensions’ > ‘Modules’ 和 search for the ‘What we offer’ modules.

您将拥有一个具有相同名称的模块列表. 我们需要的是列表上的最后一个，位于“导航”位置的那个.

一旦你开始编辑它，你会在页面底部看到“借口”字段. 在这里，您应该输入想要显示的文本，而不是演示文本.

我已经将文本更改为我公司的文本，现在它看起来是这样的.

现在是时候取消发布我们不想在页面上看到的块了. 首先，让我们禁用“灵活定价”模块.

Just go to the ‘Extensions’ > ‘Modules’ 和 unpublish both of them.

现在让我们关闭其余不必要的模块，就像我们对定价块所做的那样.

demo中有一个block，我想稍微改变一下. 我会用Photoshop修改Macbook上的图片，然后重新上传. 我还将通过管理面板更改文本.

Let’s go to the ‘Content’ > ‘Articles’ 和 search for the ‘You 和 your business look ravishing’ article.

找到它后，可以根据需要随意编辑它.

但是这张照片并没有出现在文章中, 我们需要找显示视差效果图片的模块.

Go to the ‘Extensions’ > ‘Modules’ 和 look for the ‘首页。 parallax’ module that is located on the ‘showcase’ position.

打开它，上传你想在那里看到的照片. 确保图片是a .PNG格式，并有一个透明的背景，否则它会看起来非常糟糕.

现在让我们稍微改变一下显示我们公司如何工作的文本的模块. Go to the ‘Extensions’ > ‘Modules’ 和 search for the ‘How we work’ module. 有几个模块有相同的名称. 你需要打开“none”位置的那个.

如您所见，该模块链接到同名的文章. 只需点击“编辑”按钮，你就可以从那里编辑文章.

正如你所注意到的，顶部菜单面板和页脚都有背景图像，但到目前为止，它并不是很适合这种风格.

我决定顶部面板应该是黑色的，底部应该是深灰色的.

我们可以在 template.css Jumerix模板文件. 进入FTP服务器上包含模板的文件夹，并打开“template”.“css”文件夹下的“css”文件.

寻找“#top”id并评论或删除背景图片. 然后添加下面一行:

background - color: # 000000;

现在顶板看起来是这样的. 我觉得它看起来很恶心!

你可以用同样的方法改变页脚的颜色. 寻找“#copyright-top”id，并评论或删除背景图片线.

然后添加下面一行:

background - color: # 1 a1b1d;

现在看起来是这样的.

最后要做的是更改主菜单. 这很简单, just go to the ‘Menus’ > ‘Main Menu’ 和 add the links to the pages you want to display. 对我来说，这些都和我之前的教程一样.

这是最终的结果:

---

如何使用Drupal创建网站

不久前，我发表了一篇关于如何建立WordPress网站的文章. 我很惊讶地看到一个读者的评论，问我们是否考虑为Drupal主题发布同样的教程. 如你所知, 很明显，我们应该在今天的大文章中回顾一下Drupal主题定制.

安装过程简单快捷, 如你所见, Drupal不想从一开始就把您吓跑. 一切看起来都精致而方便.

一旦您填写了数据库名称, 用户名和密码, 不要忘记打开“高级设置”并输入数据库主机. 这是您可以从Bluehost控制面板中获取的主机地址. Drupal通常将此字段值设置为' localhost '作为默认值.

一旦你给Drupal提供了所有的信息，比如你未来网站的名字, 管理员用户名, 密码及电邮地址, 安装过程结束. 您将被重定向到您新创建的网站的主页. 它将有一个通用的默认Drupal主题，所以我们还没有完成. 让我们把我们美丽的主题，并正确地安装它，这很容易!

为了安装一个新的主题，你应该去“外观”. 您将被重定向到包含可用主题列表的页面. 点击“安装新主题”，选择我们的主题的压缩包.

一旦你将新主题设置为默认主题，你会看到你的主页现在看起来不一样了. 它现在有一个新的标志，配色方案是不同的. 但它看起来不像演示? 这是因为我们必须再执行一个步骤来完成我们的主题安装过程.

现在我们需要我们的网站有演示数据安装. 为了做到这一点，我们需要到phpMyAdmin面板，你会看到这样一个页面.

让我们点击drupal数据库(每个人都有不同的名字), 这将把您带到包含数据库中所有可用表的页面. 但我们不需要这些，我们需要导入一些数据.

点击“导入”选项卡，选择文件。.

现在我们要选择 .从带有主题的包中获取SQL文件.

让我们回到你的网站，登录到管理面板，点击链接:mywebsite.com/user/.

一旦你安装了我们的主题，用户名和密码将被设置为默认值:

用户名:管理

密码:管理123

稍后您可以更改此设置或通过管理面板创建新用户，所以不用担心.

我们可以通过更改应用到您的网站结构的变化, adding or removing the block in the ‘Structure’ - > ‘Blocks’ admin panel section.

我决定删除带有联系信息的顶部面板，并将“关注我们”部分移动到“菜单”面板.

现在看起来是这样的. 我觉得它看起来很可爱?

现在看起来很明显，我们需要改变滑块背景，因为这张照片不适合我的公司.

为了做到这一点, you should go to the ‘Appearance’ - > ‘Settings’ - > ‘Region settings’.

点击“选择媒体”并上传您的照片.

现在看起来好多了，因为它符合我未来网站的主题. 我想是时候改变滑动条中的文本了.

为了做到这一点 you may go to the ‘Structure’- > ‘Blocks’ 和 click on the ‘configure’ button right by the ‘Header block’ row.

一旦我们输入了所有的数据，我们的滑块开始看起来像这样.

既然我们正在处理网站的标题部分，现在是时候处理我们的菜单了. You can do it by going to the admin panel 和 clicking on the ‘Structure’ - > Menus.

我们将看到菜单项的列表, 我决定删除“文档”菜单项，并将“关于我们”项重命名为“我们是谁”，将“服务”项重命名为“为什么我们”。.

我们已经调整了滑块、菜单和社交链接，现在是时候上传新logo了. 我决定保留相同的配色方案，所以我们的新logo会有绿色元素.

我们需要改变项目，以适应我的数字代理主题. 您可以很容易地在主页上更改每个项目. 只需打开项目并单击“编辑”选项卡.

我填好了 title, 描述 上传照片.

然后我对我的数字代理公司的所有其他项目都做了同样的事情，所以现在看起来是这样的.

正如您所看到的，介绍文本只适合演示主题，让我们对其进行更改. 它甚至更简单，您只需将鼠标悬停在此块上并单击编辑按钮. 填写您需要的数据.

我们还需要核心功能模块, 这是展示公司主要服务的好方法.

我决定为我的数字代理公司宣传三个核心功能, 内容营销和创建网站内容.

你可以通过进入“内容”并编辑“服务”类别中的文章来更改功能的外观.

我不希望我们的网站有最新的新闻块, so I’m gonna go to the ‘Structure’ - > ‘Blocks‘ 和 disable all the blocks I don’t want to see on our website.

Now let’s go to the ‘Appearance’ - > ‘Settings’ - > ‘Region Settings’ 和 change the footer image. 它是可选的, 但我有一张我很想看的照片, 所以我决定好好利用它.

这是最终的结果:

---

结论

让我们通过总结我们收集到的信息来结束今天的教程.

• 使用WordPress. 如果你想建立一个任何复杂的网站，一个巨大的商店或一个 一个小博客，一个登陆页面，或者一本杂志, 你可以使用WordPress，你会对这个CMS提供的大量优秀功能感到非常满意. 它非常容易使用，也很容易理解，学习如何从头开始制作一个网站.

有很多 高级WordPress主题 在互联网上，这样你就不必担心如何让你的网站脱颖而出.

使用Joomla和Drupal可能不会让你那么开心, 但它们当然也有其优点. Joomla更复杂一些, Drupal非常复杂, 因此，在为您的网站选择合适的CMS时，请记住这一点.

水池 Drupal主题 和 Joomla高级模板 是因为更少的用户喜欢这些平台吗. 然而，你总是可以找到一些现成的解决方案.

我们为你创建了这篇广泛的文章，我们希望它能帮助你做一个没有任何问题的WordPress网站.

我们将保持本指南的更新，我们想让你知道，你可以在下面的评论中提出你的问题 如何创建一个WordPress网站 我们会尽力帮助你解决你可能遇到的问题.

只要保持冷静，创建伟大的网站!