csdn是什么平台_CSDN是干什么的

csdn是什么平台_CSDN是干什么的如何创建一个网站?初学者的分步指南在2020年,任何人都可以在不了解Web开发,设计或编码的情况下建立和设计网站。无论您是想为自己还是为企业创建网站,都可以使用正确

如何创建一个网站?初学者的分步指南   在2020年,任何人都可以在不了解Web开发,设计或编码的情况下建立和设计网站。   无论您是想为自己还是为企业创建网站,都可以使用正确的工具和资源轻松地做到这一点。   本分步指南将帮助您从头开始创建网站,而不必花钱给自由职业者,代理商或网站建设者。   您只需要1-2小时的空闲时间即可完成指南并建立网站。   建立网站所需的一切   域名(您的自定义网址,www.YourSite.com)   网站托管(托管您的网站的服务)   WordPress(免费的常用网站平台)   要构建功能完善的网站,您需要保护域名(网址)和虚拟主机帐户。这两个确保您的网站可供其他人完全访问。没有一个或另一个,您将无法建立网站。   一旦拥有域名和托管,就可以创建一个WordPress网站。WordPress是最受欢迎的网站构建平台,Internet上所有网站的30%都在使用WordPress 。   设置WordPress网站通常是通过您的网络托管服务进行的简单一键式过程。   完成指南后,您将拥有一个完整的在线网站(文章较长,请耐心阅读),该网站使用自定义域名,并且可供其他人完全访问。   准备好了吗?让我们开始吧…   阿里云服务器优惠活动及详细教程:syunz.com/act/aliyun   腾讯云服务器优惠活动及详细教程:syunz.com/act/qcloud   目录(启动网站的步骤):   1.选择一个域名   2.注册域名并注册虚拟主机   3.使用WordPress设置网站(通过虚拟主机)   4.自定义您的网站设计和结构   5.添加重要页面和内容   6.设置导航菜单   7.添加在线商店(可选)   全面披露:本指南包含会员链接。如果您通过我们的引荐链接购买虚拟主机或域名,我们将获得佣金——您无需支付任何额外费用。谢谢你的支持。   步骤1:选择域名   为了建立一个网站,您首先需要的是域名。   域名是您的网站名称和地址。访问者尝试通过网络浏览器查找您的网站时会使用该地址。   该网站的域名是websitesetup.org。你可以是任何东西。   域名每年的费用从几块钱到几十几百不等。通常的价格在五十左右。   如果您尚未为网站注册或选择域名,请参考以下提示以帮助您:   如果您要建立企业网站,则域名应与公司名称匹配。例如:YourCompanyName.com   如果您打算自己建立一个个人网站,那YourName.com 将是一个不错的选择。   使用“通用”域名的扩展名,例如.com,.net或者.org如果你的目标是国际游客。如果您的目标是针对国家/地区的访问者,请使用“本地”域名扩展名,例如.cn   如果您的首选域名已被占用,请不要担心。虽然已经注册了超过3亿个不同的域名,但还有十亿种其他可能性域名可用。   如果您还没有域名,则无需注册。   我将向您展示第一年如何免费域名(第2步):   步骤2:虚拟主机并注册域名   除了拥有域名之外,您还需要网站托管(网络托管)。   Web托管是一项将您的网站文件(内容)托管并存储在始终运行的安全服务器上的服务。没有网络主机,其他人将无法访问您的网站。   新网站的价格合理且可靠的虚拟主机托管费用通常在每月3到10美之间。少喝几杯咖啡,但却是网站成功的重要投资。   对于您注册的任何一家网络托管公司,请确保其具有以下功能:   带SSL的免费域名(出于安全性考虑)   一键安装WordPress(免费)   自定义电子邮件帐户   无限或不限带宽(无流量限制)   客户支持,最好是24/7在线聊天   国内服务器推荐阿里云,国内访问速度更快,建议买高配置的,用起来真的很不错。新用户首购能省很多钱,最好多买几年的,因为续费的时候就恢复原价了,别问我怎么知道的/捂脸。送你专属优惠入口   若用途主要在国外,那么买国外的服务器更适合。   这篇文章是以bluehost为例来说的,但并不影响你选择用哪个服务器来建站,因为你用阿里云的虚拟主机也是一样的,云服务器也差不多,安装起来都不复杂。   英文阅读不太好的朋友,可以下载一个谷歌浏览器,实时翻译。   1)要获得一个虚拟主机帐户,只需访问Bluehost并单击“立即开始”。   
在这里插入图片描述   2)接下来,选择您的虚拟主机计划(选择plus完全不受限制,而basic最适合新站点):   
在这里插入图片描述   3)接下来,选择并注册一个域名(第一年免费):   
在这里插入图片描述   请记住,BlueHost的免费域名不提供针对具体国家的域名结尾,例如.de,.fr或.ru。如果需要它们,可以分别从阿里云或腾讯云购买。   如果您已经拥有在其他地方购买的域名,则Bluehost允许您将其连接到新的托管计划。   4)完成注册过程后,几分钟后即可立即访问,因此您可以立即开始构建网站。   
在这里插入图片描述   步骤3:设置WordPress网站(通过Web主机)   准备好域名和虚拟主机后,就需要选择并安装网站构建平台(也称为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多种免费设计可供选择,它们涵盖了大多数受欢迎的网站类型,例如商务,餐厅,健身,音乐,美食,婚礼,摄影,电子商务,投资组合等。基本上,无论您的网站主题是什么,您都将找到合适的设计包。   出于本指南的目的,我们将在列表中选择第一个-称为“原始”。   您会注意到,此安装过程将处理您站点上所需的所有素-获得设计本身,使其正常工作所需的所有插件,以及演示内容,供以后修改。   “导入”按钮,一切正常。大约一分钟后,您将看到成功消息。   
在这里插入图片描述   接下来,转到“外观→Neve选项”以查看该主题还可以做些什么。   
在这里插入图片描述   我们将在下面探讨其中一些选项:   4)添加网站logo   大多数用户要做的第一件事是上传logo,并将其显示在网站的左上角。现在开始吧。   您可以自己制作logo。   准备好logo后,可以将其添加到您的站点。转到“外观→Neve选项”,然后单击标有“上传logo”的链接。   
在这里插入图片描述   这是您将看到的内容:   
在这里插入图片描述   此界面称为WordPress Customizer,它允许您编辑网站外观的各个方面。对于初学者,您可以上传logo。为此,请单击左上角附近的“选择logo”按钮。   WordPress将为您提供裁剪logo的选项,但是您可以跳过该步骤。   
在这里插入图片描述   您应该很快会在页面的一角看到logo图标。   此外,您可以选择是否要在logo旁边显示站点名称和标语,并设置logo的最大宽度。试用这些设置,然后选择最适合您的设置。   完成后单击“发布”按钮(左上角),然后单击“ 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最受欢迎,功能最全,最好的最佳电子商务解决方案。   …好的,在站点上安装了WooCommerce并在目录中添加了产品之后,您会注意到,在此过程中,WooCommerce自动创建了新页面。这些页面是:   “购物车” –您商店的购物车   “结帐” –客户可以在其中完成购买的结帐页面   “我的帐户” –每个客户的个人资料;保存过去的订单,当前的详细信息和其他个人信息;客户可以随时编辑他们的信息   “商店” /“产品” –主要商店页面–列出您的产品的页面   这些页面中的每一个都为您的商店及其功能提供了特定的用途。好消息是,如今大多数主题都经过了优化,以使这些页面看起来正确。Neve主题没有什么不同。如果您访问这些新页面中的任何一个,您将看到演示文稿很清楚并且所有内容都易于掌握。这是购物车页面的示例:   
在这里插入图片描述   除此之外,所有这些页面的工作方式都与WordPress网站上的任何其他页面一样。这意味着您可以编辑它们,添加自己的素或更改颜色,布局等,但是在执行此操作时,请注意不要删除已经存在的WooCommerce短代码。   您还会在网站的主菜单上看到一个新的购物车图标。   在此阶段,您的电子商务商店已全面运营。这意味着您的顾客可以进来购物。您将在WordPress管理区域的“ WooCommerce→订单”下看到他们的订单。   
在这里插入图片描述   恭喜,您已经大功告成了!

2024最新激活全家桶教程,稳定运行到2099年,请移步至置顶文章:https://sigusoft.com/99576.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处:https://sigusoft.com/77826.html

(0)
上一篇 2024年 8月 3日
下一篇 2024年 8月 3日

相关推荐

关注微信