之前,曾提说,最近,我沉迷于以无代码的方式建立我的个人网站,并竖起了一面旗帜,说我会有一个更入门的DIY教程。在拖着许久之后,我今天终于交上了56张照片
有很多方法可以建立无代码的网站。我的朋友使用squarespace,这有一个非常好的效果。我使用它是因为我的博客WordPress。事实上,我认为市场上应该有很多类似的工具。选择任何一个都会产生类似的效果。
一开始,我在创建一个无代码版本的网站时非常沮丧,因为我不熟悉各种模块。所以我转过身,用了WordPress的Org版本,吹了几天口哨,但效果很好。后来,由于不愿意于建的网站比其他人更难,她再次研究了WordPress的网站的Com版本。
最近,我又甩了许久。最后,我对无代码网站的建设感到满意。这是这个版本的教程。
1、建立个人主页
WordPress有多种语言版本。一开始,我跳到了中文版。在刷新了几次之后,我莫名其妙地跳回到了英文版。然而,与太多语言的背景相比,它大体上是相同的,主要是在语言、一些社交软件和支付方式方面。以下截图来自英文版。
我通过注册一封新的电子邮件开始了教程,但后来我认为没有人会没有电子邮件,所以我跳过了这一步。直接在搜索引擎中搜索“WordPress”,然后输入WordPressCom网站建设指南,然后出现以下界面。我选择免费版本。
接下来,输入任何电子邮件地址,输入用户名,并设置密码。
设置完WordPress的帐户后,您将跳转到域名界面。该地区可以使用自己的域名或购买新域名。然而,为了让它免费到底,我不打算在域名上花钱,所以我只想到一个名字。如果你想在未来拥有一个好域名,你可以随时添加或更改它。
作为一个废物,我想到了魔兽世界中所有主角的名字。最后,我选择了风元素奥拉基尔勋爵,所以我使用windord作为网站名称的关键字。然后,在各种示例中,我选择了免费网站。此时,选定的网站可以专门保存,并在以后经常使用。长期以来,这是你自己的网站。
选择域名后,你自然会开始正式的网站建设之旅。网页将跳转并自动进入建设网站的背景。紫红色按钮“命名你的网站”是进入下一步的关键入口,接下来的步骤几乎就像我用红线框住右边一样。
正如我之前所说,我将我的新网站命名为windorder,意思是“Windrider”,并写了一条标语:theriderofthewindelement。
命名网站后,最重要的一步是编辑主页。也可以按紫红色按钮输入。
编辑主页时,会出现一些解释页面,如下图所示。有必要看一看。如果我不读它,它不会影响我稍后将解释的步骤。
我在主页编辑页面上随意选择一种风格。事实上,我也可以选择空白页或其他样式。但我始终相信,建立一个网站是从最容易的地方开始的。结果越简单,成就感就会来得越快,扔硬币的动机也就越多。
除了可以编辑的主题图片外,页面下拉列表后还会显示博客的最新更新示例。事实上,对于一个网站来说,这些内容似乎太少了,就像博客的主页一样。然而,WordPress的职业生涯是从写博客开始的。这个问题没有什么问题。
我漫不经心地看着它,想至少我应该添加一些相册或收藏,所以我添加了页面左上角“+”符号的内容。例如,“块”模块中有很多类似的操作。例如,选择“块”后,“块”模块中有许多不同的操作。但我选择了右边的“模式”,里面有很多匹配的内容。我选了一张有四张封面的相册。
成功添加相册后,它将显示在整个主页的末尾,但我想转到上一个位置。单击此相册的中间位置后,前两张相册的左上角将出现一个小编辑框。小盒子的第三个位置有上下箭头。只需一直单击向上箭头。
前两张专辑移到了主页图片的底部,然后我移动了最后两张专辑。结果,主页变成了主题图片(跳跃)、四本相册(改变封面但不跳跃)、三个最新博客和主题的“内容”模块。
此时,如果要添加相册或图片显示,或任何所需的模块(如音乐或视频),可以通过左上角的“+”符号继续。然而,作为一个例子,我打算直接发布这个页面。一般来说,官方不建议在网站未完成的时候发布,但我觉得发布后可以问问亲友,让他们给点建议,这样发布比较方便。“发布”按钮位于右上角。
点击释放按钮后,WordPress似乎仍想再做一次努力,因此出现了绑架购买域名或定制会员的行为。但我坚定地选择了免费版本。
到目前为止,一个简单的网站已经正式成功发布。如果只是为了好玩,你可以开始写一些内容,然后你就有了自己的网站原型。
2、网页跳转
真正的网站必须有更多的功能和栏目,所以发布后,网站需要开始考虑它想要多少栏目。在本例中,我计划将网站分为四列:主页、工作、生活和关于。因此,基于“主页”,我还需要构建一个“工作”页面、“生活”页面和一个“关于”页面。
创建新页面时,从屏幕左上角选择带有“W”字样的WordPress徽标。然后单击左下角的“添加新页面”以添加新页面。
新页面计划讲述与“工作”相关的内容。毕竟,这是一个个人网站,所以展示已经完成的项目是更好的做法。首先在“特色”中选择,其中有您喜欢使用的模板。
我选择了默认的公文包,这是一种可以在幻灯片页面中编辑多个项目的形式。
将“公文包”改为“工作”,然后点击右上角的“发布”进行发布。
发布页面后,继续创建新页面。
新页面计划讲述生活的内容,因此选择了“图库”中的模板。
更名为“生活”并发布。
同样,在发布后继续创建新页面。
新页面是一个配置文件页面,因此选择了“关于”中的模板。
重命名并发布。此时,总共创建了三个新页面。举个例子,这就足够了。如果有必要,还可以建造更多。我很好奇,有没有一个可爱的“小傻瓜”在测试添加数千个网页需要多长时间。
完成三个页面的构建后,选择“dashboard”并返回个人背景。
后台管理的左侧有很多功能。你可以在有空的时候浏览它们,但这一次,我们主要是来编辑菜单的。菜单编辑按钮位于页面的右下角。它的主要目的是显示新的网页。
进入菜单编辑页面。
选择“自动渲染”主要的,重要的”。
在主菜单中,选择“添加项目”。
出现在右边页,里面是主题本身,以及刚刚构建的所有页面。添加三个新选项,它们将出现在左侧菜单栏中。
添加页面后,选择“重新排序”进行排序。上下箭头是上下顺序,左箭头和右箭头是子集父集合的包含关系。
排序后,您可以看到菜单栏已显示在主页顶部。网站建设已经结束。
3、丰富个人网站
从菜单编辑处退出很麻烦。我还没有找到更合适的返回键。就个人而言,这种互动有点麻烦。我通常会删除顶部的地址栏,只留下WordPressCOM,你会回到后台。继续选择“主编辑”。
此时,你可以使用预览查看网站,也可以使用手机打开个人网站查看遗漏内容。
例如,本示例网站的主页和栏目几乎相同。主题图片可以更改,也可以不更改。其中的内容可以自己复制,其中的链接可以替换。你可以去任何地方。
但是如果你往下看,你会发现这四张新专辑与主题图片很接近,这很难看;而这四本相册只能更改封面图像和文本,没有地方可以点击。这是两个需要解决的问题。
“两个街区靠得很近”的第一个问题非常简单。尝试手动移动或添加“标题”。
我选择了最简单的一个。点击左上角的“+”符号,选择块中的“标题”,没有输入任何文本。结果将如下图所示。标题将自动从相册中分离主题图片。
第二个“相册不能跳转”问题有很多解决方案。其中,根据不同的用途,这些相册可以跳转到指定的位置或各个页面,甚至是之前创建的三个页面的指定位置。但例如,我计划创建一个新页面。
在这个新页面上,我在图库中选择了一个模板。图片将被平铺,左边会有一些关于这张专辑的介绍。
将页面名称更改为相册名称“Brice”,然后单击发布。
发布页面进行确认时,请复制右侧页面的链接。
然后点击左上角的logo返回后台管理页面。
选择右下角的“编辑主页”按钮。
选择单词“Brice”,然后在小编辑框中选择右三角的链接选项。事实上,年份也可以自动分类,但这里没有这样的需求。
将复制的链接输入链接框,然后按enter键确认。
此时,“Brice”颜色会自动改变,下面有一条水平线,带有新键的网页链接已成功添加。点击右上角的“更新”,用个人网站进入自己的网站,点击“Brice”跳转(编辑页面和预览页面基本不能跳转)。
实际上,这个区域也可以设置为图片中有文本的模式。在编辑框中,框中带有的图标可以执行此操作。许多人还喜欢将图片(有或没有文本)设置为跳转链接。此操作只需单击图片并在链接框中添加刚刚复制的页面链接。
现在,无论专辑的名字或封面,你都可以点击跳转到另一个页面。其他三张专辑也可以以同样的方式添加新页面和链接。任何其他文本也可以以这种方式跳转。
更新网站后,登录个人网站(非编辑页面)以获取以下网站页面。剩下的就是将网站的所有图片和副本更新为自己的内容。每天做一点,你就能得到一个很棒的网站。
后记
事实上,无代码网站仍然可以实现很多功能,包括网页联系、下订单、支付费用等。执行更多功能并不像预期的那样复杂。它基本上是通过添加模块、页面、链接等来完成的。
个人网站或个人博客需要经常维护。需要进行个人收藏的人是值得拥有的。也非常希望能在这里见到朋友,可以一起讨论更多无代码网站建设,更多联系和沟通。
最新评论