WordPress搭建项目管理网站woffice教程

大家好,今天的教程我会教大家如何仅用WordPress就打造一个强大的项目管理网站。如果你有自己的公司或者负责管理一个团队,你一定知道拥有一个可靠的项目管理工具有多重要。但市面上的太多数项目管理工具收费都很高。

活动事件Events 页面简码:

[woffice_calendar visibility=”general” id=”1″]

那为什么不自己动手做一个应用,完全掌握系统和数据呢?在这个教程里,我会一步步带你为公司创建一个专属的项目管理系统网站。先来快速浏览一下吧。我会展示如何设置你的管理后台页面,里面有各种酷炫又实用的小工具,比如时间跟踪器帮你监控时间,还有一个便捷的日历,方便你记录重要的日期和截止期限。

►Hostinger 注册网站主机域名
https://bit.ly/3BysRqP

►Woffice WordPress项目管理模板
https://bit.ly/3Dr2fJ2

►向有风咨询,加入我的知识星球圈子:
https://t.zsxq.com/16QP9JP8b

有风常用到的工具:
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
►本期视频所有文字信息
https://aiyoufeng.com/wordpress-woffice

►Semrush 网站数据分析
https://bit.ly/4azZtNQ

接下来,你可以在这里看到分配给你的项目,还有最新的帖子,让你随时了解最新动态。在右侧边栏,你还能添加一个生日提醒小工具,确保没人会错过团队成员的特别日子。此外,你还能看到分配给你的任务。

另外,还有一个通知按钮,方便你查看所有通知。然后,我们会学习如何建立一个有成员和群组的社区,让你的员工可以互相交流。通过发送消息、建立好友关系和创建群组,员工们可以登录你的网站,把它打造成公司内部的小型社交平台。

最重要的是,你会学会如何设置项目管理页面。你可以创建任意项目,填写标题,选择开始和结束时间,并将员工分配到项目中。创建项目后,你还可以为项目添加任务。

你可以在项目下留言,还可以附加各种文件。接着,你会看到如何设置活动页面,让你或你的员工可以添加活动。然后,你会学会如何创建一个Wiki页面,方便团队成员轻松共享重要信息并在某个主题上协作。

接下来,我会教你如何使用WordPress创建博客,让你的团队成员可以在网站上阅读博客和文章。最后,教你如何在几次点击内创建一个联系页面。作为项目经理,你可以在前端设置所有内容。

比如说,如果你想创建项目详情,可以直接在前端轻松完成。你可以@任何人或提交给任何人。同样的,你也可以在前端创建任务或日历事件。

我会一步步带你完成所有操作。我们只用WordPress和一个强大的主题就能做到这一切。这套教程非常适合完全没有基础的初学者。所以,如果你从未建过网站,现在就是最好的开始。

我们将通过简单的四个步骤来创建我们的项目管理网站。首先,我会教你如何获取你自己的域名和网站托管服务也是服务器。

接下来我们会安装WordPress。然后安装一个高级主题。最后,我们会一步步开始创建我们的项目管理系统。

现在,让我们从第一步开始:获取域名和网站托管服务。首先,什么是域名?域名基本上就是你的网站地址。

比如Facebook是facebook.com亚马逊是amazon.comhttps://aiyoufeng.com/

同样地,你的网站也需要一个地址,比如yourwebsite.com。那什么是网站托管?网站托管就是你网站的存储空间。所有的图片、文本、邮件都会存储在你的托管服务器上。

拥有自己的托管服务后,就不会有任何限制。你可以投放广告,上传文本或图片,安装任何你想要的主题或插件。你是自己网站的掌控者。

今天我购买网站服务的网站叫做Hostinger

为什么选择Hostinger?在我看来,Hostinger是目前最实惠且速度最快的托管服务提供商。

看看他们在Trustpilot上的评价,用户对他们的托管速度、价格实惠和客户支持都非常满意。

在这里你可以更改语言。如果你说中文、西班牙语、葡萄牙语或印地语,都可以选择你需要的语言。还有一点我想说的是,这个页面经常会变化。

事实上,他们可能一个月就会更新一次。所以如果横幅或界面看起来不一样,不要担心,也不用慌。这种情况经常会发生

这还是同一个网站。我们往下滑一点,你会看到各种不同的套餐。

顺便说一下,这里我们可以看到三个套餐,但有时候你可能会看到四个套餐。不过别担心,因为你可以用任何一个套餐来创建你的网站。但如果你刚刚开始,我推荐选择高级套餐或者商务套餐。

这两个套餐都可以让你创建最多100个网站。比如说,今天你创建一个作品集网站,明天你想创建一个商业网站,下周你又想创建一个电商网站,这样你每次都不需要重新购买服务器。

具体来说,高级套餐你会获得100 GB的SSD存储空间。商务套餐则提供200 GB的NVMe存储。而且,不管你选择哪个套餐,你都会享受到所有的功能,比如无限制的免费SSL。

所以你所有的网站都会被包含在内,并且有超级安全的无限流量。也就是说,不管你有多少网站访客,都不会有任何限制。还有免费邮箱。

你可以创建数百个专业的邮箱地址,比如info@yourwebsite.com或者admin@yourwebsite.com,类似这样。

然后是免费域名。是的,就像我说的,你会免费获得一个域名。

你还会得到大量的WordPress功能,比如免费的“一键安装”WordPress,免费的“网站迁移”。所以如果你想把现有的网站从其他托管服务商迁移到Hostinger,他们会代你完成迁移。现在我们来聊聊安全性。

说实话,我对网站安全性非常重视,而Hostinger在这方面做得非常到位,拥有Cloudflare保护、受保护的名称服务器、恶意软件扫描器等等。我之前用过其他托管服务商,遇到过很多恶意软件攻击,还不得不额外付费使用他们的安全工具。

但在Hostinger,你可以免费获得所有这些安全工具。现在让我们选择一个套餐。就像我说的,你可以根据自己的需求选择任何一个套餐。

目前我选择的是高级套餐。你以后随时都可以升级。所以点击“加入购物车”。

好了,这里你会看到不同的选项。现在这里是指你想在Hostinger托管多久?我们有一个月、12个月、14个月,还有48个月。首先,我不推荐选择一个月的套餐,因为它每个月差不多要12美元,太贵了,我不想这样。

我的建议是选择48个月的套餐。这样四年下来,你每个月只需要支付2.99美元。

这样你就能省下432美元。四年之后,你每个月只需支付7.99美元,这对于一个可以托管多达100个网站的主机方案来说,依然是超级实惠的。

第一年结束后,你每个月需要支付9.99美元。所以,首选期限越长,续订时你获得的折扣就越多。

如果你的预算充足,并且想要获得最大的折扣,可以选择48个月的套餐。48个月之后,你每个月只需支付7.99美元,而不是9.99美元。

确保你使用一个常用的邮箱地址,因为他们会用这个邮箱来创建你的主机账户。然后,我们设置一个非常强的密码。现在你可以看到,你可以用信用卡、PayPal、Google Pay,甚至是加密货币来支付。

根据你的国家/地区,你可能还会看到更多本地的支付选项。所以我们跳过这部分,继续往下滑。在这里,我只需要输入我的卡信息。

这里会问你是否要为你的网站预选插件?我不需要。所以我们点击这里。选择“否,我想手动选择插件”,然后点击下一步。

这一步我们也可以跳过。所以这里它在问你的网站名称是什么?基本上就是让你选择域名。我们来给我们的网站选个名字吧。

这里显示的是WordPress概览。点击它。然后下面有一个“管理面板”。

点击这里,它会直接带我们到WordPress的仪表盘。所以最终我们到了WordPress的管理面板,也就是Dashboard。我会在这里一步步带你浏览所有内容,从文章、媒体、页面、评论、外观等等。

2、wordpress后台


但在我们开始之前,先来整理一下我们的管理面板。首先,关闭这个欢迎弹窗,点击“关闭”就行了。你也可以关闭所有这些小工具,就像这样操作。

或者,如果你愿意,可以点击这三个选项,一个一个地取消选择。这样一来,界面就会变得更整洁。接下来,在仪表盘之后,我们有“文章”。

在“文章”里,你可以创建和编辑任何博客或文章。这里默认有一篇演示文章,叫做“Hello World”。我们可以点击垃圾桶图标把它删掉。

好了,接下来是“媒体”。通过“媒体”你可以管理网站上的各种文件,比如图片和视频。

然后是“页面”。在“页面”里,你可以为你的网站创建不同的页面。比如在这个演示网站里,我们有很多页面,比如“仪表盘”、“社区”、“项目”、“活动”等等。这些都是不同的页面。所以我们可以在仪表盘里的“页面”部分创建这些页面。你可以看到我们有两个演示页面:“隐私政策”和“示例页面”。我们可以选择它们,然后在批量操作中选择“移到垃圾箱”,点击“应用”按钮,这些页面就会被移到垃圾箱里。

接下来是“评论”。在“评论”里,你可以看到所有访问者在你网站上提交的评论。之后是“外观”。在“外观”下,如果你将鼠标悬停在这里,会看到“主题”。我们点击“主题”。

在“主题”里,你会看到一系列主题,比如“Hello Elementor”、“2021”、“2023”,当前激活的是“2024”主题。但问题是,这些主题到底有什么作用,对吧?所以如果你点击网站的标题,然后点击“访问网站”,它会在新标签页中打开。我们去看看,新标签页里我们的网站看起来就是这样的设计。

这个设计就是来自我们刚刚激活的主题。所以现在激活的是“2024”主题。如果我现在激活“2022”主题,然后刷新前端网站,你会看到网站的设计和外观完全不同了。

所以,基本上通过主题你可以改变或调整网站的外观和感觉。在这一点上,我想让你熟悉两个基本术语:一个是你网站的后台或仪表盘,另一个是你网站的前端。

在这里,你看到的一切——仪表盘、文章、媒体、页面、所有这些内容选项,都是你网站的后台或仪表盘。而这个页面是你网站的前端,整个世界都可以看到你网站的这个部分。而这个仪表盘,WordPress的仪表盘,只是给你自己看的。

除了你,没有人能看到这个部分。所以,基本上你在仪表盘或后台管理的所有内容都会显示在前端部分。好了,接下来是“插件”。在“插件”里,我们可以看到安装WordPress后默认的一些插件。

当然,我们的网站会需要一些插件,但我们不需要这些特定的插件。所以我们可以点击这个插件列表,然后全部选中。接着在批量操作中,我会点击“停用”。



然后我会点击“应用”按钮,所有插件都会被停用。接下来,我会再次选择这些插件,这次在批量操作中选择“删除”,然后点击“应用”,这里只需点击“确定”。现在所有不需要的插件都被删除了。

太好了。如果你不知道什么是插件,插件就是一个额外的工具或扩展,能够扩展你网站的功能。简单来说,插件可以为WordPress添加更多默认没有的功能。

好了,现在我们来看“用户”部分。在“用户”里,你可以管理网站上的所有用户。目前我只有一个用户,就是我自己。

如果我点击这个用户,我可以管理一些基本的个人设置,比如选择仪表盘的颜色。不过这没什么大不了的,因为只有我自己能看到这些设置。在这里,我们有语言选项。

我们可以看到有很多语言选项,你可以选择任何你喜欢的语言。然后这里可以填写你的名字和姓氏。

接下来是联系信息和网站地址。但现在我不打算修改这些选项。如果你往下滚动,会看到“新密码”选项。

你可以点击这个按钮,WordPress会为你生成一个强密码。当然,你也可以自己输入密码。然后这里有“设置”选项。

在“设置”里,我们点击“常规”,在常规设置下你可以更改你的网站标题。比如这个。你会看到WordPress标题已经被更改了。

现在我们有了“标语”。在标语里你可以填写一些有意义的内容,比如“加州最好的网站”。这个标语有助于你在搜索引擎上的排名。

接下来是网站图标。如果你不知道什么是网站图标,网站图标就是显示在浏览器标签上的小图标。比如我们去google.com

你可以看到他们的网站标题旁边有一个小G的标志或图标,这其实也叫做Favicon。所以这就是我们的网站图标。

如果你想更改它,可以非常容易地更改。推荐的图片尺寸是512×512像素。好了,现在这里有“会员”选项。

如果你勾选“任何人都可以注册”,那么你就允许任何人在你的网站上注册。但对于一个项目管理网站,我不建议开启这个选项,因为你的网站里只应该有你的团队成员,对吧?所以你不应该允许外部人员注册。但我现在勾选这个,是因为我想向你展示如果开启这个选项会发生什么。



然后我们往下滑,这里有日期格式和时间格式的选项。你可以选择各种不同的格式,或者选择一个具体的城市作为你的时区,比如阿姆斯特丹,这样你的时区就会设定在阿姆斯特丹时间。

好了,现在点击“保存更改”,保存我们刚才做的所有设置。接下来,我们进入“讨论”选项。这里有很多设置,比如默认的文章设置和其他评论选项。

这里有一个选项是“用户必须注册并登录才能评论”。你可以选择开启或者关闭这个功能。

还有一个选项是“每当有人发表评论时通过邮件通知我”。这里我会取消勾选。接下来还有一个选项是“评论必须手动审核”。

也就是说,如果有人在你的网站上发表评论,这些评论需要你来审核通过。我不推荐开启这个选项,因为你的网站可能会有大量的评论和回复活动,你不可能整天坐在那儿一个个审核评论。

还有一个选项是“作者必须有之前被批准的评论”。我也建议你取消勾选这个。

好了,你可以随意调整这些不同的选项,放心大胆地尝试,因为这些选项都很直观。所以这里我点击“保存更改”。接下来,我们进入“固定链接设置”。

这里的固定链接结构设置为“日期和名称”。你也可以选择“普通”或其他格式。但我强烈推荐你选择“文章名称”作为固定链接,因为这是最有利于SEO的固定链接格式。

好了,点击“保存更改”。现在我们所有的基本设置都完成了。接下来,我们需要为WordPress安装一个新主题,以实现我们网站的设计,同时还需要一些插件来添加更多漂亮的选项和功能。

所以我们回到仪表盘,在“外观”下点击“主题”。这里显示的是我们已经安装的主题,但你可以在这里添加更多主题。你可以点击“添加新主题”或者点击这个大按钮,在这里你可以找到成千上万的主题并安装。

不过这次我不会从这里获取或安装任何主题。我们要上传我们自己的主题。所以如果你点击“上传主题”,你会看到上传选项。

但首先,我们需要获取一个主题来实现我们网站的这种风格或设计。要获取这些主题,你可以访问,https://bit.ly/3Dr2fJ2 这个页面的链接在视频描述里。



我们点击一下,它会带你到Woffice主题页面。这是一个高级主题,所以我们需要购买。不过好消息是,你只需一次性购买,永久拥有它。

不像其他工具需要按月或按年收费,购买这个主题后,你可以终身在你的网站上使用,不需要之后再买任何东西。而且你还能获得未来的更新,所有的新功能和设计更新都免费提供。这个主题每周或每月都会更新。

比如,如果你往下滑,可以看到他们最后一次更新是在2024年6月3日。所以更新非常频繁。你还会得到6个月的技术支持。

如果你对主题有任何疑问,或者遇到错误,可以直接联系他们的支持团队,他们会立即帮你解决问题。你完全掌控这个主题,所以你的数据会保持安全。相比其他项目管理工具,这个主题性价比非常高。正如你所见,这个主题已经有将近15,000次销售,并且评价非常好。

所以你可以点击“加入购物车”立即购买。但因为我已经购买了这个主题,所以我不会再买一次了。购买后,你可以将鼠标悬停在你的个人资料上,然后点击“下载”,在下载页面你会看到这个W Office主题。

然后我们只需要点击“下载”按钮,这里会有一些选项。只需点击“可安装的WordPress文件”,下载后你会得到一个压缩包。现在回到我们的仪表盘,从这里选择那个文件。

我会选择整个压缩包文件。然后点击“立即安装”。好了,现在我们的主题已经安装完成。

接下来,你可以点击“激活”,它会带你到你网站的仪表盘。现在你会看到一个通知,提示你正在使用Woffice但还没有安装Woffice核心插件。所以你可以点击“请激活”。

这里你会看到Woffice要求的所有必要插件。你需要一个一个地选择,确保全部选中,因为我们需要所有必需的插件才能让Woffice正常工作。



然后我们点击“激活”并点击“应用”。基本上我们这里正在安装六个插件,从批量操作中选择“安装”,然后点击“应用”,所有插件就会开始安装。我们可以看到六个插件都安装完成了。

确保你已经选择并安装了所有插件。现在我们去“插件”页面,虽然所有插件都已经安装了,但还没有激活。所以我会选择全部,然后在批量操作中选择“激活”,再点击“应用”。

激活所有插件后,你会看到一些引导界面,可以关闭这些弹窗和前面的所有提示。这些深色覆盖层也是引导界面的一部分。所以我们可以点击“仪表盘”返回,回到我们的仪表盘。

从这里我会关闭所有不必要的弹窗。还有一个新的小工具,我会取消勾选它。

现在回到“插件”页面,我们可以看到所有Woffice所需的插件现在都已激活。好了,可以说我们已经成功安装了主题和所有必需的插件。现在我们不需要再四处寻找任何东西,只需要用这些插件和主题就可以搭建完整的网站了。

接下来我们将开始配置我们的主主题。正如你在选项中看到的,安装主题和一些插件后,添加了一些新选项,比如“活动”、“邮件”等。所以现在我们继续开启Woffice主题的一些其他选项。

首先,我会将鼠标悬停在“外观”上。然后点击“Woffice选项”。在这里我们可以看到还有更多的选项。

接着,我会点击“Woffice主题选项”。这是你为Woffice进行所有设置的部分,比如主题颜色选项、登录注册选项、布局设计等等。



但在我们开始探索所有设置和选项之前,先完成几个重要的设置。所以现在我要点击“主题扩展”,在这里我们可以看到很多下拉选项,比如Wiki、目录等等。在Wiki部分,我会开启这个Wiki扩展。

点击这里,没错,我们刚刚开启了Wiki功能。你可以在我们的网站演示中看到。

这将是我们的Wiki区域,你和你的团队成员可以在这里为任何主题撰写Wiki,比如营销、办公室文化等等。接下来是目录部分,我们不需要在目录上做任何操作,所以我会跳过这个。

然后是Woffice活动功能。我会开启这个Woffice活动选项,这样我们就会得到一个活动页面,里面有一个漂亮的日历,你可以管理和创建活动。在这个Woffice活动部分,你还可以进行一些简单的设置。

在这里,你可以调整所有这些不同的设置。接下来是Woffice生日功能。如果你在网站上开启生日功能,大家都可以看到团队成员的生日。

比如在右侧边栏,我们可以看到一些即将到来的生日或最近的生日。如果你愿意,还可以选择显示或隐藏人员的年龄。然后我们有日期格式选项。

在日期格式这里,你只需输入“D”和“F”就可以了,格式会很好。然后在这个字段的名称下,我会输入“生日”。这里你还可以设置在侧边栏显示多少个生日。

所以在侧边栏,我会输入“三”。接下来是Woffice投票功能。

通过Woffice投票,你可以发布任何问题,比如今天晚上团建你想吃什么?,并且可以添加答案选项,比如“地点”、“火锅”、“中餐”、“西餐”。这样你的员工就可以对你的问题进行投票。这是一个非常不错的功能。

然后是Woffice时间跟踪功能。如果你开启这个功能,你的仪表盘上会显示一个时间跟踪器。你的员工可以启动这个计时器,开始工作。

接下来是Woffice最近的帖子。开启这个功能后,你可以在仪表盘或任何你想要的地方看到最近的帖子。然后是Woffice项目功能。

这是最重要的一个功能,因为这是项目管理工具。我会开启这个Woffice项目功能。这个Woffice项目就是我们在这里拥有的项目页面或项目功能,你可以在这里创建项目并与团队成员一起管理。

之后是Woffice文件管理功能。通过文件管理功能,你可以允许用户上传任何文件,比如图片、视频或PDF文件。在这个选项下,谁可以上传文件?目前只有管理员(也就是你)可以上传,但你可以添加更多角色,比如订阅者,订阅者就是你的员工。

这样他们就可以上传任何文件或PDF。此外,你还可以选择最大文件大小。比如现在设置的是2048兆字节,也就是2吉字节。

所以你可以根据需要设置任何值,但这实际上取决于你的服务器或网站托管服务。好了,从这里我们只需点击“保存更改”来保存所有设置。


安装插件:Contact Form 7

活动事件Events 页面简码:

[woffice_calendar visibility=”general” id=”1″]

社区:链接

https://windyyoufeng.com/members

成员

https://windyyoufeng.com/members

群组

https://windyyoufeng.com/groups


更改设置后,如果我们回到仪表盘,你会看到WordPress选项中又添加了更多的选项。例如,这里有Wiki、活动、项目等。所以现在在Wiki部分,你可以直接在这里创建Wiki;在活动部分,你可以从这里创建活动;在项目部分,你可以在这里创建项目或其他任何内容。

所以你可以选择使用前端网站(比如这样一个前端网站)来创建文章或项目,或者使用后台仪表盘来创建文章或项目。完全取决于你自己的喜好。你有两种选择来创建所有这些内容。

现在我要进行另一个设置。在“设置”下,我们可以看到新增了一个选项——BuddyPress。这是来自一个叫做BuddyPress的插件。所以我们点击它。在这里你有很多选项,比如好友连接、私密消息等。

如果你启用好友连接功能,你的员工可以发送好友请求,互相成为好友。还有私密消息功能,员工可以私下给彼此发送消息。此外,我们还有用户群组功能,你的用户或员工可以创建群组。

比如说,你有一个设计团队,他们想为设计创建一个单独的群组,这样他们就可以轻松创建并管理群组。好了,我现在从这里保存更改。然后在BuddyPress设置下,我们还有更多选项,比如URL选项等。

从这里你可以选择是否允许用户上传他们的头像和封面照片。你还可以启用所有成员创建群组等等。好了,你可以随意调整这些选项,放心尝试。

现在我要为我们的Woffice主题做一个超级重要的设置。我们将使用许可证码激活Woffice主题。为此,将鼠标悬停在“外观”上,点击“Woffice主题选项”,然后在“主题扩展”下你会找到“Woffice更新器”。

首先,开启“启用Woffice更新器”。然后我们有两个字段,分别是Envato用户名和Woffice购买码。所以如果你去你的Envato账户,你会在这里找到你的用户名。



然后你可以看到,选择你的用户名并复制它。接下来回到这里,把用户名粘贴进去,复制时确保没有空格。然后再回到Envato,这里打开Woffice主题,现在点击“支持”选项,如果你一直滚动到最下面,你会看到这里的购买码。

这个购买码就是你的许可证码。所以我们就像这样复制它,然后回到WordPress,在这个字段里填写购买码。我会把它粘贴进去,然后简单地保存更改。

现在你的Woffice主题已经通过购买的许可证完全激活了。在做任何事情之前,我想先给你看看我们的网站前端现在的样子,对吧?所以如果你点击你的网站名称,然后点击“访问网站”,我们已经有那个标签页了。我们可以看到之前查看的演示主题,直到现在我们还没刷新这个页面。现在让我们刷新一下,你会发现这里几乎什么都没有。

右边没有任何内容,左边只有一个页面,就是首页,只有一个Logo。所以现在我要创建更多的页面。目前我们有一个默认的首页,但我想在左边添加更多页面。

所以为了创建页面,我会去WordPress,点击“页面”选项。在这里我们可以看到还没有任何页面,所以我们需要添加一个新页面。点击“添加新页面”。

首先我要创建我们的仪表盘页面。在“添加标题”下,我会输入“仪表盘”。然后在右边,这里在“模板”下,点击“默认模板”,再点击这里,你会看到很多选项,但选择“仪表盘”模板。

好了,现在发布我们的页面。点击“发布”。接下来回到“页面”里,再创建更多页面。

点击“添加新页面”。在仪表盘之后,我想创建我们的项目页面,所以输入“项目”。

然后在模板这里,选择“项目”模板,然后发布。你也可以直接点击“添加新页面”来添加新页面。接下来我要添加Wiki页面。

对于Wiki,选择“Wiki”模板,然后发布。之后我们要创建登录页面。所以输入“登录”,选择“登录”模板,然后发布。现在再添加一个页面,这将是博客,这次我不选择任何模板,保持默认。

然后发布。接下来我要添加活动页面,这次也跳过模板选择,直接发布。最后一个页面是联系页面。



然后我会保留“模板”部分,对于这个联系页面,我选择跳过模板选择,直接发布。所以现在不选择联系页面的模板,我会做另一件事。

首先,回到我们的仪表盘,我们需要一个插件。点击“插件”,然后点击“添加新插件”。在搜索框中输入“Contact Form 7”,Contact Form 7插件就会出现。

点击“现在安装”,安装完成后点击“激活”。好了,现在我们可以在插件列表中看到Contact Form 7已经被添加。

接下来,我会点击Contact Form 7下的“设置”。你也可以看到我们在WordPress中新增了一个“联系”选项。点击“联系”进入这个页面。

在这个页面里,我们可以看到一个“联系表单1”。从这里复制这个短代码。

然后回到我们的页面,我们已经创建了联系页面。点击它,然后点击“+”图标。

在这里搜索“shortcode”,你会看到这个小工具或选项。点击它,然后你会看到一个输入短代码的字段。我们刚刚复制了短代码。

所以我就粘贴进去。好了,粘贴完短代码后,我会更新这个页面。这就是将Contact Form 7插件连接到Woffice联系页面的过程。

好的,只要你一步步跟着做,就没问题。接着,我会回到我们的页面,针对联系页面,我们也跳过了活动页面的模板选择,对吧?所以点击活动页面,在活动页面里我们也需要粘贴一个短代码。

这次我不会安装插件来获取短代码。这次我会去https://aiyoufeng.com/网站,如果你稍微往下滑一点,你会找到活动页面的短代码。从这里复制整个短代码,回到WordPress,你知道怎么做,点击“+”图标,搜索“shortcode”。

活动事件Events 页面简码:

[woffice_calendar visibility=”general” id=”1″]



然后在这个字段里粘贴短代码。现在我们的Woffice日历已经链接到这个活动页面了。好了,点击“更新”,然后回到我们的仪表盘。

基本上,我们已经在这里创建了所有空白页面。现在如果我们访问前端网站并刷新页面,可以看到虽然已经添加了所有页面,比如博客、联系、仪表盘、活动,但目前这些页面看起来非常混乱和丑陋,没有任何样式。

所以我们需要通过创建菜单来修复这个问题。现在有了这些页面,我要创建一个菜单。要创建菜单,先将鼠标悬停在“外观”上,然后点击“菜单”。

在这里,首先我们需要给菜单命名。我就命名为“主菜单”。输入名称后,确保勾选“W Office主菜单”在头部显示。勾选后,点击“创建菜单”。

菜单创建完成后,接下来集中处理这个部分。首先,如果你点击“查看全部”,你会看到我们在“页面”里创建的所有页面。

所以我会选择“仪表盘”。实际上,我会选择除了“首页”和“登录”之外的所有页面,然后点击“添加到菜单”。这样,我们的主菜单里就有了所有页面。

现在你可以拖动这些链接,上下移动以重新排列它们的顺序。我会把“仪表盘”放在最前面,然后是“项目”,接着是“博客”、“Wiki”,再到“活动”等等。

现在我们已经用这些页面创建了一个菜单。但实际上,你还可以添加自定义链接或自定义菜单项。所以在“自定义链接”下,展开它。在这里,作为链接文本,我会输入“社区”。

在“URL”栏,你需要输入自定义链接的地址。在浏览器地址栏复制你的目录地址,比如:[http://你的域名.com,然后在后面加上“/members”。然后点击“添加到菜单”。]

所以基本上,当你点击“社区”时,这个链接会带你到“成员”页面。这样,你实际操作后会更清楚这些功能的作用。



现在我们继续添加自定义链接,还需要再加两个。首先,我要添加“群组”,在URL栏里再次粘贴链接,这次在斜杠后面输入“groups”,然后点击“添加到菜单”,最后再添加“成员”页面。

接着,在URL栏输入链接,输入“members”,然后添加到菜单。现在我们来重新排列一下菜单。首先,我会把“仪表盘”放在最前面,然后是“社区”。

在“社区”之后,我们添加“项目”,接着拖动“活动”,然后是“Wiki”、再是“博客”和“联系”。这样我们还有两个自定义链接没添加对吧?我打算把它们拖上去,放在“社区”下,通过稍微往右拖动,把“成员”和“群组”作为“社区”的子菜单。这样操作后,“成员”和“群组”就成了“社区”的子链接。好了,现在保存我们的菜单。

菜单创建完成后,如果我们去前端刷新页面,你会看到所有链接都整齐地排列好了。左边有“仪表盘”、“社区”,在“社区”下有“成员”和“群组”。然后还有“项目”、“活动”、“Wiki”等等。

不过,菜单看起来还是有点空荡荡的,没有什么视觉效果。所以我想给菜单项添加图标。现在回去,我们还不能直接给链接添加图标,需要先启用图标功能。

首先,在“外观”下,点击“Woffice主题选项”。然后进入“菜单选项”,在这里你会看到“启用Woffice菜单图标”。点击“是”,然后保存更改。

现在回到“菜单”页面,打开一个菜单项,比如“仪表盘”,你会看到有一个Woffice菜单图标。你可以选择任何图标。比如,我搜索“home”,会出现两个图标。

我选择这个图标作为“仪表盘”的图标。好了,现在给“社区”选择一个图标。我搜索“users”,找到这个图标,选择它。

接下来是“成员”,我搜索“user”,选择这个图标。然后是“群组”,我搜索“group”,选择这个图标。

现在给“项目”选择图标,我搜索“project”,选择这个。对于“活动”,很简单,搜索“calendar”,选择这个图标。

接着是“Wiki”,我搜索“book”,选择这个图标。然后是“博客”,我搜索“pen”,选择这个图标。

最后是“联系”,我搜索“phone”,选择这个图标。好了,现在保存菜单。如果我们回到前端刷新页面,你会看到所有菜单项旁边都有图标了。现在我们的菜单项或侧边栏看起来就完整多了。



好了,现在我们来整体看看我们的网站页面。点击“社区”,你会发现点击“社区”实际上会跳转到“成员”页面。因为如果你还记得,我们之前已经在这里放置了“成员”页面的链接,对吧?然后还有“群组”。

基本上,我们所有的页面都在这里,整体看起来还不错。但我们稍后会对这些页面进行进一步的完善。在那之前,先来处理一下仪表盘,因为现在仪表盘里什么都没有。

所以回到我们的WordPress,在“外观”下有一个“部件”。点击“部件”,这里你会看到有很多可用的部件。虽然有很多,但我们只需要几个。

首先,我们先集中在这部分。我们有右侧边栏、仪表盘部件和页脚部件。添加部件的基本方法就是从这里拖一个部件,然后放到对应的位置。

我刚刚添加了一个生日部件,点击“完成”。基本上,添加部件的方法就是从可用的部件中拖一个,然后放到这里。我又在仪表盘部件区域添加了一个项目部件。

然后我们给它加个标题,比如“项目”,你还可以选择分类等等。然后保存。如果我们打开前端网站并刷新页面,就可以看到这个项目部件已经被添加了。

不过因为我们还没有创建任何项目,所以暂时还不会显示内容。基本上,添加完仪表盘部件并创建项目后,它会像这样显示。好了,这些就是基本的部件。

接下来我们添加其他部件。比如时间跟踪器、日历和帖子。回到这里,我们添加时间跟踪部件。

给它加个标题,比如“时间跟踪”,你还可以添加描述。我这里就跳过描述,直接保存。然后我还需要添加一个投票部件。

在这个投票部件里,你可以重命名它,我把它重命名为“投票”。

好了,现在保存。你还可以添加任务部件,比如“用户任务”。好了,基本上我已经在仪表盘区域添加了所有需要的部件。

你可以在这里看到。因为我们还没有启用右侧边栏,所以即使在右侧边栏添加了部件,也看不到任何内容。

所以我现在要在右侧边栏添加我们必要的部件。右侧边栏。以后当我们启用右侧边栏时,就能看到这些部件了。



好了,我们已经添加了生日部件。接下来,我还想再加一个,就是“用户任务”。不过我要从仪表盘里删除“用户任务”,因为我们已经把它放在右侧边栏了。于是,打开这个部件,删除它。

好了,现在我们回到Woffice主题选项,来看看里面有哪些主题设置选项。这部分其实挺有趣的,我们会一个一个地设置这些选项。

首先,点击“主题选项”。在主题选项下,首先是“主题颜色”。在这里有很多颜色选项,比如主色、背景色、深色背景、浅色背景、文字颜色等等。

举个例子,如果你把主色改成橙色,然后保存更改。接着在前端查看,你会发现所有重要的元素,比如选中的菜单项、按钮,都变成了橙色。

基本上,这样你就可以整体改变主题的颜色了。你可以根据自己的品牌颜色来设置这些颜色。接下来,我们有“深色背景”选项。

我把这个颜色改成了纯白色。另外还有“浅色背景”,这是整个页面主体或空白区域的颜色。我把它设置成了灰色。然后保存更改并刷新页面。你会看到,深色背景现在应用在了侧边栏和部件的背景上,全部变成了白色。浅色背景则是灰色。

这样设置之后,主体颜色变成了灰色,这样可以更清晰地看到这些部件和侧边栏,因为颜色之间有了明显的区分。当然,你也可以根据自己的喜好设置成任何颜色。

然后是“深色文字”。比如,我把它改成了红色,看看有什么变化。你会发现部件上的主要文字和其他一些内容都变成了红色。不过这样看起来挺丑的,所以我把它改回了纯黑色。接下来是“浅色文字”。

如果我把这个改成红色并保存更改,刷新页面后,你会看到这些小文字,比如一些说明文字,都变成了红色。我决定把它改成灰色,这样这些文字会显示为灰色。

通过这些主题颜色选项,你可以自由地调整主题的外观和颜色,打造符合你品牌形象的网站。接下来是“字体选项”。在字体选项里,你可以选择任何字体家族、字体样式和字体大小,为你的网站设置合适的文字样式。



好了,现在我们来整体看看我们的网站页面。点击“社区”,你会发现点击“社区”实际上会跳转到“成员”页面。因为如果你还记得,我们之前已经在这里放置了“成员”页面的链接,对吧?然后还有“群组”。

基本上,我们所有的页面都在这里,整体看起来还不错。但我们稍后会对这些页面进行进一步的完善。在那之前,先来处理一下仪表盘,因为现在仪表盘里什么都没有。

所以回到我们的WordPress,在“外观”下有一个“部件”。点击“部件”,这里你会看到有很多可用的部件。虽然有很多,但我们只需要几个。

首先,我们先集中在这部分。我们有右侧边栏、仪表盘部件和页脚部件。添加部件的基本方法就是从这里拖一个部件,然后放到对应的位置。

我刚刚添加了一个生日部件,点击“完成”。基本上,添加部件的方法就是从可用的部件中拖一个,然后放到这里。我又在仪表盘部件区域添加了一个项目部件。

然后我们给它加个标题,比如“项目”,你还可以选择分类等等。然后保存。如果我们打开前端网站并刷新页面,就可以看到这个项目部件已经被添加了。

不过因为我们还没有创建任何项目,所以暂时还不会显示内容。基本上,添加完仪表盘部件并创建项目后,它会像这样显示。好了,这些就是基本的部件。

接下来我们添加其他部件。比如时间跟踪器、日历和帖子。回到这里,我们添加时间跟踪部件。

给它加个标题,比如“时间跟踪”,你还可以添加描述。我这里就跳过描述,直接保存。然后我还需要添加一个投票部件。

在这个投票部件里,你可以重命名它,我把它重命名为“投票”。

好了,现在保存。你还可以添加任务部件,比如“用户任务”。好了,基本上我已经在仪表盘区域添加了所有需要的部件。

你可以在这里看到。因为我们还没有启用右侧边栏,所以即使在右侧边栏添加了部件,也看不到任何内容。

所以我现在要在右侧边栏添加我们必要的部件。右侧边栏。以后当我们启用右侧边栏时,就能看到这些部件了。

好了,我们已经添加了生日部件。接下来,我还想再加一个,就是“用户任务”。不过我要从仪表盘里删除“用户任务”,因为我们已经把它放在右侧边栏了。于是,打开这个部件,删除它。

好了,现在我们回到Woffice主题选项,来看看里面有哪些主题设置选项。这部分其实挺有趣的,我们会一个一个地设置这些选项。

首先,点击“主题选项”。在主题选项下,首先是“主题颜色”。在这里有很多颜色选项,比如主色、背景色、深色背景、浅色背景、文字颜色等等。

举个例子,如果你把主色改成橙色,然后保存更改。接着在前端查看,你会发现所有重要的元素,比如选中的菜单项、按钮,都变成了橙色。

基本上,这样你就可以整体改变主题的颜色了。你可以根据自己的品牌颜色来设置这些颜色。接下来,我们有“深色背景”选项。

我把这个颜色改成了纯白色。另外还有“浅色背景”,这是整个页面主体或空白区域的颜色。我把它设置成了灰色。然后保存更改并刷新页面。你会看到,深色背景现在应用在了侧边栏和部件的背景上,全部变成了白色。浅色背景则是灰色。

这样设置之后,主体颜色变成了灰色,这样可以更清晰地看到这些部件和侧边栏,因为颜色之间有了明显的区分。当然,你也可以根据自己的喜好设置成任何颜色。

然后是“深色文字”。比如,我把它改成了红色,看看有什么变化。你会发现部件上的主要文字和其他一些内容都变成了红色。不过这样看起来挺丑的,所以我把它改回了纯黑色。接下来是“浅色文字”。

如果我把这个改成红色并保存更改,刷新页面后,你会看到这些小文字,比如一些说明文字,都变成了红色。我决定把它改成灰色,这样这些文字会显示为灰色。

通过这些主题颜色选项,你可以自由地调整主题的外观和颜色,打造符合你品牌形象的网站。接下来是“字体选项”。在字体选项里,你可以选择任何字体家族、字体样式和字体大小,为你的网站设置合适的文字样式。

举个例子,现在我们使用的是默认字体,但如果你想换,可以随意更改。比如,我搜索“Poppins”并选择它。这样我就为主字体家族选择了Poppins字体。

现在看看效果,所有主要文字都变成了Poppins字体,侧边栏也是如此。

此外,还有很多选项,比如标题的粗细、标题是否大写等等。然后接下来是“登录和注册”选项。在这里,我们有一个“自定义登录页面”选项。

通过这个功能,你可以开启自定义登录页面。现在,如果我们打开一个隐身窗口,访问我们的网站目录(比如http://你的域名.com),你会看到默认的WordPress登录页面。因为我们在隐身窗口里还没有登录,所以这是默认的登录界面。,wordpress-4n0w85a036a3t3d759e4ea76iru7pzpqctnfqr0c.xn--,-br6a8u0a964dc1eqoaf45cca701e6oa030b3wc1v3ahx3al7dfa5n583fto4fyjnj8f4a180jl43atyej74d./)

这就是WordPress的默认登录页面。但如果你想,你可以开启自定义登录页面。启用后,你可以选择任何你喜欢的布局。我选择了第一个布局。然后确保选择这个登录页面为“登录42”。保存更改。

现在,如果我们在隐身窗口刷新页面,你会看到不再是默认的WordPress登录设计,而是Woffice提供的一个漂亮的登录设计。不过现在看起来还不够好,所以我们回到主题选项,可以进一步设计这个登录页面。

在这里你可以调整图片的不透明度,比如我把图片不透明度设置为0.5。默认情况下,右侧有一张图片,但如果你想,也可以上传你自己的图片到登录页面。

现在看看效果,增加图片的不透明度后,图片看起来有些模糊,不过这是默认图片。如果你想,可以在这里上传你自己的图片。

另外,如果你想更换登录页面的Logo,也可以做到。你可以去https://aiyoufeng.com/网站,点击下载本教程中使用的资源。下载后会得到一个压缩包,解压后你会有所有这些图片。从中选择你喜欢的图片,然后回到这里上传。

这是WordPress默认的媒体库,你可以选择任何文件,或者直接拖拽上传。上传后选择你想要的图片。

现在Logo已经加载好了,保存更改。刷新页面,你会看到登录页面的Logo已经被替换了。这就是最终的效果。

在这个登录页面,你可以以网站管理员身份登录。如果你点击“注册”选项,可以作为外部用户注册或注册网站。但如果你不希望外部用户注册,可以在设置里关闭这个注册选项。

所以我们需要去“设置”,在“常规”下打开一个新标签页,取消勾选“任何人都可以注册”,然后保存。现在回到这里,你会看到没有注册按钮了。

这意味着外部用户无法在你的网站上注册。只有你可以创建用户,然后将用户信息发送给你的员工,他们可以用这些信息登录你的页面,但无法自行注册或注册。

好了,关闭这个标签页,回到主题选项。这是登录页面的设置。现在我们来设置注册页面。

在这里,你可以添加注册欢迎信息,比如“欢迎来到我们的网站”。当外部用户注册时,这条信息会显示出来。还有邮箱验证功能。

当用户首次在你的网站上注册时,他们需要验证自己的邮箱地址,系统会向他们的邮箱发送一个链接来验证。所以我会保持这个功能开启。



然后我们有一个自动登录选项。这个选项的意思是,当新用户成功注册后,会自动被引导到你的首页,不需要再重新登录。

所以你可以选择关闭它。还有一些其他选项,比如“注册时给用户发送邮件”。当用户完成注册后,会给用户发送一封确认邮件,确认他们的注册过程。

接下来,这里有一个密码确认字段。在用户注册时,你可以选择是否显示这个密码确认字段。所以你可以选择开启它。

然后这里你可以选择是否需要强制密码验证。你还可以在注册表单上设置验证码(Captcha)等等,你可以自行探索这些选项。好了,我现在保存更改,然后我们回到“首页仪表盘”选项。

在这里,你可以选择仪表盘中显示的列数。比如说,三列。正如我们在演示网站中看到的,我们的仪表盘有三列。

1、2、3列。接下来是“允许拖放”功能。如果我们开启这个功能,正如你在演示网站中看到的,你可以直接拖动和重新排列仪表盘中的部件。

如果你需要这个功能,可以直接开启。然后还有“标题大写”选项,我这里选择关闭。

现在保存更改,继续往下。然后这里有“菜单选项”。在这里,你可以选择菜单的布局,是放在左边还是顶部。

目前菜单在左侧,但如果你想,也可以把它放在顶部。然后我们开启了“启用Woffice菜单图标”。所以在这里我们可以看到“启用菜单颜色”和“启用菜单排版”。

如果你开启这个功能,你可以自由调整侧边栏菜单的所有颜色。比如说,你选择背景颜色为橙色。看看前端网站效果,整个侧边栏颜色已经变成橙色。

不过这样看起来挺丑的,所以我还是保持白色。另外,我们有“菜单文字颜色”选项。现在是灰色的,我把它改成黑色,看看效果。

好了,如果你把文字颜色改成黑色,文字或链接会看起来更醒目。然后这里有“菜单背景悬停/激活颜色”。通过这个选项,你可以选择颜色。

比如说,我选择红色作为悬停和激活颜色,你会看到当鼠标悬停或激活时,菜单项会变成红色。这里有很多详细的选项,但现在我先不启用它。

然后我们有“启用菜单排版”。通过这个功能,你可以调整菜单的排版、字体大小、字体家族和样式等。好了,我这里保持默认设置。

所以所有菜单看起来都是这样。接下来,我们有“页脚选项”,在页脚选项里有“页脚英雄”功能。如果我们开启这个功能,前端网站的底部就会添加一个页脚英雄。



然后我们有一个自动登录选项。这个选项的意思是,当新用户成功注册后,会自动被引导到你的首页,不需要再重新登录。

所以你可以选择关闭它。还有一些其他选项,比如“注册时给用户发送邮件”。当用户完成注册后,会给用户发送一封确认邮件,确认他们的注册过程。

接下来,这里有一个密码确认字段。在用户注册时,你可以选择是否显示这个密码确认字段。所以你可以选择开启它。

然后这里你可以选择是否需要强制密码验证。你还可以在注册表单上设置验证码(Captcha)等等,这些选项你可以自行探索。好了,我现在保存更改,然后我们回到“首页仪表盘”选项。

在这里,你可以选择仪表盘中显示的列数。比如说,三列。正如我们在演示网站中看到的,我们的仪表盘有三列。

1、2、3列。接下来是“允许拖放”功能。如果我们开启这个功能,正如你在演示网站中看到的,你可以直接拖动和重新排列仪表盘中的部件。

如果你需要这个功能,可以直接开启。然后还有“标题大写”选项,我这里选择关闭。

现在保存更改,继续往下。然后这里有“菜单选项”。在这里,你可以选择菜单的布局,是放在左边还是顶部。

目前菜单在左侧,但如果你想,也可以把它放在顶部。然后我们开启了“启用Woffice菜单图标”。所以在这里我们可以看到“启用菜单颜色”和“启用菜单排版”。

如果你开启这个功能,你可以自由调整侧边栏菜单的所有颜色。比如说,你选择背景颜色为橙色。看看前端网站效果,整个侧边栏颜色已经变成了橙色。

不过这样看起来挺丑的,所以我还是保持白色。另外,我们有“菜单文字颜色”选项。现在是灰色的,我把它改成黑色,看看效果。

好了,如果你把文字颜色改成黑色,文字或链接会看起来更醒目。然后这里有“菜单背景悬停/激活颜色”。通过这个选项,你可以选择颜色。

比如说,我选择红色作为悬停和激活颜色,你会看到当鼠标悬停或激活时,菜单项会变成红色。这里有很多详细的选项,但现在我先不启用它。

然后我们有“启用菜单排版”。通过这个功能,你可以调整菜单的排版、字体大小、字体家族和样式等。好了,我这里保持默认设置。

所以所有菜单看起来都是这样。接下来,我们有“页脚选项”,在页脚选项里有“页脚英雄”功能。如果我们开启这个功能,前端网站的底部就会添加一个页脚英雄。

通过这里,你可以更改这个图片和文字。然后在“页脚英雄”之后,我们有“页脚布局”选项。你可以从这里选择任何布局。

比如说,双列布局、三列布局等等。然后我们有“版权栏”。通过这个选项,你可以显示你的版权文字,比如这样。

版权文字会显示在页脚横幅之后。你可以更新自己的版权文字。然后还有“标题框选项”。

如果你开启这个标题框,前端页面的标题部分会带有图片。比如说,这是我们的仪表盘页面,这里可以看到仪表盘;这是我们的项目页面,我们可以看到项目旁边有图片。所以如果你需要,可以保留它。

不过我现在决定不保留它,所以保存更改。

现在我们回到BuddyPress选项。这里有“个人资料或群组布局”,你可以选择水平或垂直布局。我选择垂直布局。

然后这里可以显示个人日历、个人笔记、社交字段等等。还有“角色过滤器”选项,这会在BuddyPress成员目录中显示一个下拉过滤器。

所以我选择显示。接着,我会把“成员布局”设置为卡片式布局。好了,保存更改。

接下来是“页眉栏选项”。通过这里你可以更改主Logo,就是这个。

现在你可以更改默认的Logo,换成你自己的公司Logo或品牌Logo。另外,菜单里有一个搜索图标。

如果你开启这个功能,仪表盘或这个区域会显示一个搜索栏。通过这里,你可以搜索任何内容,比如项目、信息、活动等等。然后还有“用户框”选项。

如果你开启这个功能,导航栏或侧边栏会显示一个用户框。所以我会选择开启。接着有“用户框位置”选项。

通过这个选项,你可以选择用户框是在右侧还是顶部导航栏。虽然我们这里没有顶部导航栏,但你可以选择位置。

所以我会把它放在右侧边栏。还有“显示通知图标”选项。

这样,你的菜单就不仅功能齐全,还看起来更加美观和专业了。



接下来我们有一个通知图标。你可以选择是否要保留它。我打算保留。

然后我们有侧边栏选项,从这里我们会开启“在页面上显示侧边栏”。所以保存更改。

接着,我会开启“默认打开侧边栏”。这样当你打开网站时,右侧边栏会默认显示。设置为“是”并保存更改,看看效果。

如你所见,我们现在有了一个右侧边栏,上面有用户框、生日小工具和任务小工具。

但目前我们的网站还没有用户,所以这里没有显示任何生日或任务。不过如果你看我们的演示网站,添加了一些用户后,你会看到他们即将到来的生日。如果你为他们分配了任务,也能在这里看到任务。

我们稍后会进行这些操作。现在回到这里。你还可以在群组和成员页面上开启侧边栏。

所以设置为“是”。然后在博客页面,我们有博客选项。在博客选项里,你可以选择每页显示多少篇文章。

你可以设置为任何数量,比如10篇、15篇,随你喜欢。你还可以选择博客页面的标题。

比如,你可以把文章页面标题设置为“博客”,或者“文章”。随你喜欢,我这里保持为“博客”。

然后你可以选择博客的布局。目前是网格布局(Grid),你也可以选择其他布局。好了,保存更改。

现在我要进入“权限”设置。在权限设置下,你会看到很多下拉选项,包括常规选项、BuddyPress页面选项等等。在常规选项里,我们有这个选项:

“是否让这个网站公开?”如果选择“是”,你的网站将对公众开放。每个访客都可以登录你的网站,如果他们有登录信息的话。

所以我选择“否”。接着,你可以查看所有其他选项,探索所有功能,比如Wiki选项。在这里你可以选择谁可以创建Wiki。



现在设置为只有管理员可以创建Wiki,这意味着只有管理员能创建Wiki。如果你想,也可以给订阅者(也就是你的员工)赋予这个权限。

这里有一个选项是“谁可以编辑Wiki文章”。你也可以选择订阅者。然后是项目选项。

在这里你可以选择谁可以创建项目。我建议保持为“只有管理员”,因为你只应该由管理员为员工创建项目,对吧?就这样。

还有其他选项,比如博客文章。通过这些选项,你可以选择谁可以在你的网站上创建博客,谁可以删除博客。比如你可以选择作者或编辑者,根据需要进行设置。然后我们有活动选项,你可以设置谁可以在你的网站上创建活动。

所以这次我会同时给订阅者和管理员赋予创建活动的权限。好了,保存更改。

在权限设置之后,我们有“发布、Wiki、项目”选项。

在Wiki选项中,我们有不同的下拉菜单。比如“显示点赞按钮”。如果你开启这个选项,任何人都可以阅读Wiki,阅读后可以点赞。所以你可以选择开启或关闭,我这里选择开启。

然后是项目选项。你可以启用分类过滤,我也会开启这个选项。

接着你可以启用日期排序功能。所以如果你去查看项目,你会看到按日期排序和按状态排序的选项。这对于管理大量项目来说,非常方便实用。

还有很多其他选项。然后是“包含在BuddyPress群组中”。当你创建一个新项目时,项目分类也会在每个BuddyPress群组中创建。所以我们可以开启这个选项。

接下来是博客页面选项。你可以开启“在页面上显示评论”,这样人们可以在你的博客和页面上发表评论。

现在保存更改。至此,我们已经完成了所有主题选项的设置。我向你展示了为项目管理网站可能需要的所有重要设置。


GPT提示生成头像:

我准备用AI图片生成器生成一些随机的正面头像,你现在帮我随机想一些提示词prompt,用人像摄影风格。


现在不要犹豫去探索其他选项和设置,因为这些选项都是为了帮助你,没有任何一个会对你的网站造成伤害。所以,尽情地尝试吧。

接下来,我们要为网站创建一些用户。因为现在我们只有一个用户,那就是我自己。我们可以通过WordPress仪表盘创建用户,也可以通过网站的注册流程来创建用户。

首先,我会展示如何通过WordPress仪表盘创建用户。然后,我会展示如何通过网站注册来创建用户。

所以现在,我要点击“添加新用户”。

首先,创建用户需要填写用户名,这是必填项。所以我们输入用户名“xiao”。然后是邮箱地址,我这里输入一个虚拟的邮箱地址,比如“xiao@mail.com”。

在密码栏,我们输入一个密码。虽然系统提示密码强度为中等,但我们暂且不用担心。

然后在角色选择中,你可以选择这个用户的角色。我们有管理员、编辑、作者、贡献者和订阅者。基本上,你的员工应该都是订阅者。

所以我们选择“订阅者”,如果你愿意,还可以添加员工的周年纪念信息。好了,现在我点击“添加新用户”,如你所见,xiao用户已经被添加进来了。

现在,我要展示如何通过网站的注册流程创建用户。

首先,我会打开一个隐身窗口,在登录页面中。正如你所见,我们之前已经禁用了注册选项。所以我们需要暂时开启它。在“外观”下,进入“开发设置选项”,然后在“登录和注册”选项中,首先我要关闭邮箱验证,因为我们创建的用户和邮箱都是虚拟的。

所以我们需要关闭邮箱验证,这样我就可以使用随机的邮箱了。好了,现在保存更改,然后去“设置”中的“常规”选项,在“会员资格”下,开启“任何人都可以注册”,然后保存更改。

现在,如果我们回到隐身窗口并刷新页面,你会看到有了“注册”选项。如你所见,这是我们之前输入的欢迎信息。现在我们可以注册了。

点击“注册”,你会看到和之前类似的输入框,需要填写用户名、邮箱、密码等。

这里还有密码确认字段,这是我们在设置中开启的选项。然后还有名字,你也可以选择开启姓氏。

所以现在先创建一个用户名,输入“xiao”,邮箱地址输入“random@anna.com”,然后密码我输入“1”,系统提示密码强度为中等。确认密码,我输入“Anna Grace”,然后点击“注册”。

注册完成后,我们需要用刚才的信息再次登录,因为我们在设置中关闭了自动登录。所以在登录页面,我输入用户名“Anna”和密码,然后勾选“记住我”,点击登录。现在我们看到的是带有这个用户的仪表盘。在用户框中,我们可以看到用户名“Anna”,点击后,会弹出一个侧边栏,里面有许多选项,可以查看个人资料、编辑个人资料等等。我们稍后会详细探讨这些功能。

接下来,我们有这个通知图标。你可以选择是否要保留它。我打算保留。

然后我们有侧边栏选项,从这里我们会开启“在页面上显示侧边栏”。所以保存更改。

接着,我会开启“默认打开侧边栏”。这样当你打开网站时,右侧边栏会默认显示。设置为“是”并保存更改,看看效果。

如你所见,我们现在有了一个右侧边栏,上面有用户框、生日小工具和任务小工具。

但目前我们的网站还没有用户,所以这里没有显示任何生日或任务。不过如果你看我们的演示网站,添加了一些用户后,你会看到他们即将到来的生日。如果你为他们分配了任务,也能在这里看到任务。

我们稍后会进行这些操作。现在回到这里。你还可以在群组和成员页面上开启侧边栏。

所以设置为“是”。然后在博客页面,我们有博客选项。在博客选项里,你可以选择每页显示多少篇文章。

你可以设置为任何数量,比如10篇、15篇,随你喜欢。你还可以选择博客页面的标题。

比如,你可以把文章页面标题设置为“博客”,或者“文章”。随你喜欢,我这里保持为“博客”。

然后你可以选择博客的布局。从这里目前是网格布局(Grid),你也可以选择其他布局。好了,保存更改。

现在我要进入“权限”设置。在权限设置下,你会看到很多下拉选项,包括常规选项、BuddyPress页面选项等等。在常规选项里,我们有这个选项:

“是否让这个网站公开?”如果选择“是”,你的网站将对公众开放。每个访客都可以登录你的网站,如果他们有登录信息的话。

所以我选择“否”。接着,你可以查看所有其他选项,探索所有功能,比如Wiki选项。在这里你可以选择谁可以创建Wiki。

现在设置为只有管理员可以创建Wiki,这意味着只有管理员能创建Wiki。如果你想,也可以给订阅者(也就是你的员工)赋予这个权限。

这里有一个选项是“谁可以编辑Wiki文章”。你也可以选择订阅者。然后是项目选项。

在这里你可以选择谁可以创建项目。我建议保持为“只有管理员”,因为你只应该由管理员为员工创建项目,对吧?就这样。

还有其他选项,比如博客文章。通过这些选项,你可以选择谁可以在你的网站上创建博客,谁可以删除博客。比如你可以选择作者或编辑者,根据需要进行设置。然后我们有活动选项,你可以设置谁可以在你的网站上创建活动。

所以这次我会同时给订阅者和管理员赋予创建活动的权限。好了,保存更改。

在权限设置之后,我们有“发布、Wiki、项目”选项。

在Wiki选项中,我们有不同的下拉菜单。比如“显示点赞按钮”。如果你开启这个选项,任何人都可以阅读Wiki,阅读后可以点赞。所以你可以选择开启或关闭,我这里选择开启。

然后是项目选项。你可以启用分类过滤,我也会开启这个选项。

接着你可以启用日期排序功能。所以如果你去查看项目,你会看到按日期排序和按状态排序的选项。这对于管理大量项目来说,非常方便实用。

还有很多其他选项。然后是“包含在BuddyPress群组中”。当你创建一个新项目时,项目分类也会在每个BuddyPress群组中创建。所以我们可以开启这个选项。

接下来是博客页面选项。你可以开启“在页面上显示评论”,这样人们可以在你的博客和页面上发表评论。

现在保存更改。至此,我们已经完成了所有主题选项的设置。我向你展示了为项目管理网站可能需要的所有重要设置。



现在不要犹豫去探索其他选项和设置,因为这些选项都是为了帮助你,没有任何一个会对你的网站造成伤害。所以,尽情地尝试吧。

接下来,我们要为网站创建一些用户。因为现在我们只有一个用户,那就是我自己。我们可以通过WordPress仪表盘创建用户,也可以通过网站的注册流程来创建用户。

首先,我会展示如何通过WordPress仪表盘创建用户。然后,我会展示如何通过网站注册来创建用户。

所以现在,我要点击“添加新用户”。

 

在密码栏,我们输入一个密码。虽然系统提示密码强度为中等,但我们暂且不用担心。

然后在角色选择中,你可以选择这个用户的角色。我们有管理员、编辑、作者、贡献者和订阅者。基本上,你的员工应该都是订阅者。

所以我们选择“订阅者”,如果你愿意,还可以添加员工的周年纪念信息。好了,现在我点击“添加新用户”,如你所见,Adam用户已经被添加进来了。

现在,我要展示如何通过网站的注册流程创建用户。

首先,我会打开一个隐身窗口,在登录页面中。正如你所见,我们之前已经禁用了注册选项。所以我们需要暂时开启它。在“外观”下,进入“开发设置选项”,然后在“登录和注册”选项中,首先我要关闭邮箱验证,因为我们创建的用户和邮箱都是虚拟的。

所以我们需要关闭邮箱验证,这样我就可以使用随机的邮箱了。好了,现在保存更改,然后去“设置”中的“常规”选项,在“会员资格”下,开启“任何人都可以注册”,然后保存更改。

现在,如果我们回到隐身窗口并刷新页面,你会看到有了“注册”选项。如你所见,这是我们之前输入的欢迎信息。现在我们可以注册了。

点击“注册”,你会看到和之前类似的输入框,需要填写用户名、邮箱、密码等。

这里还有密码确认字段,这是我们在设置中开启的选项。然后还有名字,你也可以选择开启姓氏。

 

注册完成后,我们需要用刚才的信息再次登录,因为我们在设置中关闭了自动登录。所以在登录页面,我输入用户名“Anna”和密码,然后勾选“记住我”,点击登录。现在我们看到的是带有这个用户的仪表盘。在用户框中,我们可以看到用户名“Anna”,点击后,会弹出一个侧边栏,里面有许多选项,可以查看个人资料、编辑个人资料等等。我们稍后会详细探讨这些功能。

接下来,我们有这个通知图标。你可以选择是否要保留它。我打算保留。

然后我们有侧边栏选项,从这里我们会开启“在页面上显示侧边栏”。所以保存更改。

接着,我会开启“默认打开侧边栏”。这样当你打开网站时,右侧边栏会默认显示。设置为“是”并保存更改,看看效果。

如你所见,我们现在有了一个右侧边栏,上面有用户框、生日小工具和任务小工具。

但目前我们的网站还没有用户,所以这里没有显示任何生日或任务。不过如果你看我们的演示网站,添加了一些用户后,你会看到他们即将到来的生日。如果你为他们分配了任务,也能在这里看到任务。

我们稍后会进行这些操作。现在回到这里。你还可以在群组和成员页面上开启侧边栏。

所以设置为“是”。然后在博客页面,我们有博客选项。在博客选项里,你可以选择每页显示多少篇文章。

你可以设置为任何数量,比如10篇、15篇,随你喜欢。你还可以选择博客页面的标题。

比如,你可以把文章页面标题设置为“博客”,或者“文章”。随你喜欢,我这里保持为“博客”。

然后你可以选择博客的布局。从这里目前是网格布局(Grid),你也可以选择其他布局。好了,保存更改。

现在我要进入“权限”设置。在权限设置下,你会看到很多下拉选项,包括常规选项、BuddyPress页面选项等等。在常规选项里,我们有这个选项:

“是否让这个网站公开?”如果选择“是”,你的网站将对公众开放。每个访客都可以登录你的网站,如果他们有登录信息的话。

所以我选择“否”。接着,你可以查看所有其他选项,探索所有功能,比如Wiki选项。在这里你可以选择谁可以创建Wiki。

现在设置为只有管理员可以创建Wiki,这意味着只有管理员能创建Wiki。如果你想,也可以给订阅者(也就是你的员工)赋予这个权限。

这里有一个选项是“谁可以编辑Wiki文章”。你也可以选择订阅者。然后是项目选项。

在这里你可以选择谁可以创建项目。我建议保持为“只有管理员”,因为你只应该由管理员为员工创建项目,对吧?就这样。

还有其他选项,比如博客文章。通过这些选项,你可以选择谁可以在你的网站上创建博客,谁可以删除博客。比如你可以选择作者或编辑者,根据需要进行设置。然后我们有活动选项,你可以设置谁可以在你的网站上创建活动。

所以这次我会同时给订阅者和管理员赋予创建活动的权限。好了,保存更改。

在权限设置之后,我们有“发布、Wiki、项目”选项。

在Wiki选项中,我们有不同的下拉菜单。比如“显示点赞按钮”。如果你开启这个选项,任何人都可以阅读Wiki,阅读后可以点赞。所以你可以选择开启或关闭,我这里选择开启。

然后是项目选项。你可以启用分类过滤,我也会开启这个选项。

接着你可以启用日期排序功能。所以如果你去查看项目,你会看到按日期排序和按状态排序的选项。这对于管理大量项目来说,非常方便实用。

还有很多其他选项。然后是“包含在BuddyPress群组中”。当你创建一个新项目时,项目分类也会在每个BuddyPress群组中创建。所以我们可以开启这个选项。

接下来是博客页面选项。你可以开启“在页面上显示评论”,这样人们可以在你的博客和页面上发表评论。

现在保存更改。至此,我们已经完成了所有主题选项的设置。我向你展示了为项目管理网站可能需要的所有重要设置。


现在我们来回顾一下我们的页面。点击“社区”,你会发现点击“社区”实际上会跳转到“成员”页面。因为如果你还记得,我们之前已经在这里放置了“成员”页面的链接,对吧?然后还有“群组”。

基本上,我们所有的页面都在这里,整体看起来还不错。但我们稍后会对这些页面进行进一步的完善。在那之前,先来处理一下仪表盘,因为现在仪表盘里什么都没有。

所以回到我们的WordPress,在“外观”下有一个“部件”。点击“部件”,这里你会看到有很多可用的部件。虽然有很多,但我们只需要几个。

首先,我们先集中在这部分。我们有右侧边栏、仪表盘部件和页脚部件。添加部件的基本方法就是从这里拖一个部件,然后放到对应的位置。

我刚刚添加了一个生日部件,点击“完成”。基本上,添加部件的方法就是从可用的部件中拖一个,然后放到这里。我又在仪表盘部件区域添加了一个项目部件。

然后我们给它加个标题,比如“项目”,你还可以选择分类等等。然后保存。如果我们打开前端网站并刷新页面,就可以看到这个项目部件已经被添加了。

不过因为我们还没有创建任何项目,所以暂时还不会显示内容。基本上,添加完仪表盘部件并创建项目后,它会像这样显示。好了,这些就是基本的部件。

接下来我们添加其他部件。比如时间跟踪器、日历和帖子。回到这里,我们添加时间跟踪部件。

给它加个标题,比如“时间跟踪”,你还可以添加描述。我这里就跳过描述,直接保存。然后我还需要添加一个投票部件。

在这个投票部件里,你可以重命名它,我把它重命名为“投票”。

好了,现在保存。你还可以添加任务部件,比如“用户任务”。好了,基本上我已经在仪表盘区域添加了所有需要的部件。

你可以在这里看到。因为我们还没有启用右侧边栏,所以即使在右侧边栏添加了部件,也看不到任何内容。

所以我现在要在右侧边栏添加我们必要的部件。右侧边栏。以后当我们启用右侧边栏时,就能看到这些部件了。

然后我们有了生日小工具。接下来,我还想再添加一个,就是“用户任务”,但我打算从仪表盘中删除“用户任务”,因为我们已经把它放在右侧边栏了。所以从这里打开它,然后你可以删除这个小工具。

好了,现在我们回到Woffice主题选项,来探索里面的所有主题设置选项。这部分其实挺有趣的,我们会一个一个地设置这些选项。

首先,点击“主题选项”。在主题选项下,首先是“主题颜色”。在这里有很多颜色选项,比如主色、背景色、深色背景、浅色背景、文字颜色等等。

举个例子,如果你把主色改成橙色,然后保存更改。接着在前端查看,你会发现所有重要的元素,比如选中的菜单项、按钮,都变成了橙色。

基本上,这样你就可以整体改变主题的颜色了。你可以根据自己的品牌颜色来设置这些颜色。接下来,我们有“深色背景”选项。

我把这个颜色改成了纯白色。另外还有“浅色背景”,这是整个页面主体或空白区域的颜色。我把它设置成了灰色。然后保存更改并刷新页面。你会看到,深色背景现在应用在了侧边栏和小工具的背景上,全部变成了白色。浅色背景则是灰色。

这样设置之后,主体颜色变成了灰色,这样可以更清晰地看到这些小工具和侧边栏,因为颜色之间有了明显的区分。当然,你也可以根据自己的喜好设置成任何颜色。

然后是“深色文字”。比如,我把它改成了红色,看看有什么变化。你会发现小工具上的主要文字和其他一些内容都变成了红色。不过这样看起来挺丑的,所以我把它改回了纯黑色。接下来是“浅色文字”。

如果我把这个改成红色并保存更改,刷新页面后,你会看到这些小文字,比如一些说明文字,都变成了红色。我决定把它改成灰色,这样这些文字会显示为灰色。

通过这些主题颜色选项,你可以自由地调整主题的外观和颜色,打造符合你品牌形象的网站。接下来是“字体选项”。在字体选项里,你可以选择任何字体家族、字体样式和字体大小,为你的网站设置合适的文字样式。

比如说,现在我们使用的是默认字体,但如果你想换,可以随意更改。比如,我搜索“Poppins”并选择它。这样我就为主字体家族选择了Poppins字体。

现在看看效果,所有主要文字都变成了Poppins字体,侧边栏也是如此。

此外,还有很多选项,比如标题的粗细、标题是否大写等等。然后接下来是“登录和注册”选项。在这里,我们有一个“自定义登录页面”选项。

通过这个功能,你可以开启自定义登录页面。现在,如果我们打开一个隐身窗口,访问我们的网站目录(比如http://你的域名.com),你会看到默认的WordPress登录页面。因为我们在隐身窗口里还没有登录,所以这是默认的登录界面。,

这就是WordPress的默认登录页面。但如果你想,你可以开启自定义登录页面。启用后,你可以选择任何你喜欢的布局。我选择了第一个布局。然后确保选择这个登录页面为“登录42”。保存更改。

现在,如果我们在隐身窗口刷新页面,你会看到不再是默认的WordPress登录设计,而是Woffice提供的一个漂亮的登录设计。不过现在看起来还不够好,所以我们回到主题选项,可以进一步设计这个登录页面。

在这里你可以调整图片的不透明度,比如我把图片不透明度设置为0.5。默认情况下,右侧有一张图片,但如果你想,也可以上传你自己的图片到登录页面。

现在看看效果,增加图片的不透明度后,图片看起来有些模糊,不过这是默认图片。如果你想,可以在这里上传你自己的图片。

另外,如果你想更换登录页面的Logo,也可以做到。你可以去JFD网站,点击下载本教程中使用的资源。下载后会得到一个压缩包,解压后你会有所有这些图片。从中选择你喜欢的图片,然后回到这里上传。

这是WordPress默认的媒体库,你可以选择任何文件,或者直接拖拽上传。上传后选择你想要的图片。

现在Logo已经加载好了,保存更改。刷新页面,你会看到登录页面的Logo已经被替换了。这就是最终的效果。

在这个登录页面,你可以以网站管理员身份登录。如果你点击“注册”选项,可以作为外部用户注册或注册网站。但如果你不希望外部用户注册,可以在设置里关闭这个注册选项。

所以我们需要去“设置”,在“常规”下打开一个新标签页,取消勾选“任何人都可以注册”,然后保存。现在回到这里,你会看到没有注册按钮了。

这意味着外部用户无法在你的网站上注册。只有你可以创建用户,然后将用户信息发送给你的员工,他们可以用这些信息登录你的页面,但无法自行注册或注册。

好了,关闭这个标签页,回到主题选项。这是登录页面的设置。现在我们来设置注册页面。

在这里你可以添加注册欢迎信息,比如“欢迎来到我们的网站”。当外部用户注册时,这条信息会显示出来。还有邮箱验证功能。

当用户首次在你的网站上注册时,他们需要验证自己的邮箱地址,系统会向他们的邮箱发送一个链接来验证。所以我会保持这个功能开启。

然后我们有自动登录选项。这个选项的意思是,当新用户成功注册后,会自动被引导到你的首页,不需要再重新登录。

所以你可以选择关闭它。还有一些其他选项,比如“注册时给用户发送邮件”。当用户完成注册后,会给用户发送一封确认邮件,确认他们的注册过程。

接下来,这里有一个密码确认字段。在用户注册时,你可以选择是否显示这个密码确认字段。所以你可以选择开启它。

然后这里你可以选择是否需要强制密码验证。你还可以在注册表单上设置验证码(Captcha)等等,这些选项你可以自行探索。好了,我现在保存更改,然后我们回到“首页仪表盘”选项。

在这里,你可以选择仪表盘中显示的列数。比如说,三列。正如我们在演示网站中看到的,我们的仪表盘有三列。

1、2、3列。接下来是“允许拖放”功能。如果我们开启这个功能,正如你在演示网站中看到的,你可以直接拖动和重新排列仪表盘中的小工具。

如果你需要这个功能,可以直接开启。然后还有“标题大写”选项,我这里选择关闭。

现在保存更改,继续往下。然后这里有“菜单选项”。在这里,你可以选择菜单的布局,是放在左边还是顶部。

目前菜单在左侧,但如果你想,也可以把它放在顶部。然后我们开启了“启用Woffice菜单图标”。所以在这里我们可以看到“启用菜单颜色”和“启用菜单排版”。

如果你开启这个功能,你可以自由调整侧边栏菜单的所有颜色。比如说,你选择背景颜色为橙色。看看前端网站效果,整个侧边栏颜色已经变成了橙色。

不过这样看起来挺丑的,所以我还是保持白色。另外,我们有“菜单文字颜色”选项。现在是灰色的,我把它改成黑色,看看效果。

好了,如果你把文字颜色改成黑色,文字或链接会看起来更醒目。然后这里有“菜单背景悬停/激活颜色”。通过这个选项,你可以选择颜色。

比如说,我选择红色作为悬停和激活颜色,你会看到当鼠标悬停或激活时,菜单项会变成红色。这里有很多详细的选项,但现在我先不启用它。

然后我们有“启用菜单排版”。通过这个功能,你可以调整菜单的排版、字体大小、字体家族和样式等。好了,我这里保持默认设置。

所以所有菜单看起来都是这样。接下来,我们有“页脚选项”,在页脚选项里有“页脚英雄”功能。如果我们开启这个功能,前端网站的底部就会添加一个页脚英雄。

通过这里,你可以更改这个图片和文字。然后在“页脚英雄”之后,我们有“页脚布局”选项。你可以从这里选择任何布局。

比如说,双列布局、三列布局等等。然后我们有“版权栏”。通过这个选项,你可以显示你的版权文字,比如这样。

版权文字会显示在页脚横幅之后。你可以更新自己的版权文字。然后还有“标题框选项”。

如果你开启这个标题框,前端页面的标题部分会带有图片。比如说,这是我们的仪表盘页面,这里可以看到仪表盘;这是我们的项目页面,我们可以看到项目旁边有图片。所以如果你需要,可以保留它。

不过我现在决定不保留它,所以保存更改。

现在我们回到BuddyPress选项。这里有“个人资料或群组布局”,你可以选择水平或垂直布局。我选择垂直布局。

然后这里可以显示个人日历、个人笔记、社交字段等等。还有“角色过滤器”选项,这会在BuddyPress成员目录中显示一个下拉过滤器。

所以我选择显示。接着,我会把“成员布局”设置为卡片式布局。好了,保存更改。

接下来是“页眉栏选项”。通过这里你可以更改主Logo,就是这个。

现在你可以更改默认的Logo,换成你自己的公司Logo或品牌Logo。另外,菜单里有一个搜索图标。

如果你开启这个功能,仪表盘或这个区域会显示一个搜索栏。通过这里,你可以搜索任何内容,比如项目、信息、活动等等。然后还有“用户框”选项。

如果你开启这个功能,导航栏或侧边栏会显示一个用户框。所以我会选择开启。接着有“用户框位置”选项。

通过这个选项,你可以选择用户框是在右侧还是顶部导航栏。虽然我们这里没有顶部导航栏,但你可以选择位置。

所以我会把它放在右侧边栏。还有“显示通知图标”选项。

这个通知图标就是这个。你可以选择是否要保留它。我打算保留。

然后我们有侧边栏选项,从这里我们会开启“在页面上显示侧边栏”。所以保存更改。

接着,我会开启“默认打开侧边栏”。这样当你打开网站时,右侧边栏会默认显示。设置为“是”并保存更改,看看效果。

如你所见,我们现在有了一个右侧边栏,上面有用户框、生日小工具和任务小工具。

但目前我们的网站还没有用户,所以这里没有显示任何生日或任务。不过如果你看我们的演示网站,添加了一些用户后,你会看到他们即将到来的生日。如果你为他们分配了任务,也能在这里看到任务。

我们稍后会进行这些操作。现在回到这里。你还可以在群组和成员页面上开启侧边栏。

所以设置为“是”。然后在博客页面,我们有博客选项。在博客选项里,你可以选择每页显示多少篇文章。

你可以设置为任何数量,比如10篇、15篇,随你喜欢。你还可以选择博客页面的标题。

比如,你可以把文章页面标题设置为“博客”,或者“文章”。随你喜欢,我这里保持为“博客”。

然后你可以选择博客的布局。从这里目前是网格布局(Grid),你也可以选择其他布局。好了,保存更改。

现在我要进入“权限”设置。在权限设置下,你会看到很多下拉选项,包括常规选项、BuddyPress页面选项等等。在常规选项里,我们有这个选项:

“是否让这个网站公开?”如果选择“是”,你的网站将对公众开放。每个访客都可以登录你的网站,如果他们有登录信息的话。

所以我选择“否”。接着,你可以查看所有其他选项,探索所有功能,比如Wiki选项。在这里你可以选择谁可以创建Wiki。

现在设置为只有管理员可以创建Wiki,这意味着只有管理员能创建Wiki。如果你想,也可以给订阅者(也就是你的员工)赋予这个权限。

这里有一个选项是“谁可以编辑Wiki文章”。你也可以选择订阅者。然后是项目选项。

在这里你可以选择谁可以创建项目。我建议保持为“只有管理员”,因为你只应该由管理员为员工创建项目,对吧?就这样。

还有其他选项,比如博客文章。通过这些选项,你可以选择谁可以在你的网站上创建博客,谁可以删除博客。比如你可以选择作者或编辑者,根据需要进行设置。然后我们有活动选项,你可以设置谁可以在你的网站上创建活动。

所以这次我会同时给订阅者和管理员赋予创建活动的权限。好了,保存更改。

在权限设置之后,我们有“发布、Wiki、项目”选项。

在Wiki选项中,我们有不同的下拉菜单。比如“显示点赞按钮”。如果你开启这个选项,任何人都可以阅读Wiki,阅读后可以点赞。所以你可以选择开启或关闭,我这里选择开启。

然后是项目选项。你可以启用分类过滤,我也会开启这个选项。

接着你可以启用日期排序功能。所以如果你去查看项目,你会看到按日期排序和按状态排序的选项。这对于管理大量项目来说,非常方便实用。

还有很多其他选项。然后是“包含在BuddyPress群组中”。当你创建一个新项目时,项目分类也会在每个BuddyPress群组中创建。所以我们可以开启这个选项。

接下来是博客页面选项。你可以开启“在页面上显示评论”,这样人们可以在你的博客和页面上发表评论。

现在保存更改。至此,我们已经完成了所有主题选项的设置。我向你展示了为项目管理网站可能需要的所有重要设置。


现在,我们回到仪表盘,在“用户”下,你可以看到虽然我们刚刚创建了Adam用户,但Anna用户也在这里,因为我们通过网站注册了这个用户。当然,你可以打开这个账户并进行所有设置。比如你可以看到在名字栏,我们填写了全名。

所以我现在要从这里删除这个信息,然后在姓氏栏填写正确的名字。好了,你可以随意编辑这里的所有信息,点击“更新用户”。现在,我还要创建更多用户,因为我想向你展示如何创建用户、发布内容、分配任务、创建群组等等。

创建用户的过程完全相同。所以创建完成后,我会回来继续操作。顺便说一下,这里你还可以选择是否在创建新用户时发送通知邮件给用户。

所以在你创建用户账户后,该用户会收到一封包含登录信息(用户名和密码)的邮件。这样他们就可以使用这些信息登录你的网站。好了,我已经创建了所有用户,现在最后我想编辑我的个人用户信息。

我会更改名字,让它看起来更好。好了,点击“更新”。如果你想知道如何更改用户的头像或展示图片,可以通过用户自己的账户轻松完成。

所以在这里,点击“编辑”个人资料。这里有更改头像和封面图片的选项。你可以更改个人头像,也可以更改用户的封面图片。

所以点击“更改头像”,在这个字段里选择你的图片文件。顺便说一下,下载资源后,你会有两个文件夹,一个是DP,一个是images。我们已经使用了这些图片,但如果你想为你的用户试验,可以使用这些图片作为用户的头像。

所以为这个用户选择一个图片,裁剪后点击“裁剪图片”,头像就会立即更改。好了,回到这里。顺便说一下,当你的用户首次登录你的网站时,目前它会随机跳转到一个页面,但我们不希望这样。我们希望用户首次登录后直接进入仪表盘。

这是非常简单的。只需去仪表盘,在“设置”下找到“阅读”选项。这里目前设置的是首页显示最新文章。因为我们没有任何文章,所以显示“未找到内容”。

这就是因为它设置为显示最新文章。但我们不希望这样,我们希望设置一个静态页面。

这里有两个选项,一个是首页,一个是文章页面。所以在首页选项里,我选择“仪表盘”,在文章页面里选择“博客”。保存更改后,仪表盘就被设置为我们的首页。

所以如果任何人登录你的网站,他们将直接进入这个仪表盘,因为我们已经将仪表盘设置为首页。就这么简单。


现在我们要做的是全面浏览一下我们的网站前端,首先添加管理员用户。所以从这里我先刷新一下页面。正如你所见,我们现在以管理员身份登录。

接下来,让我们对个人资料做一些简单的设置。在编辑模式下,我会把名字改成我的名字,然后在这里选择我的生日日期。我选了一个随机的日期,保存更改。

另外,我还可以更换我的头像,这样一切看起来就更真实了。好了,如你所见,我已经更新了我的头像。

现在我们回到仪表盘,这里你可以看到我的即将到来的生日。因为我已经设置了我的生日,所以它会显示在这里。现在让我们来浏览一下我们的网站页面。

首先从“社区”开始。在这里的“成员”下,你可以看到有两个用户。一个是管理员,另一个是订阅者。

为什么会这样?因为我们在仪表盘上创建了更多用户。正如你在用户列表中看到的,我们有1、2、3、4、5、6个用户,但在网站上只显示了两个,因为只有当前登录的用户(管理员)在线,其他四个成员尚未登录网站。我打算用我们创建的所有用户登录,因为接下来我想向你展示如何创建群组,为此我们需要更多用户。

好了,现在我们打开一个隐身窗口,从这里我先登出Anna用户,然后用其他用户登录。好了,现在我已经用所有用户登录了,我们可以在“所有成员”中看到所有用户。同时,我们也可以在右侧看到更多即将到来的生日。

如你所见,我们可以发送好友请求和私信。好了,现在让我们进入“群组”页面。目前我们还没有任何群组。

所以我现在要在这里创建一个群组,点击“创建群组”。首先,我们需要填写群组的详细信息,比如群组名称。

我们输入一个名字,比如“设计师团队”。然后在这里填写描述。接着点击按钮,进入其他选项。

在这里,你可以为群组设置一些选项。比如这是一个公开群组。在公开群组中,任何网站成员都可以加入并与群组互动。

如果选择私密群组,只有申请并被接受的人才能加入群组。如果选择隐藏群组,只有被邀请的人才能加入。所以我这里选择私密群组。

另外,你可以设置哪些群组成员可以邀请其他人。我选择“仅管理员和版主”可以邀请。

好了,现在进入下一步。在这里,你可以选择群组的照片,这是群组的头像。

选择一张图片,然后你可以像这样裁剪图片。好了,点击“裁剪图片”。接着,上传群组的封面照片。

选择一张图片,上传成功后,点击下一步。在邀请部分,你可以邀请所有成员。

比如,点击“所有成员”,所有成员都会显示在这里。然后你想邀请谁,就点击他们旁边的加号图标。选择好后,点击“发送邀请”,你可以在这里输入一条消息。

这一步是可选的,比如“请加入群组”,这条消息会发送到他们的邮箱。然后点击“发送”,系统会提示“邀请已发送”。最后,点击“完成”,群组就创建好了。

现在你可以看到,在群组活动区,你可以发布任何内容,任何人都可以在这里评论和回复。但在成员列表中,我们只看到一个成员,因为其他成员还没有接受我发送的邀请。

所以,基本上他们需要接受邀请才能加入群组。好了,现在我们的群组已经创建好了。在群组中,我们可以看到这是我们新创建的群组。

当然,你可以在这里创建更多群组。好了,现在让我们进入网站最重要的部分——项目管理。因为创建项目是这个网站的主要目的。

GPT提示:

帮我写一个项目计划关于 有风AI软件项目专注于AI视频生成


现在我们可以看到还没有任何项目,所以我们需要创建项目。现在我来展示如何创建一个项目。首先点击“创建项目”。

点击后,会弹出一个表单。我们可以看到这里有所有必要的输入项。首先给这个项目添加一个标题。

比如输入“产品营销”。接下来我们可以选择项目状态。比如“进行中”、“审核中”、“计划中”。

我选择“计划中”。然后是项目开始时间和项目结束时间。通过这些日期,你可以决定项目何时开始,截止日期是什么时候。

所以在开始日期选择一个日期,比如6月11日,截止日期选择7天后,也就是6月28日。你还可以选择项目的开始和结束时间。

接下来是项目跟踪方式。通过这个选项,你可以选择项目进度是按时间跟踪还是按任务跟踪。我选择按任务跟踪。

然后是项目分类。你可以看到,当我点击项目分类输入框时,会显示“设计师团队”。是的,这是我们刚刚创建的群组。所以我们开启了按群组名称选择分类的选项。

好了,我现在不选择“设计师团队”,我们需要添加更多分类。但你实际上无法通过前端网站创建任何项目分类,因为这些分类只能由管理员在WordPress仪表盘中创建。所以我稍后会展示如何在仪表盘中创建分类。现在先专注于创建项目。

接下来是项目成员,你可以添加成员或分配成员到你正在创建的项目中。这里你可以直接搜索。首先,我会搜索我的名字,因为我也参与了这个项目。选择我的名字,然后搜索Adam,他的名字会被建议出来。

选择Adam后,他会被添加进来。然后我再搜索Alice。好了,我已经为这个项目分配了三个人。

在项目内容部分,你可以添加任何内容,比如文本、图片或与项目相关的链接。现在我会添加一些示例文本,展示效果。

好了,所有内容添加完成后,我点击“创建项目”。如你所见,在项目列表中我们有一个“产品营销”项目,状态是“计划中”,并且开始日期是设定的日期。

你还可以看到有三个人被分配到这个项目中。进度显示为0%。你可以通过点击“查看”按钮来查看这个项目。

这是项目详情页,你可以详细看到所有内容。现在这些是项目的选项。

当前我们正在查看这个项目,你可以看到“编辑”、“待办事项”、“日历”、“评论”、“文件”和“删除”等选项。显然,通过“编辑”你可以编辑项目内容,通过“待办事项”你可以为项目添加任务。例如,我们可以添加一个任务“项目启动”。

这是一个任务。你可以为这个任务设定开始日期和结束日期。我选择一个开始日期和结束日期。你还可以选择性地添加备注,然后可以将这个任务分配给某个成员或员工,比如Adam。

好了,现在我们来添加这个任务。接下来,我会添加更多任务。从这里我添加一个任务“项目审核”,只是为了演示。

然后我会将Alice分配到这个任务中,添加任务。再创建一个任务“提交”,并将其分配给项目中的所有人。好了,添加任务完成。现在我们有三个任务,这意味着这个项目有三个主要步骤。

如果我们勾选其中一个任务,比如这个任务,然后回到项目列表中,你会看到“产品营销”项目的进度条显示为33%,因为我们完成了1/3的任务。因为这个项目是基于任务的,所以它是通过任务来计算进度的。

如果你将项目进度设置为按时间计算,它会通过时间来计算进度。好了,现在如果我们进入这个项目的待办事项,你可以看到所有任务。其中一个任务已经完成。

如果我们完成这个和这个任务,然后回到查看项目,你会看到进度条已经是100%。一旦项目完成,你可以进入项目列表,编辑并将项目状态更改为“完成”,然后更新项目。这样,项目状态就会显示为完成。

好了,现在我们来查看项目,并看看我们为这个项目还有哪些其他选项。我们有“日历”选项,在这里你实际上可以为这个项目创建关联的事件。比如点击“创建新事件”,在这里你可以设置这个事件的可见性,仅限于“产品营销”项目。



现在你可以添加一个标题,比如“项目提交日”,并添加描述。然后设置开始和结束日期。接着,你可以在这里和这里创建事件。

在这个日历中,你可以看到所有这些日期都被这个项目标记了。这样,这个项目的日历在很多情况下都会非常有用。接下来,我们有一个评论选项,在评论中你可以为这个帖子留下回复或评论。

现在我是管理员,我输入“请为此项目尽全力”,然后我可以发布一条评论。你会看到这里有一条我的评论,你的员工也可以回复这条评论。然后我们有一个文件选项。通过这个选项,你可以为这个项目附加任何文件、图片、视频或PDF文件。

例如,如果我点击这里,你可以选择任何文件,比如一个PDF文件,并且你可以将这个文件的访问权限赋予项目成员或任务成员。我选择项目成员。然后你当然可以添加更多。

比如,你添加一张图片,然后上传文件,你的员工就可以像这样看到它们。并且他们可以轻松地从这里下载这些文件。好了,文件选项之后,我们有删除选项。

通过这个删除选项,你可以简单地删除你的项目。好了,这就是你创建、管理和编辑项目的方法。现在,在项目之后,我们有一个事件页面。

让我们去那里看看。在事件页面,你会看到一个通用的日历,实际上每个人都能看到。你或你的用户可以创建任何事件。

比如,如果你点击“创建事件”,这个过程与项目的日历非常相似。你需要添加一个标题,比如“足球赛”。

然后你可以在描述中输入任何内容。接着,你可以选择任何开始日期和结束日期。我会选择同一天,因为这个事件只持续一天。

然后你可以选择事件的颜色,比如我选择绿色。接着是事件的可见性,你当然可以选择任何可见性,比如“个人”或“公开”。

我选择“公开”。然后你可以填写地点,可以直接输入你的Google地图位置。你甚至可以在事件中上传任何图片。

比如,我上传这张图片。然后你可以点击这个按钮创建事件。你会看到事件已经以绿色显示,看起来非常漂亮。

这里还有一个“导出事件”按钮,你可以导出所有事件。当你想导入时,可以从这里导入。好了,现在我想在事件中展示另一件事,我们来创建一个新事件,添加一个标题,比如“办公室参观”,并添加一个随机描述。

然后在开始日期,比如选择6月14日。好的,然后我选择事件结束日期为6月20日。接着我创建事件,创建后你会看到所有日期都被同样的颜色和内容很好地占用了。

所以,这些事件和日历对于你的项目管理来说非常有用。好了,现在我会去我们的下一个页面——Wiki。Wiki类似于博客,但不完全相同。

博客更偏向于基于观点的内容,而Wiki则更偏向于信息性和事实性的内容。例如,你团队中的高级开发者可以写一篇关于开发的Wiki,或者任何专业设计师可以写一篇关于设计艺术的Wiki。就是这样。

现在让我们创建我们的第一个Wiki。点击这个按钮,然后在这里添加一个标题,比如“Web开发”。

在描述中你可以输入任何内容,我这里会输入一些示例文本。好了,然后我创建一个Wiki,创建后你可以查看Wiki,可以编辑Wiki,或者留下任何评论。

接下来我们有一个修订选项,或者你也可以选择删除它,然后返回到我们的Wiki。点击Wiki,这里你会看到目前还没有任何Wiki。但如果我们回到仪表盘并点击Wiki,我们可以看到这个“Web开发”Wiki已经从前端添加进来了。

但它现在没有显示出来,因为你需要为这个Wiki添加一个分类。所以在Wiki分类下,你可以添加一个分类,比如“开发”。然后点击“添加”,这个“开发”分类就会被添加并选中。



然后你可以直接更新这个信息。更新后,你可以返回这里并刷新页面。现在如你所见,在“开发”分类下,我们有一个“Web开发”Wiki。

所以每当有人创建一个Wiki,比如“前端开发”,他们可以直接从这里选择文章分类。你可以看到“开发”分类已经在仪表盘中创建好了。

所以他们可以轻松选择这个分类,并创建Wiki。好了,现在你可以看到“Web开发”Wiki已经被添加到“开发”分类下了。你还可以在这里添加更多分类,比如我现在要添加“办公室文化”,然后添加“营销”,接着回到前端创建其他Wiki。

例如,我们可以创建“规则”,这里实际上我们需要刷新页面来加载我们刚刚更改的更多分类。所以新Wiki“规则”被添加到“办公室文化”分类下。现在我们再添加“时间管理”,选择“办公室文化”分类。好了,现在我们来创建一个基于“营销”分类的Wiki。比如输入“社交媒体营销”,并选择“营销”分类。创建后,你会看到“营销”分类已经被添加到了Wiki中。

所以,这就是创建Wiki的方法。现在我们要进入我们的博客页面。为你的网站创建博客的最佳方式是在WordPress中创建,因为在创建博客方面没有什么比WordPress更好的了,对吧?所以要创建博客,我们需要去“帖子”部分,现在还没有任何博客或帖子。所以我们先添加一个新帖子。

在这里,我们需要添加帖子的标题。所以我会粘贴我的标题,这是一个示例标题,你还可以看到博客的分类选项。所以我会创建一个分类,命名为“Web开发”,然后点击“添加新分类”。

然后在标题下面的区块中,你可以添加任何内容,比如文本、图片,等等。所以我会粘贴一些内容。因为这是一个富文本编辑器,你的所有内容都是完全动态的,比如你可以选择任何文本并将其设为标题,这样它会变大。然后你可以在文本中插入链接,就像这是一个文本编辑器。比如你用Google Docs或Microsoft Word那样。

好了,你可以用这些流行的工具随意编辑,这很棒。当然,你还可以在这里添加图片。比如,我现在要在这个标题前添加一张图片。

所以如果你点击这个加号,选择“图片”,你可以从这里上传任何图片。所以我要上传,从我们的资源文件中打开“images”文件夹,选择一张图片。现在图片正在上传。

好了,现在图片已经插入到内容中。你可以调整图片设置,等等。现在这张图片是为我们的内容服务的。

但是我们需要为这个博客添加一个特色图片或者说缩略图。所以如果你向下滚动,可以看到“特色图片”选项。在这里你可以选择任何特色图片。所以我会选择同一张特色图片。点击“设置特色图片”。现在我们发布我们的博客。

只需点击“发布”。现在回到我们的网站前端并刷新页面。你会看到我们有了第一篇博客,带有特色图片和标题。

如果你点击它,会带你到博客详情页,你可以详细查看博客内容。好了。此外,你还可以看到一个点赞按钮。

任何看到这篇帖子的用户都可以为你点赞。当然,你也可以在这里编辑帖子,或者删除帖子。



然后你可以直接更新这个信息。更新后,你可以返回这里并刷新页面。现在如你所见,在“开发”分类下,我们有一个“Web开发”Wiki。

所以每当有人创建一个Wiki,比如“前端开发”,他们可以直接从这里选择文章分类。你可以看到“开发”分类已经在仪表盘中创建好了。

所以他们可以轻松选择这个分类,并创建Wiki。好了,现在你可以看到“Web开发”Wiki已经被添加到“开发”分类下了。你还可以在这里添加更多分类,比如我现在要添加“办公室文化”,然后添加“营销”,接着回到前端创建其他Wiki。

例如,我们可以创建“规则”,这里实际上我们需要刷新页面来加载我们刚刚更改的更多分类。所以新Wiki“规则”被添加到“办公室文化”分类下。现在我们再添加“时间管理”,选择“办公室文化”分类。好了,现在我们来创建一个基于“营销”分类的Wiki。比如输入“社交媒体营销”,并选择“营销”分类。创建后,你会看到“营销”分类已经被添加到了Wiki中。

所以,这就是创建Wiki的方法。现在我们要进入我们的博客页面。为你的网站创建博客的最佳方式是在WordPress中创建,因为在创建博客方面没有什么比WordPress更好的了,对吧?所以要创建博客,我们需要去“帖子”部分,现在还没有任何博客或帖子。所以我们先添加一个新帖子。

在这里,我们需要添加帖子的标题。所以我会粘贴我的标题,这是一个示例标题,你还可以看到博客的分类选项。所以我会创建一个分类,命名为“Web开发”,然后点击“添加新分类”。

然后在标题下面的区块中,你可以添加任何内容,比如文本、图片,等等。所以我会粘贴一些内容。因为这是一个富文本编辑器,你的所有内容都是完全动态的,比如你可以选择任何文本并将其设为标题,这样它会变大。然后你可以在文本中插入链接,就像这是一个文本编辑器。比如你用Google Docs或Microsoft Word那样。

好了,你可以用这些流行的工具随意编辑,这很棒。当然,你还可以在这里添加图片。比如,我现在要在这个标题前添加一张图片。

所以如果你点击这个加号,选择“图片”,你可以从这里上传任何图片。所以我要上传,从我们的资源文件中打开“images”文件夹,选择一张图片。现在图片正在上传。

好了,现在图片已经插入到内容中。你可以调整图片设置,等等。现在这张图片是为我们的内容服务的。

但是我们需要为这个博客添加一个特色图片或者说缩略图。所以如果你向下滚动,可以看到“特色图片”选项。在这里你可以选择任何特色图片。所以我会选择同一张特色图片。点击“设置特色图片”。现在我们发布我们的博客。

只需点击“发布”。现在回到我们的网站前端并刷新页面。你会看到我们有了第一篇博客,带有特色图片和标题。

如果你点击它,会带你到博客详情页,你可以详细查看博客内容。好了。此外,你还可以看到一个点赞按钮。

任何看到这篇帖子的用户都可以为你点赞。当然,你也可以在这里编辑帖子,或者删除帖子。

接下来,你可以在这篇帖子上发表评论。好了,这太好了。这样,你就学会了如何创建博客和文章。

创建博客或文章真的很有趣。现在,最后一个页面是“联系”页面。让我们去那里看看。

在“联系”页面,用户会看到一个类似这样的表单。通过这个页面,用户实际上可以联系管理员。比如,他们需要填写姓名,比如“Adam Smith”,然后是邮箱,接着是主题。

然后他们可以在这里输入消息,这一步是可选的。好了,填写完毕后,他们可以点击这个按钮提交。这里会显示“感谢你的留言,信息已发送”。

顺便说一下,我们可以看到有一个通知。点击它,我们可以看到你的帖子。

这个标题收到了一个点赞。好了,这很不错。到目前为止,我们都是从管理员的角度在操作和体验我们的网站。

现在我想向你展示用户视角下的网站是什么样子的。为此,我们需要打开一个隐身窗口。如你所见,我们现在以“John”用户登录。

在John的仪表盘上,我们可以看到他还没有任何项目,因为他还没有被分配到任何项目。但在这里,他可以使用时间跟踪器。他还可以投票。

比如他在这个帖子上投票,发送他的投票会被接受。他也没有任何任务。所以我们回到管理员视角,去“项目”页面,创建一个项目,这次我们将在WordPress仪表盘中创建项目。

所以我们去“项目”页面,现在只有一个项目。所以我要添加一个新项目,并给这个项目添加一个标题。

比如添加“Web开发”。然后我们可以在这里添加项目详情。接着这里有项目分类。

所以我现在要创建一个新分类,比如“Web开发”,然后我们可以再创建一个“设计”。如果你从这里向下滚动,可以对项目做一些设置。

比如,你可以选择项目进度是基于任务还是基于时间。我选择基于任务。然后你可以选择项目状态。

我将其设为“计划中”。然后我们有开始日期和结束日期。

好了,然后你可以选择这个选项。如果项目完成,项目将自动标记为完成。好了,我将其开启。然后在这里你可以添加项目成员。

所以从这里我们可以看到所有的列表。我会添加John到这个项目中。你还可以开启“仅作者可编辑”,对吧?然后我们有项目可见性选项。

我们可以将其设为私密。如果设为公开,网站上的所有成员都能看到这个项目。但如果设为私密,只有与该项目相关联的人才能看到这个项目。

好了,所以我们可以看到这里有一个“待办”项目。所以我们实际上可以直接从这里创建项目任务。

比如添加一个任务“项目启动”。我们可以这样添加。再添加一个任务。

好了,现在在这里的讨论区,你可以更改是否允许对这个项目的评论。好了,现在我会滚动到顶部,然后点击“发布”。现在如果我们回到前端并刷新页面,我们可以看到我们有了一个新项目,“Web开发”。

在这个项目中,只有John被分配了。同时你可以看到标签或分类“设计”和“Web开发”。现在让我们回到用户视角并刷新页面。

现在你可以看到John被分配了这个“Web开发”项目。因为John被分配了这个项目,并且他在右侧边栏有两个任务,这很酷。他还有一个通知。

比如他收到了一个“设计师团队”群组的邀请。好了。所以他可以点击这个通知,它会带他到群组邀请页面。

他可以选择接受或拒绝。我现在让他接受,接受后他就成为了那个群组的一员。好了,我们可以在群组中看到他。

好了,总体来说,我们的网站从用户视角看起来是这样的。我们有这个成员页面,他可以看到我们有多少成员,然后有群组。

他可以在群组中进行活动,比如发送消息、评论、回复。然后他可以看到他被分配的项目。然后他可以看到所有事件,并且可以创建事件。

►Hostinger 注册网站主机域名
https://bit.ly/3BysRqP

►Woffice WordPress项目管理模板
https://bit.ly/3Dr2fJ2

企业公司网站用AI快速低成本搭建教程(2025)

你好,我是有风,在这个视频里,我会一步一步教你如何用Hostinger的网站建设工具来做自己的网站。我会把每个步骤都详细讲解,保证不漏掉任何细节,到最后,你就能做出一个既漂亮又专业的网站。

►Hostinger 搭建网站 购买域名主机
https://bit.ly/3BysRqP

►向有风咨询,加入我的知识星球圈子:
https://t.zsxq.com/16QP9JP8b

►本期视频所有文字信息
https://aiyoufeng.com/business-website-design

►Shopify 搭建跨境电商网站
https://bit.ly/3Xq89AJ

►申请Stripe收款账号教程
https://www.youtube.com/watch?v=B_kCNiQ3Icw&t=3s

一些用好的工具:
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
►阿里云.中国网站服务器租用
https://bit.ly/3V1GiGY

►Semrush 网站数据分析
https://bit.ly/4azZtNQ

 

第一步:注册Hostinger账户

进入注册页面后,点击“开始使用”,然后选择适合你的套餐。

  • 推荐套餐
    • 商务计划:功能强大,支持电商功能。
    • 高级计划:适合预算有限、只需简单网站的用户。

完成套餐选择后,填写账单信息,选择付款方式并提交付款。Hostinger提供30天无条件退款保障,让你可以放心尝试。

第二步:创建网站

付款完成后,选择“创建一个网站”,进入建站流程。

1. 选择建站工具

Hostinger会推荐他们的建站工具,我们选择这个工具并点击“下一步”。

2. 设置域名

可以先使用临时域名,待网站完成后再绑定自定义域名。具体绑定步骤将在教程末尾讲解。

3. 描述网站类型

输入网站类型后,Hostinger会根据需求生成定制模板。选择模板后,你可以根据自己的需求对模板进行调整。

第三步:个性化设置

1. 设置调色板和字体

  • 调色板:选择适合品牌风格的颜色。
  • 字体:默认字体为Roboto和Lato,可以根据需要更改。

2. 预览和调整

点击右上角的手机图标查看网站在移动设备上的显示效果,确保布局适配。

3. 编辑页面内容

  • 主页:修改背景视频、文字和按钮。
  • 其他页面:如服务页、推荐页和联系页,根据实际需求进行调整。
  • 添加新页面:点击页面和导航,选择模板或创建空白页面。

第四步:添加博客和在线商店

1. 博客功能

  • 点击“博客”并添加新文章。
  • 使用Hostinger AI快速生成博文或手动编辑内容。
  • 发布博文时,确保填写标题、描述、分类和特色图片。

2. 在线商店

  • 添加商店页面并上传产品信息。
  • 设置支付方式(推荐PayPal和Stripe)。
  • 配置物流和运费规则。

第五步:优化SEO

1. 基本设置

  • 上传Favicon,设置链接预览图片。

2. 页面优化

  • 使用Hostinger AI生成SEO标题和元描述。
  • 确保URL简洁明了。

第六步:连接自定义域名

  1. 点击“连接域名”并输入你的域名。
  2. 按提示完成域名注册与绑定。

第七步:设置商务电子邮件

  1. 在网站管理器中选择“设置免费电子邮件服务”。
  2. 输入你的域名并设置邮箱地址。
  3. 使用Webmail或推荐的邮箱客户端(如Gmail)访问邮箱。

最后一步:发布网站

点击右上角的“上线”按钮,正式发布你的网站。你可以随时预览并修改内容,确保网站持续优化。

恭喜你!你的新网站已经上线!

进入这个页面后,点击“开始使用”,然后我们就可以选择套餐了。我建议选择商务计划,因为它性能最强,还可以使用电商功能。不过,如果你预算有限,也可以选择高级计划,适合做简单的网站。

好的,接下来我们继续操作,输入一下账单地址后点击“继续”。然后选择付款方式,填好付款信息,点击“提交付款”。需要注意的是,Hostinger 提供 30 天无条件退款保障,也就是说如果你在 30 天内取消服务,可以全额退款,不用问原因。

接下来,我会选择“创建一个网站”,这样可以从零开始创建一个全新的站点。然后,我们选择 Hostinger 的建站工具,点击“下一步”。到这里,我们可以为网站选择一个域名,域名其实就是网站的网址。

不过,我建议先建好网站,再准备好发布时再绑定自己的域名。现在我们先点击下方的“使用临时域名”,最后在教程的结尾,我会教你如何绑定自定义域名。现在,我们终于可以开始搭建网站了。

我们只需要描述一下想要创建的网站类型,Hostinger 会根据我们的需求生成一个定制的模板。然后,我们就可以用这个模板,按自己的需求进行修改和调整了。

GPT提示2:

我们是一家AI驱动金融软件公司,最近推出了一款AI工具叫做Youfeng,这个工具可以帮助企业进行Ai财务管理,帮我写一个网站描述。

如果你有喜欢的字体,记得把它们填到描述里面。如果你不知道该怎么写好的描述,直接用ChatGPT就行,我刚才就是这么做的。然后在“个性化设置”这里,我们还可以选择一个颜色调色板,或者如果你已经有品牌颜色的话,也可以直接使用。

我现在就设置成“惊喜一下”,看看网站会长什么样。接下来点击“创建网站”,我们就能看到网站的初步预览了。这里面所有的文字、图片,甚至网站的结构,都是根据我们之前提供的内容自动生成的。

重新生成几次试下。

你还可以点击右上角的手机图标,查看你的网站目前在手机上的样子,然后滚动页面查看当前的样子。如果你对当前的设计不满意,可以点击这里返回 AI 表单,然后进行调整。你可以修改网站描述,也可以进入个性化设置,选择特定的调色板。

这就是我要做的。我要去选择调色板,使用这里的颜色,然后点击 “再次创建网站”。有时,创建几个不同的网站模板,找到最适合自己的才是最好的。

现在,我们有了一个不同的模板,主页顶部有背景视频,配色也不同。对初稿满意后,点击右上角的 “编辑网站”。在这里,我们可以开始手动定制网站。

目前,我们的网站有四个页面。我们有主页,也就是我们现在看到的这个。然后是服务页面、推荐页面和联系页面。

对于你的网站来说,这些页面可能会有所不同,因为这确实取决于你正在建设什么样的网站。例如,如果你在为一家餐馆建网站,那么添加一个预订页面或菜单页面可能是有意义的。不过,网站上的每个页面都有一个或多个部分。

因此,在我的主页上,我们可以看到第一部分就在顶部,有视频背景,然后我们可以看到下面的第二部分。将鼠标悬停在这些部分上时,它们都会有一个蓝色的轮廓。再向下滚动,就能看到下一个部分。

在这些部分中,我们有不同的元素,基本上构成了网站的内容。因此,我们有文字元素、图片,还有像这里这样的按钮。现在,要更改网站上的任何文本,只需点击文本元素,然后点击编辑文本,然后像这样编辑文本即可。

按钮的操作方法也完全相同。只需点击它,然后点击编辑按钮,就可以在这里更改文字。你还可以为按钮添加链接。

让我们把按钮链接到联系页面。现在,要移动网站上的任何元素,只需单击要移动的元素,按住不放,然后拖动到你想移动的地方即可。要替换网站上的任何图片,只需点击图片,点击编辑图片,然后在这里替换图片。

然后你就可以上传任何你想添加的图片。点击选择。现在图片已被替换。

现在,要在网站上添加新元素,只需点击左侧的加号图标。这将显示你可以添加到网站上的所有元素。例如,我们来添加一个按钮。

只需单击 “按住”,然后将按钮元素拖到页面上。然后关闭这里的元素窗口。为了给按钮腾出一些空间,我们需要把这里的部分放大一些。

因此,让我们像这样向下拖动。现在我们有空间放置按钮了。按住不放,拖到我们想要的位置。

然后点击 “编辑 ”按钮,修改文字并将其链接到页面。现在,要在页面中添加一个全新的部分,只需将鼠标悬停在要放置新部分的部分下方,然后点击此处的添加部分。现在,我们可以从一个空白的部分开始,或者从这里的模板中选择一个。

例如,让我们选择这个,然后我们就可以像之前一样编辑这个部分了。现在,只要我们想删除页面上的某个特定元素,就可以点击它,然后点击垃圾桶图标。这与删除版块的方法相同。

因此,我们只需点击该部分,然后点击这里的垃圾桶图标即可。如果你弄错了,比如不小心把某个元素移动到了一个奇怪的位置,你可以点击顶部的撤销按钮来撤销最近的更改。现在,每当你对页面进行修改或添加新内容时,例如添加一个按钮,一定要确保同时转到移动视图,就在这里,并确保它在移动设备上看起来也不错。

因此,有时当你添加新内容时,你会发现按钮或添加的任何东西都会出现错位。比如说,我想把这个部分做得更大一些,就像这样。然后,我可能会把这个按钮移到左边。

现在,无论你在这里做什么改动,都不会影响桌面视图。因此,当我们回到桌面视图时,我们可以看到按钮仍然在正确的位置上,而部分的大小也和以前一样。这就是为什么你总是应该先在桌面视图上进行更改,然后再切换到移动视图并进行必要的调整。

现在,如果你有一个特定的部分在移动版上不起作用,你可以做的就是在移动视图上选择它,点击隐藏显示眼睛图标,然后在移动版上禁用它。现在,当人们在手机上访问你的网站时,这个部分将不会显示,在桌面上也是一样。因此,当我们想隐藏桌面视图中的某个特定部分时,可以再次点击眼睛图标,禁用桌面版。

到目前为止,我们只对主页进行了更改,但我们还可以对网站上的所有其他页面进行更改。只需点击导航菜单中的该页面即可。然后,我们就可以以完全相同的方式进行更改。

现在,如果你想在网站上添加一个新页面,你可以来到这里,点击页面和导航,然后点击底部的添加页面,我们既可以从一个新的空页面开始,也可以从这些模板中选择一个。我打算选择这个作为新的 “关于 ”页面。一旦我们选择了新页面,它就会自动添加到主导航菜单中。

我们还可以在这里看到它。我们还可以通过单击、按住并拖动它到新位置来重新排列顺序。现在,如果我们还在制作这个页面,而且网站已经上线,但还不想显示这个页面,我们可以点击这里的齿轮图标,然后将其从导航中隐藏。

现在,这个页面在导航菜单中将不可见。现在,让我们来看看如何自定义网站的页眉和页脚。页眉总是显示在网站顶部。

要编辑页眉,只需点击它,然后点击编辑页眉。在布局下,我们可以选择不同类型的布局。例如,如果你想把徽标放在中间,就选择这里的布局。

实际上,我要用的是原来的布局,也就是这个。我们还可以转到元素,然后显示或隐藏特定元素。如果你想在标题中显示社交媒体图标,可以在这里激活它们。

或者,你也可以添加一个按钮,比如行动号召按钮。然后在徽标下,我们可以将徽标添加到页眉中。点击 “替换图片 ”即可。

然后,我要为这个网站上传我的徽标。让我们选择它。现在,我的徽标就会出现在这里。

我还可以通过向右或向左拖动滑块来改变宽度。然后在样式选项卡中,我们可以更改页眉的设计。例如,我们可以改变背景颜色,或者让页眉透明,或者改变文字字体或页眉文字颜色。

如果这里有一个按钮,我们还可以从标题切换到按钮,更改按钮样式。或者,我们也可以回到社交图标。如果我们激活了社交图标,首先可以在这里输入社交媒体链接。

然后,我们可以在底部更改图标大小。但对于这个网站,我要禁用页眉的社交媒体图标。然后,我们在网站每个页面的底部都有网站页脚。

页脚的工作方式与页面上的任何部分都是一样的。因此,你只需点击任何元素,即可更改文本。你也可以像以前一样移动不同的元素。

你还可以在页脚添加任何元素。现在,如果你在页脚中保留了社交媒体图标,只需确保点击编辑社交图标并在此处链接你的社交媒体配置文件。现在,如果你想自定义网站上的任何特定颜色。

你只需转到网站样式,在颜色下就能看到网站上当前使用的所有颜色。因此,如果出于某种原因,你想更改其中的一种颜色,比如这里的这种,我们只需点击 “更改”,然后选择,就可以在这里进行调整。点击选择后,颜色就会改变。

我们还可以转到字体,在这里可以看到当前使用的字体。现在标题使用的是 Roboto 字体,段落使用的是 Lato 字体。如果我们想更改,只需点击编辑文本样式。

然后我们可以在这里选择另一种字体。但在选择字体时要小心,因为有时更改字体后,一些文本元素会出现错位。因此,如果你在这里更改了字体,请务必检查所有网站页面,确保所有文本元素都对齐了。

现在,让我们回到网站样式,然后点击按钮。在这里,我们可以更改整个网站使用的按钮样式。在动画下,我们可以更改新网站加载到网站后的内容显示方式。

现在,让我们关闭菜单并向上滚动。然后点击联系页面。现在,让我们来看看如何在这里自定义联系表单。

到目前为止,我们只对主页进行了更改,但我们还可以对网站上的所有其他页面进行更改。只需点击导航菜单中的该页面即可。然后,我们就可以以完全相同的方式进行更改。

现在,如果你想在网站上添加一个新页面,你可以来到这里,点击页面和导航,然后点击底部的添加页面,我们既可以从一个新的空页面开始,也可以从这些模板中选择一个。我打算选择这个作为新的 “关于 ”页面。一旦我们选择了新页面,它就会自动添加到主导航菜单中。

我们还可以在这里看到它。我们还可以通过单击、按住并拖动它到新位置来重新排列顺序。现在,如果我们还在制作这个页面,而且网站已经上线,但还不想显示这个页面,我们可以点击这里的齿轮图标,然后将其从导航中隐藏。

现在,这个页面在导航菜单中将不可见。现在,让我们来看看如何自定义网站的页眉和页脚。页眉总是显示在网站顶部。

要编辑页眉,只需点击它,然后点击编辑页眉。在布局下,我们可以选择不同类型的布局。例如,如果你想把徽标放在中间,就选择这里的布局。

实际上,我要用的是原来的布局,也就是这个。我们还可以转到元素,然后显示或隐藏特定元素。如果你想在标题中显示社交媒体图标,可以在这里激活它们。

或者,你也可以添加一个按钮,比如行动号召按钮。然后在徽标下,我们可以将徽标添加到页眉中。点击 “替换图片 ”即可。

然后,我要为这个网站上传我的徽标。让我们选择它。现在,我的徽标就会出现在这里。

我还可以通过向右或向左拖动滑块来改变宽度。然后在样式选项卡中,我们可以更改页眉的设计。例如,我们可以改变背景颜色,或者让页眉透明,或者改变文字字体或页眉文字颜色。

如果这里有一个按钮,我们还可以从标题切换到按钮,更改按钮样式。或者,我们也可以回到社交图标。如果我们激活了社交图标,首先可以在这里输入社交媒体链接。

然后,我们可以在底部更改图标大小。但对于这个网站,我要禁用页眉的社交媒体图标。然后,我们在网站每个页面的底部都有网站页脚。

页脚的工作方式与页面上的任何部分都是一样的。因此,你只需点击任何元素,即可更改文本。你也可以像以前一样移动不同的元素。

你还可以在页脚添加任何元素。现在,如果你在页脚中保留了社交媒体图标,只需确保点击编辑社交图标并在此处链接你的社交媒体配置文件。现在,如果你想自定义网站上的任何特定颜色。

你只需转到网站样式,在颜色下就能看到网站上当前使用的所有颜色。因此,如果出于某种原因,你想更改其中的一种颜色,比如这里的这种,我们只需点击 “更改”,然后选择,就可以在这里进行调整。点击选择后,颜色就会改变。

我们还可以转到字体,在这里可以看到当前使用的字体。现在标题使用的是 Roboto 字体,段落使用的是 Lato 字体。如果我们想更改,只需点击编辑文本样式。

然后我们可以在这里选择另一种字体。但在选择字体时要小心,因为有时更改字体后,一些文本元素会出现错位。因此,如果你在这里更改了字体,请务必检查所有网站页面,确保所有文本元素都对齐了。

现在,让我们回到网站样式,然后点击按钮。在这里,我们可以更改整个网站使用的按钮样式。在动画下,我们可以更改新网站加载到网站后的内容显示方式。

现在,让我们关闭菜单并向上滚动。然后点击联系页面。现在,让我们来看看如何在这里自定义联系表单。

增加博客

GPT提示2:

AI与财务管理的文章

现在,如果你想在网站上添加博客,只需点击三个点,点击博客,然后点击开始博客。现在,这将为你的网站添加一个名为 “博客 ”的新页面,里面已经有了一些范例文章。

要创建新文章,只需点击添加新文章。然后,你可以点击 “跳过”,如果你想自己创建博文,我就自己写,或者使用Hostinger AI为你创建博文。我将使用人工智能快速创建博文。

博文创建完成后,你可以点击标题,然后点击钢笔图标,更改博文标题、描述、URL、作者和发布日期。你还可以安排发布时间。还可以更改特色图片和博文类别。

然后,对于内容,你可以在这里更改图片,和我们之前做的一样。至于内容,你只需点击文本,然后像这样进行修改即可。一旦你的博文准备好发布,你只需点击这里的状态,将其从草稿改为公开即可。

完成后,你就可以回到博客页面了。现在,你的新博文就会显示在你的博客页面上。现在,你还可以添加一个在线商店,在网站上销售产品。

为此,我们要转到购物车图标,然后点击添加商店。这将在网站上添加一个商店页面,并在顶部添加购物车图标。好的。

正如你所看到的,我们已经有了一些样品产品。现在,要添加自己的产品,你需要回到商店图标,然后点击管理商店。要建立自己的商店,首先要选择国家和使用的货币。

然后点击继续。这将带我们进入商店仪表板,在这里我们可以添加第一个产品,开始设置。让我们点击添加产品。

现在,我们可以销售不同类型的产品。例如,实物产品、多种实物产品、数字产品或服务。我要添加的是实物产品。

首先,上传产品图片,然后输入更多产品信息。或者,我们也可以使用人工智能为我们创建一些文本。好了,现在我们有了产品标题、副标题和描述。

下面我们还可以设置价格。目前,价格设置为 30 美元。但假设我们想卖 50 美元。

或者说,我们目前的折扣价是 40 美元。然后,我们可以向下滚动,看看这里的其他选项。但我们还是保持这种方式,点击保存。

现在在 “产品 ”下,我们可以看到我们的新产品。让我们回到仪表板。现在,我们要设置一种付款方式,这样人们就可以在我们的网站上付款了。

因此,让我们点击添加付款。在这里,我们可以看到用于在网站上付款的不同选项。我建议连接贝宝和 Stripe。

Stripe 允许访客使用信用卡或其他选项(如 Google Pay 或 Apple Pay)结账。如果您没有这些选项,也可以选择手动支付,这样游客就可以直接向您的银行账户转账。设置好支付后,让我们再次回到仪表板。

然后点击这里的更新信息。输入公司信息,然后点击保存。最后一步是设置发货。

点击 “测评发货”。在这里,我们可以设置产品的发货区域。例如,我们可以将产品运送到美国。

我将直接输入美国作为发货地区。然后在这里添加美国作为国家。然后点击保存。

现在,我们要查看发货选项。默认情况下,我们有一个普通运费选项,费率设置为免费。如果你想提供免费送货服务,那就没问题。

但如果你想收取运费,就需要更改运费率。因此,在这里点击三个点,我们就可以点击编辑。然后我们就可以收取运费了。

比方说,我们收取 8 美元。然后,我们还可以添加更多运费选项。

如果你想收取快递运费,可以点击添加选项,然后在这里添加运费。现在,让我们回到运费。在这里,我们可以看到刚刚为美国创建的运输区域。

现在,如果你也将产品运送到其他国家,只需点击 “创建区域 ”即可创建一个新的运送区域。然后再进行一次完全相同的操作。只需选择您向哪个国家发货,然后选择向该国家发货的收费标准即可。

很好。现在,让我们点击右上角的 “编辑网站”,回到 Hostinger 网站生成器。现在,在发布新网站之前,我们必须针对谷歌等搜索引擎进行优化,这样才能在搜索结果中找到我们的网站。

要做到这一点,我们首先点击左侧三个点下面的 “常规设置”。点击 Favicon 下的更新,上传我们的 Favicon 图片。这基本上就是你的徽标的正方形版本,将显示在浏览器顶部,你可以在这里看到它的样子。

然后点击保存更改,并添加链接预览图片。点击更新添加图片,然后上传图片。现在,这张图片的最佳尺寸应该是 1200 乘以 630 像素。

点击选择并保存更改。接下来,再次点击三点,然后点击搜索引擎优化设置。在这里,我们要确保浏览所有页面,然后确保有一个搜索引擎优化标题和一个基于此特定页面内容的元描述。

最简单的方法就是点击 “生成新的搜索引擎优化信息”,然后简要说明页面的内容。然后点击 “下一步”,选择与该页面相关的三个主要关键词,点击 “下一步”。现在,hostinger AI 已经为你创建了搜索引擎优化标题和元描述。

这将决定该页面在谷歌搜索结果中的表现。让我们点击 “完成”,然后向下滚动并查看页面URL。你要确保这个 URL 简洁明了。

目前它显示的是 “博客列表”。我要把它改成博客。现在,我们只需浏览网站的所有其他页面,然后做完全相同的事情。

现在,我们已经基本准备好发布网站了。但在此之前,我们要连接我们的自定义品牌域名。为此,让我们点击顶部的 “连接域名”,然后输入要使用的域名。

现在,在我的情况下,.com 域名已经被占用了,所以我要从其他域名中选择一个。我打算用 dot net,但如果可以的话,还是尽量用 dot com 域名。

有了域名后,点击 “下一步”,然后在这里输入您的联系信息,注册新域名。一旦完成,你的域名就会自动连接到你的新网站。让我们回到 Hostinger 网站生成器。

在这里我们可以看到,我们的域名已经连接到了这个网站,这意味着我们终于可以发布这个网站了。为此,我们只需点击右上角的 “上线 ”按钮。恭喜您,您的新网站已经上线。

你的新网站已经上线。我们可以点击 “查看网站”,进入新网站。最后,我要向大家展示的是如何使用新域名设置专业商务电子邮件地址。

让我们回到 Hostinger 网站生成器,然后点击网站生成器和网站管理器。然后点击主菜单,在这里点击电子邮件。然后在 “设置免费电子邮件服务 ”的地方点击 “设置”。

然后选择你的域名,点击 “确认”。我们将从免费计划开始。点击选择,然后选择你的专业电子邮件地址并设置密码。

我将设置为,然后点击创建。然后,我们既可以使用浏览器设置电子邮件,也可以使用推荐的应用程序之一。

我个人建议使用 Gmail。一旦你选择了你的应用,点击移动或桌面,你就会看到使用该应用设置新电子邮件账户所需的说明。不过,我会快速向你演示如何通过浏览器访问。

让我们切换回浏览器,然后点击 Webmail。现在,我们必须输入之前设置的密码,然后点击登录。现在,我们将进入电子邮件收件箱。

2025 WordPress网站搭建必备AI插件推荐(TOP 10)

今天我们利用最新的AI技术,来优化你的网站,把你的网站转型为充满创新的强大平台?我会分享十款顶级AI插件,它们将彻底改变你使用WordPress的方式。不管你是经验丰富的开发者,想要自动化复杂的任务;还是热衷写作的博主站长,想要提升内容创作效率;又或是专注于提升用户参与度的企业主,这些插件都能帮助你将网站功能提升到新高度。如果你是刚刚开始接触WordPress,还没有网站,

我们建议你从hostinger开始,这个平台为你提供了稳定、简单的WordPress主机服务器,可以非常简单的搭建出一个专业的wordpress网站。

►Hostinger 注册网站域名主机
https://bit.ly/3BysRqP

►向有风咨询,加入我的知识星球圈子:
https://t.zsxq.com/16QP9JP8b

本期用到的工具:
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
►10WEB AI一键智能建网站
https://bit.ly/3sbe2pw

►Divi AI
https://bit.ly/45ZLXQ5

►Zip WP
https://bit.ly/3OwTuzw

►Rank Math SEO
https://bit.ly/41KBDLq

►GitGenie
https://bit.ly/3CYG7Fz

►Tidio
https://get.tidio.net/SH9x

►Link Whisper
https://bit.ly/3Oz3EiU

►Uncanny Automator
https://bit.ly/3Oz3EiU

►AI Engine
https://wordpress.org/plugins/ai-engine/

►Voicer
https://1.envato.market/qz4jjq

►Jetpack AI Assistant
https://jetpack.com/

►本期视频文字信息
https://aiyoufeng.com/wordpress-ai

有风常用到的工具:
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
►Fiverr 新手可以从这个广告联盟开始赚钱
https://bit.ly/3XaZIL1

►Semrush 网站数据分析
https://bit.ly/4azZtNQ

你可以在下方的描述中找到所有相关链接。

第一款:Divi AI

https://bit.ly/45ZLXQ5

Divi AI通过将先进的人工智能技术直接融入网站设计流程,可以根据简单的提示和现有网站的内容,自动生成整页网站、文案和精彩的视觉效果。

这种定制化方法确保了所有生成的内容都与网站无缝融合,保持品牌的一致性。你只需描述想要的页面类型,并提供一些基本的业务信息,Divi AI就能自动为你构建一个专业的WordPress网站,带有适合的版块、图片和定制的文案。节省大量时间。

此外,AI生成的内容可以通过Divi直观的可视化编辑器进行编辑,Divi的关键特点包括“一键生成内容”,用户可以轻松地添加文本、图片或整个模块。基于网站分析,AI还能自动生成图片,按需创建相关的视觉元素,学习页面的上下文和周围的内容。

Divi还内置了文本AI功能,可以帮助用户撰写和优化网站文案,模拟专业文案编辑的工作,简化内容创作。

第二款:Zip WP

https://bit.ly/3OwTuzw

Zip WP是一个创新的AI驱动的建站工具,建立在WordPress的强大基础上。它通过利用AI技术,根据用户提供的业务描述,快速生成网站设计、内容和图片选择,简化了创建专业网站的过程。

https://bit.ly/49u7YsO

https://wpspectra.com/

Zip WP基于Astra主题和spectra页面构建器,提供了强大的定制功能,包括与任何WordPress插件的集成,这种与WordPress的深度整合,使Zip WP与其他AI网站构建工具相比,提供了更多的灵活性和扩展性。

Zip WP的核心特点包括其AI驱动的网站创建功能,可以迅速生成网站草稿,专业的设计、专业的文案和有视觉冲击力的布局。

此外,Zip WP还支持用户通过AI助手进一步调整设计元素,如字体和颜色。总的来说,Zip WP非常适合那些希望建立专业网站但又不想牺牲灵活性的站长。

第三款:Rank Math SEO

https://bit.ly/41KBDLq

Rank Math已经迅速成为WordPress中最受欢迎的SEO插件之一,提供全能SEO解决方案,适用于各种规模的网站,其功能范围从基础的页面优化到高级的结构化数据标记。

适合经验丰富的SEO专家和新手用户。它的免费版提供了诸如自动优化标题和描述、焦点关键词的详细分析、添加结构化数据标记(以便搜索引擎更好地理解内容)等基本功能。

Rank Math还提供生成社交媒体描述、优化图片SEO、创建XML网站地图、改善内部链接、添加面包屑导航、与Google Search Console集成进行性能跟踪和监控、管理WooCommerce用户的404错误和重定向等功能。

Rank Math还支持产品和商店页面的SEO优化,提升电商网站的搜索排。除了免费功能外,Rank Math的付费版本还包括集成Google Trends、为社交媒体图片添加水印、本地SEO优化工具、关键词排名跟踪、与Google AdSense集成以实现网站盈利、为视频和Google News创建Google网站地图,以及增强WooCommerce产品和商店页面的SEO能力。帮助你全面优化网站,提升搜索引擎排名。

第四款:GitGenie

https://bit.ly/3CYG7Fz

GitGenie是一款强大的WordPress插件,一款集成了AI驱动的写作和SEO工具,简化内容创作过程。它提供了多种针对不同内容需求的模板,类似于Divi领先平台。这些模板包括基于IDA框架、WooCommerce产品描述、元描述和社交媒体帖子等,专门用于提升SEO效果和用户互动。

GitGenie将AI写作能力与SEO洞察相结合,高效地创作内容,它的亮点之一是提供32种可定制的模板,每种模板都针对特定内容类型和营销策略进行了优化。例如,IDA框架帮助用户编写吸引眼球的文案,而WooCommerce产品描述模板则生成详细的SEO友好型产品描述。

此外,它的元描述和社交媒体帖子模板可以帮助优化内容,提高搜索引擎可见性和社交媒体互动。用户可以输入关键词和创意偏好,精准定制内容。GitGenie还集成了先进的SEO功能,包括关键词分析和竞争对手研究工具,帮助你选择最好关键词、分析搜索趋势并评估竞争对手策略。

这个平台还提供了内置的内容评分功能,可以直接在WordPress仪表盘内评估和优化内容的SEO效果。总的来说,GitGenie是一个综合性AI网站解决方案。


第五款:Tidio

https://get.tidio.net/SH9x

Tidio是一款AI聊天工具,尤其适用于 WordPress 网站。通过 AI 聊天机器人不仅可以实时回应客户的问题,还能高效地自动化重复的任务。它还能提供访客数据和个性化回复,利用 AI 跟踪来收集有价值的用户行为数据。

这些数据能帮助网站老板们更精准地调整沟通策略,除了聊天机器人,Tidio 还提供了一个完整的客户支持套件,包括 AI 驱动的在线客服、邮件工单管理和自动化工作流创建。它能无缝集成 到WordPress。

Tidio 的亮点是它的对话型 AI 聊天机器人 Lyro,Lyro 使用深度学习和自然语言处理技术,能自然理解和回应人类语言。而且,Tidio 还有一个由 OpenAI 的 ChatGPT 支持的 AI 回复助手,帮助商家高效地回应客户问题,只需要点击一下,就能快速解决。

总结来说,Tidio适合希望提升客户支持能力的 WordPress站长,通过 AI 驱动的解决方案,不仅提升了响应速度,还能自动化任务,深入分析用户行为,帮助站长做出更聪明的决策。


第六款:Link Whisper

https://bit.ly/3Oz3EiU

Link Whisper 是一个强大的 WordPress AI内链插件,专门用来提升你网站内接的效率,而且是利用人工智能来实现的。

它会在你写博客文章的时候,自动建议相关的内部链接。这不仅能让用户更容易找到相关内容,还能帮助搜索引擎更好地抓取和索引你的页面,从而提升你网站的排名。它的核心功能就是根据你网站内容的相关性和结构,自动推荐内部链接。

这个插件能帮你自动化地链接相关的文章,确保没有任何内容是孤立的。这样既节省了时间,又能确保内部链接的策略一致性。Link Whisper 还有一些高级功能,比如自动内链,你可以指定关键词和目标 URL,插件会自动在你以前和以后写的内容中添加内链。

它甚至可以和 Google Search Console 集成,提供关于自然流量和关键词表现的分析,帮助你精准优化 SEO 策略。总之,Link Whisper 是 WordPress 用户提升内部链接策略的好帮手,它的 AI 推荐系统非常直观,功能也很全面,能帮助你提高网站的导航体验和 SEO 效果。


第七款:Uncanny Automator /ʌnˈkæn.i/

https://bit.ly/3Oz3EiU

Uncanny Automator 是一个功能强大的 WordPress 自动化插件,通过连接不同插件和应用来自动化任务。

https://zapier.com/

类似 Zapier ,Uncanny Automator 让你可以在 WordPress 网站后台直接创建自定义工作流,也不需要写代码。

这些工作流叫做“Recipes”,由触发器和行动组成。比如,一个触发器可以是新提交的联系表单,触发的行动可能是自动给 Slack 频道发送通知。这个插件的亮点是它直观的无代码工作流编辑器,即使是新手也能轻松上手,快速创建自动化流程。

用户可以创建无限量的工作流,因为它支持大量的插件和应用集成。界面也很友好,管理和编辑工作流非常方便,可以自定义分类和标签,帮助你更好地组织。它支持超过 400 种触发和行动选项,可以做很多事,比如发送邮件。

Uncanny Automator 在集成方面也非常强大,支持许多常用的 WordPress 插件,如 WPForms、Gravity Forms、MemberPress、Learndash 和 WooCommerce。它还支持与外部应用集成,比如 ActiveCampaign、HubSpot、Zapier、IFTTT 和社交媒体平台。Pro 版甚至能和 Google Sheets、Mailchimp、Zoom、Slack、Twilio 等进行更高级的集成,适合需要更高自动化的用户。


第八款:AI Engine

https://wordpress.org/plugins/ai-engine/

AI Engine 是一个强大的 WordPress 插件,能将你的网站连接到先进的 AI 服务,比如 OpenAI 的 ChatGPT 和 Microsoft Azure。作为 WordPress 最强的 ChatGPT 插件之一,它提供了很多工具,用户可以用来创建自定义的聊天机器人、生成 AI 内容、制作图片、文本翻译和 SEO 优化。

https://bewildcard.com/i/19YC7OIQ 办一张国外虚拟银行卡用于支付ChatGPT会员。

要完全使用这些功能,用户需要j是 OpenAI 会员,通过 API 密钥将 OpenAI 的能力直接集成到 WordPress 后台。

这个插件与 OpenAI、Anthropic 和 Google 等顶级 AI 模型的无缝集成,给用户提供了非常多样和创新的工具。它的核心功能包括一个类似 ChatGPT 的互动聊天机器人,能增强网站的互动性;AI 内容生成工具,帮助你头脑风暴和草拟文章;还有一个 AI助手,能在 WordPress 编辑器内实时提供帮助。AI Playground 让你可以随时尝试 AI 的各种功能,定制 AI 体验。

此外,它还支持高级的内容审查工具,确保网站内容的安全和合规;语音转文本功能(通过 Whisper API)也让网站更加易于访问。总之,AI Engine 是一个非常有价值的工具,能让你轻松在 WordPress 中创建、管理和优化内容。


第九款:Voicer

https://1.envato.market/qz4jjq

Voicer 是一个能将文本转换为语音的 WordPress 插件,背靠 Google Cloud 平台,提供高质量的语音合成。

这款插件利用前沿的语音合成技术,能将文本转换成多种逼真的语音和语言,支持 275 种语音和超过 45 种语言和方言。通过 Google 强大的神经网络,Voicer 提供了非常高保真度的音频。

Voicer 插件操作简单,非常适合用来制作逼真的客服语音回复或设备互动。它还支持右到左的 RTL 语言文本,兼容所有 WordPress 主题,并且提供定制选项。通过深度学习算法,Voicer 能生成多种自然的语音,非常适合各种应用场景。



第十款:Jetpack AI Assistant

Jetpack AI Assistant 是一款直接集成在 WordPress 的区块编辑器里的插件。通过先进的 AI 技术来简化内容创作,用户可以轻松地进行草稿撰写、内容转化、翻译和编辑,省时省力。

只需要在文章或页面中添加 AI Assistant 区块,用户就可以指示 AI 完成一些任务,比如生成标题、总结内容、定制表单等,帮助提升文章质量。Jetpack AI 的亮点之一就是它的提示区块,类似 ChatGPT,用户只要给出提示,AI 就能生成内容,快速创作文章、标题等。通过强大的语法和拼写检查工具确保文章的准确性。

Jetpack AI 还提供了适应性语气调整功能,用户可以根据不同的受众群体调整写作风格,在轻松口语和正式风格之间切换。

此外,Jetpack AI 还支持自动翻译成多种语言。


总结

这些 AI 插件彻底改变了 WordPress 内容创作和网站管理的方式。从提高 SEO 排名的 Rank Math,到自动化任务的 Uncanny Automator,再到生成真实语音的 Voicer,每一款插件都提供了强大的工具,帮助你提升 WordPress 使用体验,优化工作流程。

WordPress新闻博客网站搭建视频教程(适用零基础的新手)

今天的视频里,我会教你如何用 WordPress,快速搭建一个专业的新闻或杂志类网站!本教程会用到一个非常强大的免费主题,提供了超多自定义功能,非常适合创建新闻网站、杂志网站或者博客网站,轻松实现专业外观。

教程是全程手把手的讲解,简单易懂,适合小白操作。

►Hostinger 注册网站主机域名
https://bit.ly/3BysRqP

►向有风咨询,加入我的知识星球圈子:
https://t.zsxq.com/16QP9JP8b

本期用到的工具:
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
►本期用到的wordpress主题模板下载
https://blazethemes.com/theme/digital-newspaper-free/

►Fiverr 新手可以从这个广告联盟开始学会赚钱
https://bit.ly/3XaZIL1

►Semrush 网站数据分析
https://bit.ly/4azZtNQ

►申请google广告联盟(网站成熟以后,再去申请才容易通过)
https://adsense.google.com/intl/zh-CN_cn/start/

► 图标下载站
https://fontawesome.com/

用到的插件:
复制文章插件:Yoast Duplicate Post
google广告插件:Ad Inserter – Ad Manager & AdSense Ads

免费图片素材站:
https://www.pexels.com/
https://pixabay.com/
https://unsplash.com/

AI生成图片:
►midjourney
https://www.midjourney.com/

► leonardo AI生成图片
https://bit.ly/3yTr0LO

► midjourney+ChatGPT 账号合租平台、账号购买
https://nf.video/C1dxn

►办一张国外银行卡(可用于ChatGPT会员升级)
https://bewildcard.com/i/19YC7OIQ

►本期视频所有文字信息
https://aiyoufeng.com/wordpress-news

►chatGPT
https://chatgpt.com/

➜升级到GPT4会员教程:
https://www.youtube.com/watch?v=64SkKkPTAg4

►阿里云.中国网站服务器租用
https://bit.ly/3V1GiGY


1、先看看我们最终的网站会有哪些功能

  1. 顶部导航栏
    • 带有吸引眼球的配色方案,可以轻松改成你的品牌颜色。
  2. 主导航区域
    • 包含 Logo、菜单链接、搜索功能(搜索功能对博客类网站非常重要)。
    • 还有一个侧边栏菜单,可以展示作者信息或者其他附加功能。
  3. 新闻滑块
    • 自动播放的新闻头条轮播图(可以自由选择开启或关闭自动播放)。
  4. 中间内容区
    • 专业横幅区域:比如一个主新闻轮播图。
    • 左侧可以设置最新新闻垂直滑块,右侧可以展示热门新闻。
  5. 文章归档区
    • 包括最近发布、精选文章和所有文章的分类列表。
  6. 简洁的页脚
    • 页脚包含有用的信息,比如联系方式、版权声明等等。

这些功能不仅局限于一个固定的首页设计!

我会教你如何制作其他风格的首页布局,比如:

  • 这种经典风格
  • 或者这种现代设计
  • 甚至这种有趣的布局

你可以自由选择,随心打造你想要的效果!


博客文章页功能

当用户点击任意文章时,会跳转到该篇文章的详细页面。在这里,我会教你如何撰写一篇高质量、适合SEO优化的博客文章,包括:

  • 博客标题
  • 作者名称
  • 分类标签
  • 特色图片
  • 主内容区域
  • 侧边栏等

还可以设置文章评论功能,让读者互动起来。


在单篇文章页面,访问者还能在不同的位置看到广告展示,比如这样的布局。接着,我会教你如何创建分类页面。比如点击“科技”分类,就会只显示与科技相关的文章内容。


多布局自由定制

所有我刚才展示的布局,你都可以轻松地通过几个点击重新排列!这个免费主题提供了超多自定义选项,可以根据你的需求自由更改。

另外,我们还会添加深色模式和浅色模式的切换功能。没错,这些全部功能,只用 WordPress 和一个免费主题就能实现!


适合完全零基础的初学者

如果你从来没做过网站,那也完全不用担心!本教程专为零基础用户设计,手把手教会你如何操作。



记得点个赞,这样以后可以在你的 YouTube “点赞视频”里轻松找到它。

搭建网站的四个简单步骤

  1. 获取你的域名和网站主机
    • 我会为分享一个便宜稳定又安全的虚拟主机服务器
  2. 安装 WordPress

第2步:获取域名和网站主机

我们先从第一个步骤开始:获取你的域名和网站主机


什么是域名?

域名其实就是你网站的地址。

比如:


什么是网站主机?

网站主机就是用来存储你网站数据的空间。

网站上的所有图片、文字都会存储在你自己的主机上。

  • 拥有自己的主机意味着没有限制
  • 你可以随意运行广告、上传内容,安装任何主题和插件。
  • 你将完全掌控你的网站。

如何获取免费域名和主机?

点击视频下方描述中的链接。跟着有风一起来实操下


为什么选择 Hostinger

在我看来,Hostinger 是目前性价比最高、速度最快的主机服务商。

  • 他们的 Trustpilot 评价 非常优秀,很多用户对他们的速度、价格和客户支持都不错。
  • 如果你正在寻找一款既实惠又稳定的主机服务,Hostinger 是一个非常好的选择!

3、购买主机及wordpress安装

现在我们已经进入了管理面板(Dashboard),这里是你掌控整个网站的核心。无论是设计网站、添加功能、发布博客还是管理评论,都将在这里完成。


整理后台界面,优化使用体验

首先,我们来做一些基础设置并清理后台界面。

  1. 关闭通知和提示: 默认情况下会有很多通知和提醒弹出来。可以直接点击右上角的“关闭”按钮,或者点击“屏幕选项”,取消勾选不需要的内容。 清理之后,后台看起来会更简洁,不会有干扰。

熟悉后台功能选项

让我们快速了解一下左侧菜单的主要功能:

  1. 文章(Posts)
    • 这里可以管理所有博客文章。
    • 默认会有一个“Hello World”示例文章,点击垃圾桶图标即可删除。
    • 点击“添加新文章(Add New Post)”,可以进入一个编辑页面,在这里添加标题、内容等。
  2. 媒体库(Media)
    • 用来管理网站上的所有文件,比如图片、视频、PDF等。
  3. 页面(Pages)
    • 默认有两个页面:隐私政策和示例页面。
    • 你可以添加新的页面,比如“主页(Home)”“关于我们(About)”或“博客(Blog)”等。
  4. 评论(Comments)
    • 在这里管理网站上的所有评论,可以选择批准、删除或标记为垃圾评论。
  5. 外观(Appearance)
    • 这里可以管理网站的主题
    • 默认会有一些主题,比如 2024、2023 等,目前激活的是 2024 主题。
    • 打开网站前端页面(点击网站标题->在新标签页中打开),可以看到当前主题的效果。
    • 激活其他主题,比如 2022,只需点击“激活”按钮并刷新前端页面,即可看到全新风格。

安装新主题

  1. 获取免费主题
    • 在“外观”->“主题”中点击“添加新主题”,可以进入 WordPress 的主题商店,在这里搜索并安装数千种免费主题。
    • 但我们不打算使用默认商店的主题,而是从其他网站下载。
  2. 下载主题https://blazethemes.com/theme/digital-newspaper-free/

如果你想免费获取主题,只需要下载免费版本就可以了。点击“下载”后,你会得到一个名为 Digital Newspaper 的压缩文件,将它保存在你的文件夹中。


回到 WordPress 上传主题

  1. 上传主题
    • 返回 WordPress 的后台,进入主题商店页面。
    • 点击“上传主题(Upload Theme)”,因为我们需要上传刚下载的主题文件。
    • 点击“选择文件(Choose File)”,找到刚才下载的 Digital Newspaper 压缩文件。
    • 选中文件后,点击“打开(Open)”,然后点击“立即安装(Install Now)”。
  2. 激活主题
    • 安装完成后,你会看到提示,现在点击“激活(Activate)”按钮。
    • 激活后,可能会有一些通知或提示弹出,你可以关闭它们,让界面更简洁。
    • 现在,你可以看到Digital Newspaper 已经是我们当前激活的主题了。
  3. 查看前端效果
    • 打开网站前端页面并刷新,可以看到网站的整体布局已经变化为主题提供的样式。
    • 但是在主区域你会发现“没有内容”提示,因为我们的网站还没有任何文章或内容。

清理插件

  1. 管理插件
    • 回到后台,点击“插件(Plugins)”。
    • 默认情况下,WordPress 会安装一些预设插件,但这些不是我们需要的。
    • 选择全部插件,点击“批量操作(Bulk Actions)”下拉菜单,选择“停用(Deactivate)”,然后点击“应用(Apply)”停用所有插件。
    • 再次选择全部插件,选择“删除(Delete)”,点击“应用(Apply)”,确认删除所有不需要的插件。

设置用户资料

  1. 编辑个人资料
    • 在后台左侧菜单中,将鼠标悬停在“用户(Users)”上,然后点击“个人资料(Profile)”。
    • 在这里你可以自定义仪表盘的颜色主题,比如默认、浅色、深色等。不过这些颜色只有管理员自己能看到,你可以选择保留默认设置。
  2. 设置语言
    • 在语言选项中,可以选择适合的语言。如果你的团队需要其他语言支持,这里可以调整。
  3. 更新个人信息
    • 设置“名字(First Name)”和“姓氏(Last Name)”,比如填写“名字:Taimur”“姓氏:Nishat”。
    • 在“显示名称(Display Name)”中,可以选择组合后的显示样式,比如“姓名 + 姓氏”。
    • 这个显示名称会出现在文章的作者位置。
  4. 更改密码
    • 如果需要更新密码,点击“设置新密码(Set New Password)”,系统会建议一个强密码,你也可以输入自己的密码。
    • 即使密码强度提示为“中等(Medium)”,只要你觉得可以接受即可。
  5. 保存设置
    • 滚动到页面底部,点击“更新资料(Update Profile)”按钮,保存所有更改。

4、发布文章

设置基本信息

  1. 进入设置
    • 在后台悬停到“设置”,然后点击“常规”。
  2. 修改站点标题和标语
    • 站点标题:填写你的网站名称,例如 “Digital Newspaper”。
    • 标语:可以填写一些有意义的内容,比如 “California最佳新闻网站”。这样不仅有利于SEO,还可以吸引用户的注意。
  3. 设置站点图标(Favicon)
    • 站点图标是显示在浏览器标签页上的小图标。例如,像 Facebook 的小图标。
    • 暂时我们会在主题自定义中详细设置这一项。
  4. 时区和日期时间格式
    • 根据你的地区选择正确的时区。
    • 设置日期和时间格式,选择你喜欢的显示方式。
    • 保存更改。

讨论设置

  1. 评论管理
    • 点击“设置” > “讨论”。
    • 找到“评论出现前”部分,将“评论作者必须有之前通过的评论”取消勾选。
    • 滚动到底部,保存更改。

永久链接设置

  1. 选择正确的永久链接结构
    • 点击“设置” > “固定链接”。
    • 推荐选择“文章名”结构,这样你的文章链接会像这样:http://你的域名.com/文章名
    • 如果选择其他结构,比如“日期和名称”,链接可能会带有很多复杂的数字和符号,看起来不专业。
  2. 保存更改
    • 滚动到底部,点击“保存更改”。

创建新文章

  1. 进入文章编辑器
    • 在后台点击“文章” > “添加新文章”。
    • 进入文章编辑页面。
  2. 编辑标题和正文
    • 在标题框中输入文章标题,比如“今天的头条新闻”。
    • 在正文编辑区域输入内容,可以像使用 Google Docs 一样简单操作。
    • 文本可以加粗、斜体或插入超链接。
  3. 设置段落和标题
    • 点击段落标志,可以将段落转换为标题(如 h3, h4)。
    • 设置对齐方式:左对齐、右对齐或居中。
  4. 添加小工具和模块
    • 点击编辑器左上角的“+”图标,可以添加各种模块,比如段落、图片、标题或引用。
    • 点击顶部工具栏的“/”图标,可以打开完整的小工具菜单,包括图片库、音频、媒体和文字等。
  5. 使用预设模板
    • 在“模式”选项卡中,你可以看到一些预设模板,比如横幅、特色画廊、标题。
    • 选择一个模板,比如“横幅”,它会直接添加到页面中。
    • 你可以修改其中的内容,比如调整大小到 50%,更改背景颜色或图片等。

添加封面与内容样式

  1. 选择封面组件
    • 点击页面中的“+”图标,然后搜索“Cover”(封面)。
    • 选择“Cover”组件后,可以上传图片或选择颜色作为背景。
  2. 设置背景颜色或图片
    • 如果想使用纯色背景,例如橙色,直接点击颜色选项。
    • 如果想上传图片,选择“上传”按钮,上传你的背景图。
  3. 添加文字到封面
    • 在封面组件中输入你需要的文字。
    • 文字输入完成后,可以在右侧设置文字样式。
  4. 调整文字颜色
    • 在右侧工具栏中,找到“文字颜色”选项。
    • 选择颜色,例如白色,或者输入自定义颜色代码。
  5. 设置文字背景
    • 在文字的背景部分,也可以选择添加背景颜色。
    • 选择背景颜色后,文字会更加突出。

编辑文章内容

  1. 添加标题
    • 在编辑器顶部输入文章标题,例如“今日头条:精彩的新闻内容”。
  2. 添加段落
    • 点击正文区域,默认是段落模式,你可以直接粘贴或输入内容。
    • 如果需要特殊的段落样式,可以点击右侧工具栏中的“字体设置”选项,选择“大写首字母”样式(Drop Cap)。
  3. 添加引用
    • 点击“+”图标,搜索“Quote”(引用)。
    • 在引用框中粘贴或输入引用内容。
    • 如果需要添加引用来源,点击右侧的“引用图标”或“作者名”,输入作者名字或出处。
  4. 添加背景文字
    • 添加一个新的段落。
    • 点击“+”图标,搜索“Cover”。
    • 上传一张图片或选择纯色背景。
    • 在背景上输入文字,并设置文字颜色为白色或其他颜色。

编辑背景颜色和图片

  1. 清除背景颜色
    • 如果不想要背景颜色,可以点击右侧的样式选项(Styles),选择“清除”或“清除背景颜色”(Clear),这样背景颜色就会被移除。
  2. 添加段落和设置文本样式
    • 点击“+”图标,选择“段落”(Paragraph),然后输入你想要的文本内容。
    • 调整文本对齐方式,例如将文本对齐到中心位置。
    • 点击右侧工具栏的“文字颜色”,将文字颜色改为白色。
  3. 添加背景图片
    • 选择整个小部件(Widget),在右侧的样式选项中点击“添加媒体”(Add Media)。
    • 你可以直接从媒体库中选择图片,也可以从本地上传图片。

上传图片资源

  1. 获取资源文件:AI生成图片:
    ►midjourney
    https://www.midjourney.com/

    ► leonardo AI生成图片
    https://bit.ly/3yTr0LO

    ► midjourney+ChatGPT 账号合租平台、账号购买
    https://nf.video/C1dxn

    ► 办一张国外银行卡(可用于ChatGPT会员升级)
    https://bewildcard.com/i/19YC7OIQ

    特斯拉超级工厂

    Tesla Superfactory

    GPT提示:

    请根据我的主题,你来帮我生成prompt,我会用这个prompt在AI图片生成工具里面生成封面图片,每次生成5个不同创意风格的prompt,可以吗

  2. 设置背景图片
    • 在媒体库中选择一张图片,点击“选择”(Select)。
    • 该图片将作为小部件的背景图片。

调整背景叠加和透明度

  1. 调整背景叠加颜色
    • 在右侧的样式设置中,可以选择叠加颜色。
    • 选择“黑色”或其他颜色,根据需求调整叠加效果。
  2. 控制叠加透明度
    • 使用透明度滑块调整叠加层的强度,建议设置为50%左右,让背景图片更清晰但仍有叠加效果。

预览更新后的内容

  1. 保存并刷新前端
    • 在WordPress编辑页面点击保存。
    • 切换到前端页面并刷新,可以查看更新后的效果。
  2. 检查整体样式
    • 确保背景图片、文本颜色和叠加层的效果符合预期。
    • 如果需要,可以返回编辑器继续微调。

重复上面的步骤再发几篇文章:Yoast Duplicate Post 复制文章插件

GPT提示:

请帮我写5个关于汽车行业的新闻标题,要不同的主题,需要是真实的新闻

5、增加小工具

A、sidebar边栏加以下工具:

social 社交

图片

Carousel Posts 轮播

B、left sidebar

Digital Newspaper : Posts Grid

然后首页》自定义 记他显示出来。

—颜色、

—global>Sidebar Options>• **Frontpage Sidebar Layouts选第一个。 —**global>preloader 载入动画 **—**global>**Website Layout 网站布局 —**global>**Animation / Hover Effects 动画效果 —**global>**Social Icons —**global>Buttons

**—**global>Scroll To Top

截图: GPT提示词“ 我想把回到顶部的颜色改成绿色

C、site identity 站点标识:设置LOGO

D、Category Colors 类目颜色

E、Typography 排版 F、页眉图片 G、Top Header

H、Main Banner I、Blog / Archive / Single

6、导航菜单

https://fontawesome.com/ 搜house

A、<i class=”fa-solid fa-house”></i> 首页加一个房子图标

B、显示选项:勾上描述,菜单上加小标,比如:NEW!

7、底部菜单

A、外观》工具》Footer Sidebar – Column 1、2、3

Footer Sidebar – Column1:关于我们 GPT提示:

我做了了一个科技新闻的网站,网站名叫windy有风,请帮我写个简短的关于我们。

Footer Sidebar – Column2:热门文章

Footer Sidebar – Column3:分类

8、Header Toggle Sidebar

A、Author Info 作者信息

B、Digital Newspaper : Social Icons

C、Digital Newspaper : Posts Grid D、分类

8、增加Fivver广告

Fiverr 是一个全球知名的自由职业者平台,简单来说,就是一个让你找到专业人士帮你完成任务的地方!不管是做LOGO设计、写文案、建网站,还是制作视频、翻译文件,你都可以在 Fiverr 上找到合适的人。

推广Fiverr平台的服务,获取佣金的一种营销方式。作为全球知名的自由职业平台,Fiverr提供多种服务,包括图形设计、内容创作、网站开发等。通过加入Fiverr的联盟计划,您可以推广这些服务,并在成功推荐新用户后获得相应的佣金。

  • 链接有效期:推广链接的有效期为30天,即用户在点击您的链接后30天内注册并购买,您即可获得佣金。
  • 支付方式:当佣金累计超过100美元时,您可以申请提现。Fiverr支持PayPal、Payoneer等支付方式。

外观》小工具》加到边栏里面:html

B、google广告

Google广告网站联盟,即Google AdSense,是Google推出的一项服务,允许网站所有者通过在其网站上展示广告来获取收入。当访问者浏览或点击这些广告时,网站所有者即可获得相应的收益

https://adsense.google.com/intl/zh-CN_cn/start/

Google AdSense对网站内容和质量有严格的要求,以下是关于“拥有原创内容的网站”的详细说明:


1. 原创内容

  • 内容唯一性:网站内容必须为原创,不能复制或转载他人的内容。如果包含非原创内容,需要显著增加自己的价值(如评论、分析等)。
  • 禁止的内容类型
    • 侵犯版权的内容
    • 色情或成人内容
    • 鼓励非法活动的信息
    • 仇恨、暴力、歧视性内容
  • 语言支持:网站的主要语言必须是AdSense支持的语言(如中文、英语等)。可在AdSense支持的语言列表中查看。

2. 网站质量

  • 清晰的导航结构
    • 网站应易于访问,导航菜单清晰,用户能快速找到所需信息。
    • 避免过多的弹窗、广告干扰。
  • 页面加载速度
    • 确保网站加载速度快,优化图片大小,使用CDN等技术。
  • 适配移动端
    • 网站需要响应式设计,适配各种设备(手机、平板、电脑)。

3. 内容数量

  • 最低内容数量
    • 虽然没有明确规定,但建议至少发布10-30篇高质量文章,每篇不少于500字。
  • 定期更新
    • 网站内容应持续更新,保持活跃状态。

4. 流量要求

  • 真实流量
    • 网站需要有一定的自然流量,流量来源必须合法(不能使用机器人或点击农场)。
  • 目标受众
    • 内容应满足目标受众的需求,避免低价值或毫无吸引力的内容。

5. 合规性

  • 隐私政策
    • 网站必须有隐私政策页面,说明如何使用用户数据。
  • 联系方式
    • 提供有效的联系方式(如“关于我们”页面)以增加可信度。
  • 没有禁止内容
    • 网站内容和广告位置不能违反Google政策,比如鼓励点击广告或误导用户。

C、安装google广告插件:Ad Inserter – Ad Manager & AdSense Ads

2025建站工具网站搭建平台推荐(5个)

如果你想在2025年搭建一个即漂亮又专业的网站,那么选择一个合适的建站工具至关重要。这会直接影响你的网站流量,能否有效转化客户。所以在这段视频里,我会根据不同需求来推荐最好建站工具,而且不会给你过多的选择,只会专注于5个主要工具,相信无论你的网站需求是什么,总能找到合适的。

无论你是打算做电商、为公司建立线上展示平台,还是做个人作品集,都能在这五个工具里找到适合自己的方案。此外,下方视频描述里我也会附上相关建站工具的完整教程链接,方便你学习参考。

►wordpress & Hostinger 最主流的建站方式
https://bit.ly/3BysRqP

►向有风咨询,加入我的知识星球圈子:
https://t.zsxq.com/16QP9JP8b

本期用到的工具:
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
►Shopify 建跨境电商网站
https://bit.ly/3Xq89AJ

►Wix
https://bit.ly/48FUHhc

►webflow
https://webflow.com/

►Teachable搭建课程销售网站
https://bit.ly/3tuNpwv

►Teachable教程
https://www.youtube.com/watch?v=U4IHw-OGJ8s&t=21s

►Northwest 注册美国公司
https://bit.ly/4eAZy5S

►注册美国公司及申请stripe收款账号教程
https://www.youtube.com/watch?v=B_kCNiQ3Icw&t=0s

►本期视频文字信息
https://aiyoufeng.com/website-building-platforms

1、Hostinger

首先,我们来看第一个类别——适合大多数人的建站工具。这种工具非常适合小企业上线,或者需要简单的单页面网站,比如想在线上销售少量产品的网红、个人品牌,或者小企业。这类网站通常不是大型电商,也不需要庞大的产品库,如果你只想简单上线一两个产品、提供预约服务或者宣传公司业务,这种工具就很合适。

过去可能会推荐 Wix 或 Squarespace,但现在由于他们价格上涨、功能提升不多,现在我推荐改为 Hostinger 网站建站工具。我最近刚做过它的教程,可以说这是个非常优秀的建站工具,易于使用,功能齐全,价格却非常亲民——每月仅2到7美元的价格非常划算。

Hostinger 提供了拖放式编辑器,界面直观。左侧有工具栏,你可以轻松地将文本框、按钮等拖放到网页上,然后进行任意调整,对新手而言非常友好。同时,它不仅是个简单的建站工具,如果你的网站后期发展壮大,比如你需要搬迁到 WordPress 网站,只需要点击一个按钮即可自动迁移,这个功能非常方便。

简单总结下,Hostinger 非常适合需要建立单页或多页简单网站的用户,无论是个人作品集、与社交媒体连接的页面,还是提供预约服务的本地企业都能用这个工具实现。它也适合想简单展示业务、收集客户线索,或是进行小型电商活动的用户,Hostinger 没有交易费,特别适合有商品销售需求的网红和。

这个分类适合很多用户,Hostinger 是个不错的选择。但如果你的需求不在以上这些范围内,接下来我还会介绍另外四个类别的建站工具,它们有各自的优势,请根据你的需求选择最适合的工具。

https://www.youtube.com/watch?v=PalhrMoi-y8

视频描述中,我还提供了Hostinger 完整教程,你可以按照步骤学习如何使用该工具来创建自己的网站。

2、Shopify

第二个推荐的是 Shopify,适合专注于跨境电商的独立网站。如果你要做dropshipping(无货源电商),或者你是有仓库有实物产品的商家,需要在自己的网站上销售产品,

比如之前在 eBay 或 Etsy 上卖东西,现在希望拥有一个属于自己的网站,以便更好地通过社交媒体、TikTok、Facebook 广告等渠道推广,Shopify 是不二之选。

Shopify 是专为电商打造的顶级平台。虽然它也能作为常规网站使用,可以添加博客或者关于我们等页面,但毫无疑问,它的功能重心是电商。

它有很强大的库存管理工具、丰富的应用和插件支持。基本上,任何与电商有关的软件开发者都会优先推出 Shopify 的集成,比如电子邮件营销、广告投放、库存管理、订单跟踪等相关功能,Shopify 都有对应的应用插件,因为它是全球最大的在线商店电商平台。

另外,Shopify 还提供 POS(销售点)系统。如果你在网上销售,同时想跟踪线下销售的库存,还能接受线下信用卡支付,那么可以选择 POS Light 版本,只需 $49 美元就可以接受线下信用卡支付。

甚至,如果你不想额外购买设备,也可以用 iPhone 和 Shopify App 来直接支持信用卡 tap-and-pay 功能。这种线上线下的全面覆盖真的非常实用。

总之,Shopify 主要适合三大电商模式:你是品牌,有货想卖到国外,无货源电商也就是一件代发(dropshipping,几乎所有做跨境无货源电商的人都会选择 Shopify),

以及 按需打印的店铺(print on demand,和无库存代发类似)。

https://bit.ly/3Xq89AJ 一美元试用

https://www.youtube.com/watch?v=0sjxbvnH9so&t=31s 详细教程

3、wordpress

https://wordpress.org/

接下来是第三类:适合做大规模网站的选择。这一类网站通常需要发布大量内容,比如博客,未来可能会有上百篇文章,或者是要卖一些比较复杂的产品,比如虚拟产品等等。如果你要创建一个包含丰富内容的博客网站,或者想搭建一个企业网站、个人网站。那么这一类网站非常适合你。

对于这种更复杂的网站,我推荐 WordPress。WordPress 目前承载了全球大约40%的互联网内容,几乎所有你在网上找到的博客、百科类网站都是由 WordPress 支持的。简单来说,WordPress 是免费的,但要注意,我们这里说的是 WordPress.org,而不是 WordPress.com

在 WordPress 上建站的方式可以简单理解为以下三步:

  1. WordPress.org 平台:它就像是一套乐高积木。你有不同的积木块(插件、主题等)可以随意拼搭,创造出独特的作品。没有乐高积木,你只能手工雕刻。WordPress.org 提供了这些模块,帮你轻松拼出理想的网站
  2. 主机(推荐 Hostinger:你还需要一个“硬盘”去保存保护你的网站内容。这个“硬盘”就是主机。Hostinger 是我们推荐的主机服务商,价格非常亲民,每月大概两三美元,并且提供出色的稳定性和速度,特别适合初学者和预算有限的用户。
  3. 插件:最后一部分是你可以加的各种插件,比如你可以安装 SEO 插件(比如 Yoast),让网站更容易被 Google、Bing 百度等搜索引擎收录。插件还可以让你看到网站的访客数据、添加各种小功能等等。

https://www.youtube.com/watch?v=Gf6_BXmN_NE 教程

虽然 WordPress 对新手来说可能会稍微复杂一点,但我有完整的教程来一步步教你,不需要任何编码基础。熟悉了界面之后你会发现,它其实也是一个拖放式的编辑器,能帮你轻松地创建功能丰富的网站。而且 WordPress 非常适合 SEO,这也是很多人选择它的原因。

所以,最后的建议是:选择 WordPress.org,而不是 WordPress.com。WordPress.org 完全免费,你只需为域名和主机付费,推荐 Hostinger 作为主机服务商。

4、webflow

https://webflow.com/

第四类:专注动画效果的网站

https://www.apple.com/iphone/ https://www.oreo.com/

如果你想要一个带有动画效果的高级网站,像是可口可乐官网、iPhone 网站、或奥利奥官网这样的网页,那这个类别的工具非常适合你。

这类网站不只是静态的内容展示,而是更多为了视觉效果和品牌印象。用户进入网站后会被这些动态效果吸引,比如滚动页面时,图像会旋转、滑动或出现其他动画效果。

这些类型的网站大多是为了品牌宣传而设计,通常不会有购买功能,因此,如果你希望打造一个类似效果的网站,推荐使用 Webflow

Webflow 是一个非常强大的工具,尤其适合制作有视觉冲击力的网页。虽然它相对来说是本视频提到的建站工具中最复杂的一个。

Webflow 非常适合以下人群:

  • 创意设计和数字营销公司:如果你是一个设计或营销公司,可能要为多个客户制作这种高端网站,Webflow 是不错的选择。
  • 高科技创业公司:如果你是一个初创公司,并且需要一个视觉上很酷的落地页来吸引用户和投资者,Webflow 也能帮助你轻松实现这些效果。

5、Kajabi

最后,第五类网站是一个比较特别的类别,无法通过前面提到的四个工具很好地实现。

第五类网站平台主要适合线上课程、网络研讨会或在线辅导等用途。如果你拥有一项有价值的技能,想要分享并赚钱,那么Kajabi 是你最好的选择。虽然用其他平台也可以勉强实现,但并不是真正适合的方式,效果会不尽如人意。

Kajabi 是专为课程销售和辅导服务设计的,提供一站式的解决方案。无论是上传内容、管理课程安排,还是接受付款,它都能帮你轻松实现。Kajabi 是非常知名的平台,操作简单,适合初学者。即使你没有技术背景,使用 Kajabi 也能轻松将自己的知识和技能分享出去,并从中获利。

https://www.youtube.com/watch?v=U4IHw-OGJ8s 教程

其他平台如 Teachable 也是不错的选择。

Teachable 是一个在线课程平台,专门帮助用户轻松创建和销售自己的在线课程。它适合任何希望通过网络分享知识的人,比如老师、专家或企业家。使用 Teachable,不需要懂编程或复杂的技术操作,就能制作出专业的在线课程页面,并且可以通过视频、音频、文字、测验等多种形式展示课程内容。

Teachable 提供了简单易用的工具,帮助用户上传和管理课程、设置价格、创建销售页面,甚至可以支持分期付款、优惠券等功能。它还集成了学生管理系统,用户可以查看学生的学习进度和反馈。同时,Teachable 支持多种支付方式,让课程售卖更便捷。

简单来说,Teachable 就是一个帮助个人或企业轻松创建、发布并销售在线课程的全套解决方案。

我个人用得最得是用wordpress来搭建网站,这也是目前市面上最主流的建站方式 ,如果你是新手,想从头开始学习,我之前做了一个非常详情的教程,你可以进来学习下。

https://www.youtube.com/watch?v=Gf6_BXmN_NE 教程

2025年Wix建站教程 – 新手做网站入门指南

在这个视频里,我会一步步教你如何用Wix搭建网站。如果你之前从来没做过这个,可能会觉得有点难。但别担心,其实比你想的要简单得多,特别是有了这个教程。我会手把手带你实操。

看完这个教程后,你就能做出一个即漂亮又专业的网站啦!

 

►WIX建站
https://bit.ly/48FUHhc

►向有风咨询,加入我的知识星球圈子:
https://t.zsxq.com/16QP9JP8b

► leonardo AI生成图片
https://bit.ly/3yTr0LO

►Hostinger 网站主机域名
https://bit.ly/3BysRqP

►SEMRus网站关键词分析:
https://bit.ly/4azZtNQ

► midjourney+ChatGPT 账号合租平台、账号购买
https://nf.video/C1dxn

►办张国外银行卡(用于升级Chat GPT会员)
https://bewildcard.com/i/19YC7OIQ

►本期视频文字信息
https://aiyoufeng.com/wix-website-tutorials ‎

►chatGPT
https://chatgpt.com/

➜升级到GPT4会员教程:
https://www.youtube.com/watch?v=64SkKkPTAg4

 

好了,废话不多说,直接进入教程吧!我们先从注册页面开始。可以点击下面视频描述里的链接注册)。接下来就进入了初始设置流程。

在这里,我们选择是为自己、公司还是朋友创建网站,然后点击“Continue”(继续)。这一步会进入Wix的AI聊天界面,可以根据你的需求个性化网站设置。不过,这个视频里我们会选择手动设置,跳过AI引导,这样可以对后台有更全面的掌控。

technology company 科技公司

Ecommerce Clothing Store

点击“Set Up Without Chat”(不使用聊天设置)。接着,我们要告诉Wix我们要创建哪种类型的网站。

在这个视频里,我要做一个提供在线AI服务的公司网站,所以我在这里输入“technology company”,然后点击“Continue”。

接下来我们可以选择网站的功能需求。根据前面输入的信息,系统会默认选中一些功能。

最后一步,我勾选“在手机上运行网站”,因为我希望网站在手机上看起来也很棒。然后点击“Finish”完成设置。

2、后台基本设置

好的,现在我们进入了WIX的后台,也就是你网站的管理界面。

在左上角,我们可以看到刚刚创建的网站名称。如果想创建新的网站,可以随时点击“Create new website”(创建新网站)。左侧是网站后台的导航菜单,提供了各种功能和设置。

默认情况下,你会在首页看到一些网站流量和销售的具体数据。如果你在网站上卖东西,这里还能管理发票、订单等。如果是服装网站,还可以管理你的订单信息等。此外,你还能管理收件箱、联系人、使用各种营销功能、查看分析报告以及自动化选项。

不过现在先不用管这些设置,我们先把网站设置好,再回头来看这些功能。所以我们点击页面顶部的“Design site”(设计网站)开始设计。在这里我们有两种选择:

第一,可以使用WIX的AI来根据我们提供的品牌信息自动生成设计;

第二,可以选择一个专业设计的模板,然后根据自己的需求进行个性化修改。我测试过这两种方式,说实话,我更喜欢直接选模板,再根据需求进行个性化定制。每次使用AI生成的网站,感觉效果没有专业模板那么精致。我们都来测试给大家看看。

首先我们用AI来生成看看:

GPT提示1:

服装大牌有哪些

GPT提示2:

https://www.gucci.com/hk 我准备用AI做一个和这个网站相似的站,请你帮我写一段提示词prompt,我用在AI网站生成器里面进行生成网站用。中英文对照

我相信以后AI生成的设计可能会更好,但目前来说,选择模板再进行自定义会让网站看起来更专业。

看完了AI生成的效果,接下来我们来试试手动选模板。需要新建一个站点来测试。

WIX有很多模板可供选择,所以大概率可以找到自己喜欢的。我们点击“Pick a Template”(选择模板)继续。

现在到了选择模板的步骤,这会为网站提供基本的结构和设计,帮助我们更轻松地创建出专业的网站。你可以花点时间浏览模板,找到自己喜欢的,因为一旦选择模板,后面就不能更换了。

最简单的方式是浏览左侧的分类,或者直接在上方的搜索框输入想要的模板类型。在我的例子中,我会输入服装网站“Ecommerce Clothing Store”并按回车。这样,系统会显示适合服装类的网站模板,比如XXX类模板。

我比较喜欢第一个模板。要查看模板详情,只需点击“View”(查看)按钮,然后浏览整个模板,看它是否符合自己理想中的网站样子。所有颜色、图片、文字和字体都可以更改,但我建议尽量选择结构上已经比较符合需求的模板,这样定制时会节省很多时间。我们也可以点击顶部的手机图标,查看该模板在手机端的显示效果。

一旦确定使用这个模板,只需点击右上角的“Edit this site”(编辑这个网站),就会进入WIX的编辑器,可以开始设计网站了。

3、更改模板

好的,首先我喜欢点击右上角的“缩小”按钮,这样可以更好地查看网站的整体布局。目前我们在首页,如果想切换到网站的其他页面,可以点击顶部的页面选项,比如“我们的故事”页面。

我们还可以通过顶部的手机图标查看页面在手机上的布局。不过现在我们先回到桌面视图,然后再切回首页。在左侧的编辑器面板里,有所有定制网站设计的工具,这个视频会讲解大部分工具的用法。

你的网站每个页面都由一个或多个部分组成,比如顶部的第一个部分、关于部分、相册部分、和联系我们部分等。你可以很方便地移动这些部分,例如,如果想把“XX”部分移到底部,只需把鼠标悬停在该部分上,点击向下箭头即可。想撤销某项更改时,只需点击顶部的“撤销”图标,就可以回退到上一步的操作。

在这些部分中有许多元素组成页面内容。要更改这些元素,我们可以放大回到最初的视图,点击相关元素看到蓝色的边框,这代表当前选择的元素。比如要编辑文本,点击元素,然后点击顶部的“编辑文本”,就可以直接输入你想要的内容。我会在这里输入品牌的名称,右侧还有一个菜单,可以更改文本样式、字体、字号等。你可以加粗、倾斜、下划线文本,完成后点击页面空白处即可退出文本编辑。

如果想调整文本位置,只需点击并拖动文本,但要确保文本和其他元素对齐,可以利用网格线对齐。对页面上的任何文本元素操作方法都是类似的:点击文本元素,选择“编辑文本”即可。因为使用的是模板,有些段落是占位文字,所以需要替换为自己的内容。

如果觉得自己写内容有难度,可以试试AI工具。点击AI工具图标,选择“生成新文本”。比如我们可以创建一个关于我们品牌的介绍内容,只需输入“请生成一段关于我们XXX”,然后点击图标生成文本。如果满意内容,可以点击“使用文本”,模板里的占位文字会自动替换为新生成的文本。

网站里还有一个很重要的元素就是按钮,例如这里的按钮。按钮引导用户点击进入其他页面或页面的其他位置。要编辑按钮,只需点击按钮,然后更改文本或设置跳转链接。目前这个按钮跳转到“我们的故事”页面,可以更改跳转目标或链接到网站其他部分,还可以设置其他选项。

更换图片的操作也很简单,点击图片元素,然后选择“更换图片”。你可以上传自己的图片,也可以使用WIX的图片库。比如我想找一张美女的图片,在搜索框输入关键词Beautiful girl.,就会显示各种免费图片,选择合适的图片替换即可。

如果想删除页面中的某个元素,只需将鼠标悬停在元素上,右键点击“删除”。要删除整块部分,右键点击该部分,然后选择“删除”。

现在你已经知道如何定制页面上的现有元素,接下来我们会学习如何向网站添加新的内容。

4、增加区块模板

首先,我们来添加一个全新的版块。要添加版块,先在左侧工具栏中点击“添加版块”。然后滚动到页面中想要添加的位置,我要将新版块添加在“最底部。

在左侧,你会看到很多不同的模板可以选择。如果不想用模板,也可以选择“空白版块”,从头开始设计。不过,我想节省一些时间,因此我会用一个模板。我想在首页添加一个团队介绍的版块,所以选择“团队”,浏览模板。我喜欢第一个模板,点击它,它就会自动添加到我的首页上。我们可以像之前一样编辑这个版块中的元素。

接下来,如果想在这个版块中添加新的元素,可以点击左侧的“添加元素”图标。这里可以看到各种元素,比如我想在这些图片下方添加一个按钮,选择“按钮”,然后选择一个与当前主题一致的按钮样式,将其添加到页面上。

为了给按钮留出空间,我需要先扩大这个版块的高度。拖动下方的边界来增加高度,这样就有了空间可以放置新按钮。然后,点击并拖动按钮将其移动到合适的位置。接着,点击“设置”,修改按钮的文字,并添加链接。在这里,我把按钮链接到“我们的故事”页面,设置完成后点击“完成”。

在添加新元素后,我喜欢点击顶部的“缩小”按钮,查看页面整体效果。我觉得这个新版块融入得不错,只是想微调一下按钮的样式。返回初始视图,点击按钮,选择“设计”,更改按钮的样式。挑选一个我更喜欢的样式,再次缩小查看,现在效果看起来好多了。

接下来,我们来管理网站的不同页面。滚动到顶部导航菜单,这是用户浏览你的网站时用来切换页面的地方。点击“页面和菜单”选项,就可以管理页面了。发现一些页面在我的网站上不需要,比如“在线下单”页面。点击页面旁的三个点,选择“删除”并确认。对不需要的页面重复操作,这样导航菜单中只保留必需的页面。

“我们的故事”和“菜单”都是独立页面,而在“预订”和“联系我们”旁边有一个锚点图标,说明这是首页的特定版块。当用户点击导航菜单中的这些链接时,会自动滚动到首页的相应部分。

要编辑网站的其他页面,只需在“页面和菜单”工具中点击页面名称,比如“我们的故事”页面。进入该页面后,可以点击页面中的元素编辑文本或替换图片,进行任何需要的更改。

如果需要新增一个页面,回到“页面和菜单”工具,点击顶部的“添加页面”。可以选择“空白页面”开始设计,也可以使用模板。我这里举例为网站添加一个展示活动的页面,找到“项目”类的模板,选择合适的模板并点击“添加页面”。

新页面将自动添加到网站,并在导航菜单中出现。我们可以重命名页面为“活动”,然后拖动它在导航菜单中调整顺序,比如把它移到菜单的最后。进入页面后可以自定义内容。

5、联系表单

A、增加一页联系我们页面

B、增加地图:增加元素》联系表单》full width maps

6、顶部

接下来,我们来看如何自定义网站的顶部导航栏,这部分会固定显示在每个页面的最上方。这里我们有一个导航菜单,用户可以用它来浏览你的网站。我们之前已经看过如何在“页面和菜单”中管理这个导航菜单,比如调整菜单的顺序、添加或删除页面等。

现在,我们还可以对导航栏布局进行一些调整,比如添加一个 logo,把导航链接居中,甚至可以添加一些社交媒体的图标。

首先,点击导航栏,再次点击选择含有两个栏的区块,接着点击“管理列”。这里可以看到目前有两列,一左一右。我想再增加一列,所以点击“添加列”。这样一来,就有了三个不同的列:一个宽的在左侧,两个窄的在右侧。我想把宽的列放在中间,因此选择它,然后点击箭头将它移到中间。

关闭设置,然后点击“布局”图标。这里可以调整列的宽度比例。如果你想改变列的宽度,可以在这里进行。我暂时不需要调整,所以关闭设置窗口。不过我注意到导航菜单在右侧有点被遮住了。为了解决这个问题,点击菜单元素,然后将它拖到右边一点,确保整个菜单都能完整显示。

接着,我想在导航栏左侧添加我的 logo。首先点击登录栏,右键点击选择“删除”,因为网站上不需要登录功能。然后点击左上角的“加号”图标,选择“添加元素”,接着选择“图片”并点击“上传图片”。接着把 logo 文件拖到这里并添加到页面。把 logo 调整小一点,然后把它拖动到左侧的列里。

我觉得 logo 可以再小一点。调整好大小后,确保它在中间对齐。

最后,如果需要,可以在导航栏右侧添加社交媒体图标。再次点击“加号”图标,选择“社交”,添加社交媒体链接。我选一个合适的设计,然后把它拖到右侧的列中,再点击“布局”调整图标大小,让它们稍微小一点。确保这些图标也对齐到中间,然后点击“设置社交链接”。

我没有 LinkedIn,所以点击删除,然后删除不需要的 TikTok 和 YouTube 图标。对于剩下的图标,点击每个图标,在这里添加你自己的 Instagram、Facebook、Twitter 等的链接。最后,确保所有元素都在导航栏中对齐整齐。

7、整个网站全局设置

现在,如果你想更改网站的颜色或字体,可以点击“网站设计”。在“颜色主题”下,你可以单独更改每种颜色。只需点击你想修改的颜色,然后直接在这里修改,网站上的变化会实时显示。你也可以返回一步,点击“网站主题”,试试不同的主题,这些主题会在整个网站上统一应用。

就我个人来说,我最喜欢第一个主题,所以我会返回到原来的颜色主题。接下来要修改字体时,回到上一步,选择“文本主题”。这里你可以单独更改每种字体。例如,现在我们有一个标题字体,你可以将其更换为其他字体,整个网站的标题都会更新为新字体,段落字体也是一样的更改方式。

每次更改网站设计时,记得检查手机端的显示效果,确保在小屏幕上也看起来不错。点击右上角的手机图标进入移动视图。马上可以看到,我们的导航栏有点问题,logo 和社交图标重叠了,看起来不太好。

我会通过删除社交图标来修复这个问题,因为空间不够放下两个元素。点击社交图标,然后点击“眼睛”图标,这样就可以在手机端隐藏这个元素。然后稍微增大 logo 的大小,确保它和菜单图标(汉堡图标)对齐,再减少导航栏的高度。

现在效果看起来很好。在手机端所做的更改不会影响桌面端,点击返回桌面视图,可以看到社交图标还在桌面端显示。

建议你先在桌面端做所有更改,这些更改会自动应用到手机端,然后在手机端进行适配优化,确保对齐良好。我们已经修复了导航栏的显示效果。

现在向下滚动页面,看看是否有其他需要优化的地方。大多数元素在手机端已经优化好,因为我们用的是已经过优化的模板。我们手动添加的这个版块也看起来不错,或许可以把按钮的位置稍微调整到下面一些,把这个版块拉大一点,让它看起来更协调。

继续向下滚动到底部,其他内容看起来也不错。手机端的一个特别功能是底部的“快捷操作”按钮。用户可以点击这个按钮,然后选择发送消息、打电话、发送邮件等操作。点击“设置快捷操作”,目前只有聊天功能,这意味着你可以使用 Wix 应用和用户聊天。

你也可以添加更多操作,例如添加电话号码,点击“设置”,输入你的电话号码。这样一来,用户点击电话图标,就可以轻松拨打电话。电子邮件功能的设置方式相似,点击“更多操作”,选择“电子邮件”,然后添加你的电子邮件地址。

好了,现在我们返回到桌面视图。

8、增加APP

现在让我们来看看如何在网站上使用应用程序。

如果你想给网站添加一些特别功能,比如可以预定桌位、安排电话预约、销售商品或在线聊天,你就需要在WIX网站上安装特定的应用。有些应用是WIX自己提供的,还有一些是第三方开发的。比如在这个例子中,我希望用户可以在网站上预订餐桌。

点击这个元素,然后选择“管理预订”,这样就会跳转到后台的“餐桌预订”选项卡。现在我们点击“应用程序”并选择“管理应用程序”,可以看到已经安装的应用,比如WIX的表单和支付、会员区域、WIX提示、餐桌预订等。这些应用是因为我们选择了餐厅网站模板,所以自动安装的。要找到更多应用,我们可以点击“应用市场”。

在WIX应用市场中,你可以找到各种不同的应用程序,比如,如果你希望用户可以预定度假屋,可以搜索“预订”,然后看看有哪些应用可用。有WIX的预订应用、度假屋预订引擎等。应用分为免费和付费两种。返回“管理应用程序”页面,大部分应用需要升级为WIX的付费计划后才能使用,比如这里显示的所有商务应用。

现在关闭这个窗口,回到WIX编辑器。设计好网站后,可以点击“预览”查看实际效果,确保各项功能和链接都正常。检查无误后,点击右上角的“发布”按钮。恭喜你!现在你的网站已经上线,访问者可以浏览。如果想查看自己的网站,点击“查看网站”即可在新标签页中打开。

因为我们使用的是WIX的免费计划,所以网站会发布在一个带有Wix.com的域名上,且无法更换为自定义域名。此外,在网站顶部会一直显示WIX的广告,任何人访问你的网站时都会看到。如果想去掉广告并使用自定义域名,需要升级到付费计划。为此,返回网站编辑器,点击“连接您的域名”。

系统会自动推荐一个域名,你也可以更改并查找其他域名。选择好后,点击“继续”。选择最便宜的计划,每月$11,然后选择年付,并填写付款信息完成支付。

支付完成后,会进入连接域名的页面。建议选择“隐私注册”,这样别人搜索你的域名时不会看到你的名字和地址。点击“继续”并提交购买。现在自定义域名已成功连接到网站。

副业赚钱:从0开始搭建联盟营销网站赚美金

大家好,我是有风,今天这个教程我花了几个月时间准备,是一个完全免费的、手把手教你建立联盟营销网站的课程,全是我平时实操得出来的方法和经验。

之所以想制作这个视频,是因为中文领域目前关于联盟营销的教程不多,即使是有的,但大部分只讲一些点子和概念,没有深入讲解如何去真正执行落地。如果你想通过联盟营销成功赚美金,并打造自己的联盟营销网站,关键不在于概念理论,而在于如何实操。

►Hostinger 注册网站域名
https://bit.ly/3BysRqP

►向有风咨询,加入我的知识星球圈子:
https://t.zsxq.com/16QP9JP8b

本期用到的工具:
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
►themify Ultra主题模板下载 (视频中提到的wordpress模板)
https://drive.google.com/file/d/1VqzPqu1ETPc4aMOGnxh7OWChqSYTFqlc/view?usp=sharing
https://themify.me/member/aff/go/windyyoufeng

►shareasale 大型联盟营销平台
https://bit.ly/483TVKr

►Fiverr 新手可以用这个联盟开始
https://bit.ly/3XaZIL1

►Semrush 网站数据分析
https://bit.ly/4azZtNQ

►milanote 在线思维导图制作
https://www.milanote.com/refer/rcFwGy9Pm9D81H61tO

►EaseUS Data Recovery Wizard 数据恢复软件
https://easeus.pxf.io/BnXx2J

► leonardo AI生成图片
https://bit.ly/3yTr0LO

►视频中用的GPT Prompt提示词及所有文字信息
https://aiyoufeng.com/build-an-affiliate-marketing-website

►midjourney AI生成图片
https://www.midjourney.com/

► midjourney+ChatGPT 账号合租平台、账号购买
https://nf.video/C1dxn

►chatGPT
https://chatgpt.com/

升级到GPT4会员教程:
https://www.youtube.com/watch?v=64SkKkPTAg4

►办一张国外银行卡
https://bewildcard.com/i/19YC7OIQ

►ColorZilla 取色器
https://chromewebstore.google.com/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=en

►提取颜色 Adobe取色工具
https://color.adobe.com/create/color-wheel

►Awesome Screenshot 截屏插件
https://chromewebstore.google.com/detail/awesome-screen-recorder-s/nlipoenfbbikpbjkfpfillcgkoblgpmj

►photopea 在线PS工具
https://www.photopea.com/

►用到的插件:
➜SEO:oast seo.插件
➜网站数据分析:Site Kit by Google
➜重置wordpress:wp reset
➜备份:All-in-One WP Migration and Backup

在这个视频里,我会带你们一步一步地完成创建联盟营销网站,并且是正确有效的方式。与其他视频不同的是,这次我们会一起创建一个真实的网站,即使你是新手小白,只有跟着我操作你也可以学会。本期会用到很多工具链接,我都会放在视频下面简介里面,兄弟们可以一边看视频,一边暂停打开下面的链接跟我着实操,不要光看。

 

今天的内容很多,所以我把整个教程分成了七个部分:

  1. 理解和解答常见问题:我会解释什么是联盟营销、联盟营销网站的工作原理,以及如何通过它们赚钱。
  2. 找到合适的市场和产品:帮你选择最适合推广、可以赚取佣金的产品。
  3. 寻找低竞争、高收益的关键词:让你的网站有更好的曝光率。
  4. 网站的搭建和设计:无论你是想创建一个简单的博客、亚马逊联盟网站,还是产品测评网站,都可以按照我的步骤进行。
  5. 内容创作或者是文章写作:这是联盟营销中最重要的环节。
  6. 优化网站:教你如何进行页面内和页面外的SEO优化,让你的网站能够在Google上获得更高的排名,吸引更多人访问并点击你的联盟链接。
  7. 最后的技巧和策略:帮助你更快地取得成功,分享一些很少有人会告诉你的技巧。

好了,准备好纸笔,我们马上开始。首先,我们来理解联盟营销的基础概念和回答大家的疑问。我记得自己5年前刚开始接触联盟营销的时候,对它的理解也是一知半解。

什么是联盟营销? 简单来说,联盟营销就是你帮助推广一款产品或服务,完成销售后获得佣金。比如说,你就像一个房地产中介,帮房东卖房子。如果房子卖出去了,房东会给你一笔佣金,作为报酬。假设房子的售价是100万美元,你的佣金比例是2%,那么你就能赚到2万美元的佣金。联盟营销就是在网上做同样的事情。

2024 best affiliate program google搜

https://affiliate-program.amazon.com/home

https://www.amazon.com/

具体怎么操作?你可以加入一些产品和服务的联盟计划,比如亚马逊的Amazon Associates项目。加入后,你可以推广亚马逊上的所有商品。

假如你想向朋友或观众推荐一张升降桌,加入联盟计划后,他们会给你一个带有专属追踪的链接。通过这个链接,系统会知道是你推荐的用户购买了产品,从而给你支付佣金。如果这个一张升降桌卖500美元,佣金比例是10%,那你就能赚到50美元。

推广联盟链接的方法有很多,比如你可以在Facebook上分享链接,或者像一些Instagram博主那样在“点我简历中的链接”里推广。此外,你还可以通过发邮件、在论坛上留言等方式推广。不过,真正最有效的推广方式还是通过自己的网站YouTube频道

希望这个解释能帮助大家理解联盟营销的基础,接下来我们会进入具体操作环节,一步步带大家走向成功!

1、联盟营销能赚多少钱

easeus data recovery wizard review 用google搜

首先,为什么在网站上推广联盟链接是最好的选择,因为网站和YouTube是搜索引擎会抓取的内容。我们会在Google上搜索信息,查找产品,想知道某个产品是否适合自己,应该选哪个型号哪个款式,或者是解决某个问题。我们也会在YouTube上输入“如何做”或者怎么样,来寻找解决方法。比如你的文件被误删除了,你可能会搜怎么样找回删除的文件等。

https://www.facebook.com/

https://www.instagram.com/

相比之下,在Facebook、Instagram或者邮件推广时,很多人只是随便看看,没什么购物意图。但是如果你的网站在Google上排名高,有人主动找你的评测,然后点击你的链接,你就有机会赚取佣金,而且通常这种方式转换率更高,收入也更可观。

通过网站,你还可以实现被动收入,因为当你的网站在Google上有好的排名,每个月都会有一批人搜索产品相关的内容,而网站24小时开放,全球用户随时访问。这样你就能获得被动收入。

接下来我会给大家展示一个真实的例子,看看这个流程是如何运作的,以及你大概可以赚多少佣金。

Fiverr.com 是一个全球性的在线平台,专门连接需要特定服务的客户与提供这些服务的自由职业者。在这个平台上,您可以找到各种专业人士,提供从图形设计、数字营销、写作与翻译,到视频制作、编程开发等多种服务。无论您是需要某项服务的客户,还是希望通过技能赚钱的自由职业者,都可以在 Fiverr 上找到合适的机会。

现在你知道fiverr是做什么的了。这类内容其实就是你在联盟营销网站上需要创建的内容,因为我们在搜索这些产品时,已经很接近购买决策了。你不能只是随便写点内容,而是需要写那些能帮助用户在购买前做出决定的内容,或者在他们遇到问题时推荐合适的产品。

fiverr reviews 用google搜

https://sites.google.com/site/videoblocksreview/fiverr-review

在Google上方的结果是广告,这些公司会付钱给Google,每当有人点击进入他们的网站时,Google就能赚取广告费用。而如果你往下滚动,可以看到一些自然搜索结果,这些就是一些联盟营销网站的链接。我们点击其中一个进入。

假设你在浏览这个评测页面,觉得内容不错,准备购买。如果你点击“访问网站”,你会看到在底部出现了一个联盟追踪链接。这个链接会在浏览器上添加一个“cookie”标签,这样一旦有人通过这个链接购买产品,网站的所有者就会获得佣金。

在这里,我们看到fiver有很多服务,价格都不一样。那么网站的所有者能从一笔成交中赚多少佣金呢?我们可以去fiverr官网的底部,通常会看到“联盟计划”或“合作伙伴计划”这样的链接,你可以点击进去注册成为联盟推广员,然后得到你的专属追踪链接,放在自己的网站上。fiver的链接我也会放在视频下面简介里面,兄弟们可以打开链接跟着我一起来看一看。

fiverr 的联盟计划会显示每笔的佣金,我们可以用计算器来算一下:100美元乘以0.7,就是大约70美元首笔成交。而且如果客户满意继续使用,比如续费100美元,推广员还可以得到续费的10%佣金,也就是大约10美元。

所以,这就是联盟营销网站的运作模式以及佣金的计算方法。

接下来,我们来看看这类网站每个月大概能赚多少。这取决于你网站内容的精准度和目标用户的购买意图。比如,如果你写的内容是没有明确购买意图的,转化率可能会非常低,你可能赚不到什么钱。但如果关键词很精准,用户已经有购买意向,那转化率就会高很多。

2、收入展示

好的,那我们继续深入了解吧!

你可以使用一个叫做semrush的工具,来查看特定关键词的搜索量。比如说,“How to Design a Logo”在美国每月大约有XXX次搜索,

全球搜索量大约为XXX次。这个数据并不是说这个网站每月会有44,000人访问,因为这是搜索量,不是点击量。

我们可以在搜索结果底部找到这个叫做XXX的网站,可以看到它每月估计的访问量大约是XXX人。假设每100个人中有1人购买,也就是1%的转化率。那我们可以计算一下,XXX乘以0.01,大约是XX笔交易。假如每笔交易能赚30美元,那就是100乘以35,结果是每月大概能赚3500美元,而且这还只是单个页面的收入。

其实,这样的网站通常不止推广一个产品,也不只是针对一个关键词,而是会覆盖多个产品和关键词。像XXX 的优惠券、XXX评测等等,这些页面也都会吸引流量。因此,这类网站的年收入可能会达到七位数。

不过,要达到这样的结果,是需要花很多时间的,尤其是你刚开始的时候。因为这是一个非常有竞争力的领域,佣金相对较高。而这也是为什么推广虚拟产品会有这么高的佣金率,但并不是所有联盟计划的佣金率都这么高。

https://affiliate-program.amazon.com/home 亚马逊联盟

https://affiliate-program.amazon.com/help/node/topic/GRXPHT8U84RAYDXZ 亚马逊佣金结构

例如,Amazon的联盟计划——Amazon Associates,它的佣金就相对较低。比如你推荐一台榨汁机,佣金大约是4.5%。假设榨汁机售价为200美元,那么你能赚到的佣金是200乘以0.045,也就是10美元左右。并且,像这种实物商品,通常没有续费佣金。因此,你推广的产品类型、转化率以及佣金率都会影响你的实际收入。

假如你创建了一个联盟网站,每个页面相当于你拥有小的“虚拟房产”。每个页面推广不同的产品,有着不同的佣金率、搜索量和访问量,就像一处虚拟地产,它需要时间去积累流量,绝不是快速致富的捷径。不用担心,我会一步步带你完成。

可能你现在会想,这是真的吗?是不是太晚了?也有人会问其他人是不是也通过联盟营销赚钱了。我理解你们的疑惑,因为我刚开始做联盟营销时也有同样的疑问。我订阅了很多邮件新闻,看了很多视频,有很多人展示了他们通过联盟营销赚到的钱。

一开始我也觉得他们展示的那些收益截图不真实,但后来我发现,确实有很多人是真正通过联盟营销赚钱的,只是他们不一定会到处展示而已。比如,这是我参与的一个联盟计划,昨天我就赚了大约100美元。虽然不能说大家都能一夜之间达到这样的收入,但这是真实的收入,需要花时间和精力来建设和优化网站。

此外,不同产品的佣金率也会影响收入,比如数字产品的佣金率通常较高。比如在某天,我们通过另一个联盟计划赚了150美元。这类计划还可以有持续收入,比如某个会员计划每次续费都会给我20美元的佣金。

https://www.nytimes.com/wirecutter/ 非常大的联盟网站

https://en.wikipedia.org/wiki/Wirecutter_(website) 维基百科 2016 年被《纽约时报》公司以约 3 千万美元的价格收购。

2011 年推出到 2016 年的五年间,该公司从其商业合作伙伴的联盟计划中获得了 1.5 亿美元的收入。

不仅仅是我,很多网站也在通过联盟营销赚钱。像Wirecutter这个网站就是个很好的例子。它主要是一个内容型网站,通过评测产品并赚取联盟佣金。在2016年,它被《纽约时报》以3000万美元收购。而在其成立的五年间,估计收入达到1500万美元左右。

https://www.youtube.com/watch?v=U__YrDLoHRw youtube fivver视频 300万播放量

所以,联盟营销是真实的,有许多网站和YouTuber都在通过这种方式获利。基本可以肯定他从中赚了不少佣金。

最后,这引出了我要讲的联盟营销的优缺点,希望你能更全面地了解它的优势和不足。

3、联盟营销优点和缺点

这是关于联盟营销的一些优势:

  1. 被动收入:通过网站或内容,可以持续获得收入,即使不主动操作也能赚钱。
  2. 无限的潜力(24/7/365全年无休):因为互联网的规模,可以随时随地获得全球流量。
  3. 在任何地方工作/旅行:你可以在世界上任何地方进行联盟营销,只需要一台电脑和网络。
  4. 资本低/开销小:相比实体店,开销非常小,几乎不需要什么资金投入。
  5. 高利润率并且赚美元:联盟营销的利润率高,而且通过推广国外产品可以赚取美元。
  6. 独立性/创意空间:你可以自由决定推广内容,不受他人限制,可以发挥创意。
  7. 不需要特别技能或认证:没有复杂的技能要求,任何人都可以开始。
  8. 无需发货/客服支持:不需要像电商一样处理发货和客户支持的问题。
  9. 无需露脸或成为名人:如果不愿意,不用露脸就能推广产品;如果愿意,可以选择露脸增加信任度。
  10. 学到的技能可转移:联盟营销过程中学到的技能可以应用到其他在线业务中,比如电商。

关于“为什么不应该开始做联盟营销?”的缺点。

  1. 需要时间才能见到效果:通常需要6-12个月甚至更长的时间才能看到显著成果。
  2. 内容创作需要花费精力:创建内容是一个需要持续努力的过程。
  3. 佣金和条款随时可能改变:联盟项目的佣金和条款可能会突然发生变动,影响收益。
  4. 竞争激烈:进入门槛低,竞争者多。
  5. 无法控制产品/服务:你只能推广别人的产品或服务,无法对其品质或其他方面进行控制。
  6. 需要维护:需要定期更新内容,以保持网站的活跃度和相关性。
  7. 容易分心:联盟营销有很多方向,很容易被各种新想法分散精力。

这个列表指出了联盟营销的一些常见缺点,帮助新手更好地理解这条道路上可能遇到的挑战。

好的,那我们来聊聊做一个联盟营的优势吧。展示收入截图。

第一个优点就是可以赚取被动收入

想象一下那些开饭馆的朋友,每天很早起来买菜备菜,炒菜从早忙到晚,几乎没有假期,因为一旦今天不开店,你就没有收入,而联盟营销就能让你从这种实体生意中解放出来,因为这是一种被动收入。

有了联盟网站后,如果你的网站在Google上有排名,那么它就像一个24小时不关门的商店,随时随地都有人可以访问它。每天都会有一些人在搜索相关的产品和内容,

https://ddiy.co/hire-freelance-web-programmer/

比如:如何聘用自由程序员,有些公司需要写一个程序,但是他们又不需要全职的程序员,这就是一个需求,我们要做的就是写一偏这样的文章 ,教他怎么找到这样的程序员的方法。

。如果他们点击进入并完成购买,你就可以赚到被动收入。

第二个优点是收入潜力无限。不像打工有工资限制,比如在你在餐厅打工,一小时只能赚15块,工作10小时一天最多也就150块。而做联盟营销的话,你的收入取决于你投入的精力和生产的内容量,没有收入上限。

第三个优点是可以在世界任何地方工作。你可以一边工作一边旅行。当然,如果你刚入门,我不建议一边旅行一边工作,因为生产力会受到影响,但这的确是一个自由的工作方式。

第四个优点是启动资金低,成本小。相比开实体店或电商业务需要至少几千上万启动,联盟营销的入门成本可以低至几百块。后面我会介绍主要钱用在哪些必须要的上面。

第五个优点是利润率高。推广产品不需要自己备货,也不需要请人,直接赚取美元佣金。如果你身在低消费水平的国家,赚到美元还能享受货币汇率带来的优势。

第六个优点是高度独立和创意自由。做联盟营销,你是自己的老板,可以自由创造内容,不必遵循公司流程或听命于上司。

第七个优点是不需要特殊技能或证书。你不需要任何特别的证书,只要有网站或一定的粉丝基础,大多数联盟计划都会接受你。

第八个优点是不需要处理发货或客户服务。大部分客户服务和售后支持都是由公司负责的。

最后一点,做联盟营销学到的技能对未来创业很有帮助,比如你未来想自己开发产品或做其他生意,这些技能都可以用得上。

当然,联盟营销也有缺点,我们也要了解清楚。

第一点,需要时间来看到成果。如果你刚开始,可能要六个月才能开始看到效果,因为你需要创建内容、优化网站排名等。这不是一夜暴富的事情,就像学打蓝球一样,需要时间去掌握技巧和积累经验。

第二点,内容生产需要时间和精力。想要获得持续收入,必须坚持生产高质量内容,这需要投入大量的精力和时间。

第三点,佣金和条款可能随时改变。比如,几个月前亚马逊就下调了佣金比例。因此,你需要慎重选择推广的产品和联盟计划。

第四点,竞争激烈。由于入门门槛低,很多人都在做联盟营销,但其实你也有机会脱颖而出。

第五点,对产品或服务没有控制权。公司随时可能改变产品质量或管理方式,这可能会影响你的收入。

第六点,需要定期维护内容。内容就像一座房子,需要定期更新和维护。

第七点,容易分心。在家自己做联盟营销,没有上司监管,容易被朋友或其他事情打扰,需要自律。

即使有这些挑战,我仍然认为联盟营销是一个非常不错的选择,特别是如果你想在线上获得被动收入。接下来,我们会讨论如何找到合适的细分市场,选择适合推广的产品,并寻找低竞争的关键词。

4、如何找到合适的细分市场

https://milanote.com/

Milanote 是一个在线工具,帮助你将各种创意想法和项目以视觉化的方式组织在一起。你可以在一个画板上添加笔记、图片、链接和文件,并自由地拖拽和排列它们,方便地整理和展示你的思路。这对于设计师、作家、营销人员等需要创意规划的人来说特别有用。

好,接下来我们来说一下如何找到合适的细分市场(niche),然后挑选产品,最后找到低竞争、高利润的关键词来作为我们网站内容的目标。

第一步:确定细分市场的方向

在找细分市场的时候,不必纠结要找到“完美”的市场,因为大多数情况下,第一次选择的市场可能不是最终的方向。我们需要的是一个起点和大致的方向,方便我们找到合适的产品和内容。如果以后需要更换方向,联盟营销网站的内容可以随时修改,甚至重新开始一个网站都不成问题。

这是一些在选择联盟营销方向时可以自问的问题,帮助你激发不同的创意:

  1. 从你的兴趣和技能入手:思考自己擅长的领域或特别感兴趣的主题,这样推广内容会更自然,也更有持续动力。
  2. 从你自己的问题出发:想想自己曾遇到过的困难或需要解决的问题,找到那些你希望有人告诉你的解决方案,可能其他人也会遇到同样的问题。
  3. 你目前在研究什么?:看看自己最近在学习或调查的内容,这些可能正是你熟悉和感兴趣的领域,适合作为你网站或内容的主题。

第二步:定义目标人群

在创建联盟营销网站时,我们的目标不是为了“赚佣金”,而是为了创建一个有用的资源,帮助他人做出购买决策、节省时间和金钱,或解决某个问题。很多新手会认为需要成为更好的“营销人员”才能赚取更多佣金,但其实真正重要的是制作优质的内容。好的内容自然会带来转化。所以,我们要提升的是内容创作能力,而不是销售技巧。

第三步:头脑风暴你的兴趣和技能

你可以使用Milanote(免费工具)来整理思路,或者简单地用纸笔记下自己感兴趣的事情、现有的技能,以及你遇到的问题或过去遇到的难题。比如,你可能对健身感兴趣,或者对餐饮行业有所了解,或曾经在寻找文件恢复软件时遇到过问题。将这些都记录下来,看看哪些方向更适合你。

这里是一些可以帮助你选择联盟营销主题的示例:

  1. 兴趣和技能
    • YouTube
    • 联盟营销
    • 投资
    • 电脑技能(数据恢复)等
    • 会计

    其他例子包括:会计、平面设计、养狗、育儿、烘焙、电商等。

  2. 问题(当前或过去的)
    • 删除后的文件怎么恢复
    • 不确定选择哪个投资平台
    • 找不到合适的单反相机
    • 不知道哪个在线赚钱课程比较好
  3. 目前在研究的内容
    • 不同的投资股票
    • 旅行目的地/酒店
    • 最好的AI软件推荐

这些例子可以作为你选择主题的灵感,从你熟悉或有兴趣的领域入手,也可以根据你当前关注的内容找到适合的方向。这种方式更有利于你深入创作出高质量的内容,同时满足目标受众的需求。

如果一时想不到自己有强烈兴趣的方向也没关系,选一个稍微感兴趣的方向,开始尝试,随着时间推移兴趣也会逐渐培养起来。就像尝试不同的美食一样,只有品尝过后才知道自己喜欢什么。

第四步:构思网站的主题和方向

根据你的兴趣和技能,可以构思一些网站主题,比如:

以下是三个不同的联盟网站创意:

  1. 网站创意 1帮助健身爱好者提升锻炼效果和营养管理的网站需要的产品/服务:
    • 健身课程(在线课程或私人教练)
    • 健身器材(如哑铃、瑜伽垫、阻力带等)
    • 健康补剂(蛋白粉、维生素、能量棒)
    • 健康追踪设备(智能手表、心率带等)
    • 饮食计划和营养管理应用
  2. 网站创意 2帮助自由职业者提高工作效率和管理业务的网站需要的产品/服务:
    • 任务管理软件(如Trello、Asana)
    • 文件存储和共享服务(如Dropbox、Google Drive)
    • 财务管理和发票软件(如QuickBooks、FreshBooks)
    • 生产力工具(如日程安排应用、时间追踪工具)
    • 高效办公设备(如无线鼠标、便携式显示器、人体工学椅)
  3. 网站创意 3帮助旅行爱好者规划行程、寻找优惠的旅行资源和省钱技巧的网站需要的产品/服务:
    • 旅行规划应用和工具(如TripIt、Google Maps)
    • 酒店预订网站(如Booking.com、Airbnb的联盟链接)
    • 飞机票比较和预订平台(如Skyscanner、Kayak)
    • 旅行保险
    • 旅行装备推荐(如旅行箱、相机、便携充电器)

你可以从自己的经验出发,找到适合的细分市场,并确保你有一定的了解。比如,如果你对宠物感兴趣,可以创建一个帮助宠物主人选择狗粮的资源网站,或者为有腰痛问题的人提供改善建议和产品推荐。

根据你的细分市场,列出这些产品或服务,并将它们作为网站的潜在推广内容。

第六步:从其他联盟网站中获取灵感

可以在Google上搜索一些相关关键词来查看其他联盟网站是如何推广的,

比如:easeus data recovery wizard review。

查看这些网站,看看他们推广哪些产品,如何进行内容组织,这样可以为自己的网站架构提供灵感。

举例来说,点击进入某个推广easeus data recovery wizard的页面,观察它们是如何展示产品的、内容结构如何安排、产品链接如何设置等,https://milanote.com/记录下有用的想法,方便后续参考。

通过这个流程,你就能找到一个合适的细分市场并开始策划内容,这样就可以为你的联盟网站奠定一个稳固的基础。

好,那么接下来我们来讲一下如何寻找目标产品和关键词。

1. 收集推荐和资源

首先,我们可以从其他联盟网站中找灵感,比如查看他们的“资源”或“推荐”部分。通常这些是他们网站上销售得最好的产品。如果你在浏览过程中看到某个产品你也使用过,或者你对它有兴趣,可以将其记录下来,作为自己网站上可能推荐的产品。

2. 研究产品和佣金

找到感兴趣的产品后,可以查看该产品的联盟计划(通常在网站底部的“合作伙伴计划”或“联盟计划”链接)。通过这种方式,可以了解产品的佣金率。

如果是像fiverr这样的软件,佣金率可能很高(例如首笔70%的持续性佣金),这样的话,每月的收入会随着用户的再次消费而增加。

3. 了解不同类型的产品

联盟产品主要有两大类:数字虚拟产品实体产品

  • 数字产品:如软件、课程、在线服务等,通常佣金较高(30%到100%),并且很多产品会有免费试用期,可以帮助用户更好地了解产品。这种产品不需要太多销量就能带来不错的收入。
  • 实体产品:比如Amazon上的产品,佣金较低(1%到10%),需要更多的流量和销量才能达到相同的收入水平。

你可以根据自己的兴趣选择推广的产品类型。一般来说,数字产品的收入可能更高,而实体产品更适合那些想要深度测评的人。

4. 单次佣金 vs. 持续性佣金

►Fiverr 新手可以用这个联盟开始
https://bit.ly/3XaZIL1

  • 单次佣金:用户购买一次产品后,你只能获得一次佣金。
  • 持续性佣金:每次用户续订服务时,你都可以获得佣金。对于像软件订阅这样的产品,这类佣金模式会更稳定。

5. 进一步研究产品的盈利潜力

拿fiverr举例,如果你每月能推荐10个用户,按70%佣金率计算,如果平均单价是50美元,计算机算演示。平均每月可以获得$350的收入。而长期来看,推荐的用户越多,累计的收入也越高。

5、深入研究关键词和流量

当确定了产品后,需要进一步研究它的流量和关键词。可以使用semrush这样的工具来分析关键词的搜索量和竞争程度,这样可以帮助你选择合适的关键词进行内容优化,从而获得更多的自然流量。

为什么做关键词研究对创建一个成功的联盟营销网站至关重要。

1. 把Google比作大海,你的网站就是钓鱼船

想象一下Google是个大海,而你的目标访客就是海里的“鱼”,而你的网站就是钓鱼船。如果你不进行关键词研究,就像在茫茫大海中盲目撒网,结果很可能是你打不到想要的“鱼”。这就是为什么我们需要关键词研究,以便知道哪里有鱼,哪些地方是合适的垂钓点。

2. 使用semrush等工具找到合适的“钓鱼点”

我们可以使用工具,比如semrush来扫描“海域”,找到合适的关键词。通过这种方式,我们可以找到竞争不那么激烈,但仍然有很多“鱼”的地方,让我们更容易获得流量。

3. 理解访客的意图,选择有购买意图的关键词

当我们进行关键词研究时,要考虑访客的意图,尤其是那些已经接近购买决策的关键词。例如,“最好的相机”或者“产品A和产品B对比”这样的关键词,就代表访客很有可能正在寻找购买建议。如果他们喜欢你的推荐内容,就有可能点击链接购买,你也就因此获得佣金。

一些推荐的关键词类型包括:

  • 最好选择(Best):比如“2025年最好的短视频相机”。
  • 对比(Comparison):比如“产品A vs 产品B”。
  • 评论(Review):例如“iPhone 16测评”。
  • 替代品(Alternatives):如果某个产品不适合用户,他们可能会寻找“替代产品”。
  • 问题解答(Helpful Answers):比如“如何恢复删除的文件”。

4. 使用帮助性内容来获得外链

虽然一些关键词(如对比或评论)可能有很高的转化率,但它们通常不容易被其他网站链接到。因此,我们也可以创建一些帮助性内容,比如“如何…”的文章,这类内容更容易吸引其他网站的链接。获得外链会增加Google对你网站的信任度,提升排名,从而帮助你的其他页面在搜索结果中表现更好。

比如:5 款最好的在线提案管理软件

5. 打造高质量的内容并优化SEO

关键词研究只是第一步。接下来,你还需要在内容中合理使用这些关键词,同时进行页面优化(on-page SEO)和外链优化(off-page SEO)。特别是高质量的内容和外链可以帮助你的网站在Google上获得更高的排名,从而吸引更多访客,增加点击和转化机会。

如何使用关键词研究工具来找到适合自己的网站关键词,并把它们分组,方便之后创建内容。

1. 使用竞争对手的URL来分析关键词

第一种方法是使用竞争对手的网站URL。你可以将之前研究过的竞争对手URL复制并粘贴到semrush的“域名概览”工具中。这个工具会扫描整个网站,列出该网站的所有页面和它所排名的关键词。这会让你知道哪些关键词和页面为该网站带来了流量。

2. 查看关键词的难度和流量

一旦你得到了关键词列表,可以关注以下几个数据:

  • 关键词难度(Keyword Difficulty):显示竞争程度。如果你刚开始,建议选择难度较低的关键词。
  • 流量:显示该关键词带来的月度访问量。一般来说,关键词难度低、流量适中的词更适合新站。

4. 创建关键词列表和内容分组

将这些关键词复制到你的关键词列表中,可以分为不同的内容分组。例如,你可以把与“常见问题”相关的关键词列出来,因为这些关键词可能吸引到对产品感兴趣的用户。即便这些词不是“产品评测”或“对比”类的高转化关键词,但它们依然能吸引到潜在用户。

5. 选择适合难度的关键词,逐步建立信心

刚开始时,选择难度低的关键词更容易让你获得成果,这也会增加你的信心。一旦获得流量并成功销售后,你就可以挑战更难的关键词。就像打蓝球一样,一开始要从简单的比赛开始,慢慢提高水平。

6. 创建内容计划

当你整理出一组关键词后,就可以开始计划内容了。例如,如果关键词是“常见问题”,你可以创建一篇关于“怎么样快速恢复删除文件”的文章,并在其中推荐适合的软件链接,引导用户点击你的联盟链接。

6、关键词

 

我将在美国进行商标注册和搜索

如何在美国注册商标

我将尽量减少您的美国税务申报 1040 1065 1120 报税表

做电商,怎么在美国报税

1. 在内容中合理使用关键词

在写网站内容的时候,可以把之前整理的关键词适当地融入到文章中。Google会扫描你的网站,分析内容中的关键词,然后决定你的网站在搜索结果中的排名。虽然排名的因素有很多,但关键词使用是其中之一。我们可以简单地把这些关键词复制到一个笔记工具里,比如Milanote,这样方便后续在不同页面中使用。

2. 评估关键词搜索量和价值

当你挑选关键词时,要特别留意关键词的搜索量和相关产品的价值。例如,一个关键词每月的搜索量可能只有100次,如果你推广的产品只让你赚2美元佣金,那就不划算了。但如果这个产品的佣金是200美元,那即使每月只有一两次成交,收益也是可观的。因此,选择关键词时要根据产品价格和佣金比例来判断其是否值得。

3. 使用semrush的“关键词探索”功能

你可以在semrush中使用“关键词探索”功能来进一步挖掘与产品相关的关键词。

比如,如果你打算推广fiverr,你可以搜索“fiverr Review”来查看相关关键词的难度和搜索量。

4. 观察竞争网站的域名评分(Domain Rating)

除了关键词难度分数,还可以关注竞争网站的域名评分(Domain Rating)。域名评分越高,说明该网站的权威性越强,获得排名的机会就越大。如果前十名中有评分在30以下的网站,那说明你的新站也有机会排到前列。相反,如果域名评分普遍在70以上,那你可能需要重新选择更容易竞争的关键词。

5. 分析高竞争关键词的难度

例如,如果搜索“hdr software review”,你会发现前几名网站的域名评分大多在80或85以上,并且这些页面有大量的外链支持。这样的关键词竞争难度很高,建议初学者先从难度较低的关键词入手。

1. 关注关键词的搜索意图

作为一个推广网站,最优的关键词是那些用户搜索后可能直接促成购买的关键词。比如产品“最好 ”推荐、详细对比、或者真实用户评价等等。这些都是帮助用户在购买前做决定的关键词类型。

best hdr software

photomatix vs lightroom

photomatix review

2. 关键词难度

关键词难度越低,你的排名机会越大。建议从低难度的关键词开始,这样可以更快看到成果。一旦网站开始积累流量,你可以逐步挑战难度更高的关键词。

3. 检查竞争对手的域名评分

在semrush工具中,查看当前排在前列的网站的域名评分。如果前十名中有评分在30左右甚至更低的网站,说明这个关键词有潜力,通过高质量内容和适当的外链可以实现排名。

4. 分析竞争对手的外链数量

如果排在前面的页面有大量外链支持(比如几百到上千条),那这个关键词竞争比较激烈,可能需要投入较多资源才能超越。相反,外链数量少的页面更容易赶超。

5. 内容质量是关键

点击竞争对手页面,认真阅读他们的内容,评估你是否有能力提供更优质、更深入的内容。很多时候,排名靠前的内容虽然看似长篇大论,但并不一定有实质性内容。通过提供更有价值的信息和个人体验,你有机会撰写出更具吸引力的内容,从而提高排名。

6. 不局限于评论类内容

除了做产品评论和对比外,也可以做一些教程或回答性内容。例如,“How To Use Photomatix Pro To Create HDR Images”之类的文章。这样的内容虽然不直接推销产品,但是转化率特别高。

7. 创意关键词

尝试一些与名人相关的关键词,比如“XX网红用的音响是什么?”这样的关键词可以满足用户的好奇心,同时让你有机会推荐相关产品。

8. 初期关键词选择

建议初期找3-5个关键词开始制作内容,这样可以更集中地优化,积累流量和排名。semrush工具中可以将这些数据导出,方便你随时查看和记录。

7、建议网站

好的,现在我们就要开始创建我们的网站了。马上我会一步步教大家如何搭建自己的网站!

第一步:获取域名

https://aiyoufeng.com/

域名就是你的网站地址,比如“你的名字.com”或者“你的推广网站.com”。然后还需要一个主机托管(hosting),就是存放你网站内容的服务器。主机托管可以保存你的内容和图片,保证网站365天、24小时都可以被全球用户访问。

第二步:安装 WordPress

https://wordpress.org/

WordPress 是一个免费的内容管理系统,你可以用它创建网站,而且不需要任何编程知识,不用担心学代码的问题。我们会用一个拖拽式的构建器,让你可以完全自定义网站的外观。接下来,我会教大家如何一步步搭建网站。

为什么选择 WordPress 而不是 Wix 或 Squarespace?

wix review 用google搜,他自己也用的wordpress

squarespace review

你可能会问,为什么用 WordPress 而不是其他平台,比如 Wix 或 Squarespace。其实你可以在 Google 上搜索一下“Wix 评价”,点击进入一些热门的评价网站。你会发现,许多推广 Wix 的网站其实自己也是用 WordPress 搭建的。

同样的情况也适用于 Squarespace。虽然 Squarespace 也有网站构建功能,也可以做推广网站,但 WordPress 更灵活,更适合做推广型网站。如果你查看页面源代码,会发现许多推广类网站都用的是 WordPress。所以,出于我们这次教学的需要,我推荐 WordPress,这是我自己也在用的平台。

第三步:选择主机托管

现在我们来选择主机托管服务。我推荐使用 Hostinger,因为它的套餐价格非常实惠,而且安全,适合大家入门。如果你有兴趣的话,可以点击下面的链接。这个链接是我的推广链接,通过它购买会让我获得一些佣金,这样就可以支持我的频道,价格对你不会有额外费用,有时还会有折扣。

选择托管时,我们要选择共享网站托管(shared website hosting)。这里有三个不同的套餐可供选择,接下来我会逐个介绍哪个更适合你用来创建推广型网站。

  1. 高级托管:支持最多100个网站,这样你可以把你自己的、朋友的、甚至客户的网站都托管在同一个账户下,省一些钱。比如会让网站加载更快,还包含免费域名、每日备份等。

如果选择其中的一个套餐,你并不是一辈子都只能用它。随着业务增长,你可以随时升级到更高级托管。一般来说,商务托管包含了建站所需的一切功能,比如每日备份、免费 CDN、免费域名等。

第四步:加入购物车并付款

选好套餐后,点击“加入购物车”,然后在下一步中可以选择时长。我一般推荐选择12个月或更长时间,因为这样可以锁定优惠价,折扣期过后价格会上涨。如果选择12个月以上的方案,之后续费时也会比较划算。

在这一步,你需要输入你的邮箱地址,可以选择直接用 Google 登录。接着,你可以选择支付宝、信用卡、PayPal 或者比特币付款。

确认无误后,点击“提交安全支付”,然后点击“PayPal 结账”进行支付。支付完成后,你会看到一个页面,上面有“现在开始”的按钮,点击就可以开始搭建你的网站了。

8、安装wordpress

WP Reset

►themify Ultra主题模板下载 (视频中提到的wordpress模板)
https://drive.google.com/file/d/1VqzPqu1ETPc4aMOGnxh7OWChqSYTFqlc/view?usp=sharing
https://themify.me/member/aff/go/windyyoufeng

好的,现在我们回到仪表板,给大家演示如何设置。

首先,我想带大家熟悉一下WordPress仪表板,并把一些不必要的内容清理掉。因为当你开始用WordPress建站、添加插件等操作后,页面可能会变得有些复杂。所以我希望简化界面,让你们专注于最重要的内容。

Step 1:清理仪表板

这是仪表板区域,你登录后就会看到这个页面。目前看到的是默认主题,之后我们会更改它,所以暂时不用担心。你可以点击“屏幕选项”来隐藏或删除不必要的项目。安装一些插件后,页面可能会变得比较混乱,所以我们要先清理这些不必要的内容。

Step 2:设置固定链接(Permalinks)

接下来,我们需要进入“设置”中的“固定链接”选项。这对搜索引擎优化(SEO)非常重要。我们要将固定链接的格式改为“文章名”,这样页面URL会包含文章标题,而不是随机数字。这会让URL结构更清晰,有利于SEO优化。设置完后,点击“保存”。

Step 3:删除示例内容

现在我们点击“文章”,可以删除默认的示例文章。点击“垃圾箱”,然后永久删除。接着到“页面”,删除示例页面并将其丢入垃圾箱,然后永久删除。

Step 4:管理插件

插件可以为你的WordPress网站增加额外的功能,比如社交媒体、生产力工具等。通常我喜欢先停用所有插件,因为有些插件可能会和WordPress的功能冲突,特别是旧版插件或者未更新的插件。如果你不需要某个插件,建议将其停用并删除,防止潜在的安全隐患,比如被黑客攻击。

如果你有缓存插件,比如LightSpeed Cache、WP Fastest Cache或SG Optimizer等,当你进行网站改动时,可能会遇到更改未立即生效的问题。这时可以尝试清除缓存,缓存就像临时存储,清除后页面应该会更新。一般来说,缓存插件会在顶部提供“清除缓存”的按钮。我这里先把缓存插件停用掉,因为在我构建网站的时候,我更喜欢先停用缓存插件。

这样设置下来,你的WordPress仪表板会清爽许多,也更便于操作!

步骤6:上传并激活主题

如果你们想从头开始使用 WordPress,尤其是当你已经有一个 WordPress 网站,但一切都不太正常时,可以安装一个插件叫 WP Reset。这个插件可以帮助你重置 WordPress,恢复到初始默认设置。

重置 WordPress

  1. 点击 添加新插件,搜索 WP Reset
  2. 激活插件后,进入工具栏,查看它会删除的内容。插件会删除评论、页面和文章等内容。
  3. 如果需要重置网站,先将内容复制到 Word 文档等地方进行备份。
  4. 输入 Reset 来确认重置并恢复网站。

安装主题

接下来,我们要安装一个主题,让网站有一个外观设计。

  1. 安装新主题:悬停在 外观 上,点击 主题
  2. 你会看到当前使用的是默认 WordPress 主题,我们可以点击 添加新主题

在 WordPress 中有成千上万个免费主题,但很多主题的高级功能需要付费升级。为了给大家推荐一个功能强大且易用的主题,Themify Ultra 主题。

  1. Themify Ultra 主题:这个主题非常强大,因为它可以控制网站的各个部分,无需编程。它可以让你轻松地调整网站的页眉、页脚和其他部分,非常适合初学者。下载链接在视频描述中,下载完成后文件名类似 Themify Ultra.zip
  2. 上传主题
    • 返回到 WordPress 后台的主题页面。
    • 点击 上传主题,选择 Themify Ultra.zip 文件,然后点击 安装
  3. 如果文件解压成了文件夹(尤其在 Safari 浏览器中可能会自动解压),记得右键重新压缩为 zip 文件,然后再上传。
  4. 激活主题:上传成功后,确保在主题选项中选择 激活主题。很多人会误上传成插件文件,这是无法生效的。

完成以上步骤后,我们的主题就成功安装并激活了,接下来可以进一步配置主题来设计我们的网站外观!

好,现在我们安装的主题自带了一个拖拽式的编辑器。如果将来你需要更新主题,可以去 aiyoufeng.com,那里有视频教程会教你如何在 WordPress 仪表盘中更新主题。

下载链接也会放在这里,你可以根据需要更新主题和插件。

选择外观样式

这里会提供一些皮肤和演示样式。通常我会直接选择默认的风格,所以在顶部点击关闭。

然后,我们刷新页面,你会看到网站的外观已经改变。

9、新建页面 首页

A、建页面 首页,并设为首页

B、建页面 博客,并设为博客

C、建页面 关于我们 E、 建页面 联盟声明

F、调整菜单:首页》自定义》菜单,设置顶部菜单(首页、关于、博客)和底部菜单(联盟声明)

G、首页点 Turn On Builder,开始装修首页。

H、设为无边栏和隐藏标题:进后台点Themify Ultra>SETTING>Default Layouts>Default Page Layout,,

I、设置顶部显示样式:Theme setting>Theme Appearance>Header Design选第二个。再排除副标题 :Exclude Site Tagline。

J、清除缓存如果没生效:Themify Builder》Tools》Regenerate CSS Files

底部隐藏LOGO及多余的文本

K、Theme setting>Theme Appearance>footer Design》 Exclude Site Logo

M 、Theme setting>Theme Appearance>Footer Text》Hide Footer Text Two

N、Footer Design选第一个 footer block

O、改LOGO:首页》自定义》basic>site logo&tagline。

P、改站票:首页》自定义》站点身份

10、首页装修

A、首页顶部》turn on builder,拖动可以移动。

B、更改第一个区域背景图片》stliing里面去改,

可以用AI生成,

https://pixabay.com/ 免费 素材

AI生成前,找到https://www.youtube.com/@MrBeast/videos 第一网红截图作为参考:

GPT提示1:

请你帮我总结下这些热门的youtube视频封面图,并根据这些要素来帮我设计我的封面图

GPT提示2:

好的,你已经了解了暴款视频封面设计公式,那么接下来请根据我的主题,你来帮我生成prompt,我会用这个prompt在AI图片生成工具里面生成封面图片,每次生成5个不同创意风格的prompt,可以吗。

假如我们准备做一个推荐https://fiverr.com/的联盟营销网站,里面的LOGO设计服务。怎么找到一个好的LOGO设计师作为一个主题 。

GPT提示3:

我的主题是:怎么找到一个好的LOGO设计师。

► leonardo AI生成图片
https://bit.ly/3yTr0LO

►midjourney AI生成图片
https://www.midjourney.com/

► midjourney+ChatGPT 账号合租平台、账号购买
https://nf.video/C1dxn

GPT提示4: 请根据以上1-5的提示词,直接给我生成出对应的照片,比例为16:9

C、背景类型为:fullcover覆盖,鼠标放图上设置》row option为fullwidth.保存。

D、拖动上下距离为150.拖入text.

GPT提示:

我想做一联盟营销网站,推广fiverr上面的服务,我的文章主要是围绕像以下这样的主题: 1、fiverr上最好的5个logo设计师 2、2025年fiverr上最好5个产品摄影师 类似这样的,现在请帮我想10个网站的slogan,我准备用在第一张海报上面,要求简洁易懂,口语化。中英文对照。

我用的:

帮你找到最优秀的Fiverr设计师!

Helping You Find the Best Fiverr Designers!

文字格式:标题2,居中,白色,字号4em,文字加阴影:1、1、5黑色。

E、背景一层覆盖层,让文字更明显,图片左上角选styling>row overlay.

F、再加一个text作为副标题。

GPT提示: 再帮我想一个副标题

“从设计到推广,轻松找到适合的专业人才!”

“From Design to Marketing, Find the Perfect Expert with Ease!”

副标题文字格式:居中,白色,字号25PX,margin跟上-20PX。保存预览下

G、加按纽:发现更多 加链接https://aiyoufeng.com/,居中,颜色先改为透明,再到styling>不要选general,要点三杠里面的button link,更改按纽背景色,文字颜色改为白。 安装取色器: https://chromewebstore.google.com/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=en

https://color.adobe.com/create/color-wheel Extract Theme 提取颜色。

保存在https://milanote.com/ 里面。

按纽颜色:#ff8e3d 划过颜色:#fe6500,加圆角,字号为17.

11、联盟声明

GPT提示: 再帮我写一个详细的联盟声明

12、关于我们 用模板建

13、社交链接

A、themify ultra >social links B、 把社交信息显示在底部:外观>小工具》Footer Social Widget》themify social links.,,勾上 Open link in new window。

C、到 关于我们 Turn On Builder,在下面加入widget>加入社交链接,顶部导layouts,还可以导入更多模板。

D、更改手机端

14、创建内容

A 、好的,我们现在网站的基本设置已经完成,接下来我们需要集中精力为网站创建内容。这是你做联盟营销网站最重要的一部分。

可以把内容想象成商店的商品,不管商店的装修有多好,如果货架上没有吸引人的商品,顾客也不会频繁光顾。所以内容对你的网站来说就如同这些商品,对吸引流量和留住用户起着至关重要的作用。

目前,我们只需要一个非常简单的页面布局。很多人在没有丰富内容之前,往往会花大量时间去追求完美的布局设计,但最重要的是先有内容,吸引用户访问我们的网站,并带来转化,然后再根据实际情况优化布局。

由于我们现在的网站内容还不多,不需要进行复杂布局。对于内容创作,我们可以先在semrush里面完成了关键词研究。以我的网站为例,我决定把“best logo designer on Fiverr”作为页面的关键词目标。

如果我们在搜索引擎中搜索“best logo designer on Fiverr”,会发现大概有数千个竞争网站。我们希望自己的网站能排名到第一页,因为一般来说,如果你的页面没有进入第一页,用户通常不会继续浏览后面的页面。

B、优质内容的关键要素

优质内容的关键要素(有助于排名)

  1. 符合搜索者的意图
    • 内容要满足用户的真实需求,解答他们的问题。
  2. 独特内容(非重复)
    • 不要直接复制其他内容,要有自己的特色和观点。
  3. 真实的见解和经验
    • 分享自己的理解和经验,让内容更有说服力和价值。
  4. 深刻理解和充分研究
    • 确保内容信息准确、全面,是经过详细研究的。
  5. 自然地包含关键词
    • 根据关键词研究,将关键词自然地融入内容中,避免过度堆砌。
  6. 提供人们搜索的答案(Google、YouTube、论坛等)
    • 直接回答用户常见的问题,让他们一看就能找到想要的答案。
  7. 内容详尽完整
    • 内容要全面覆盖主题,不留信息空白,给人完整的答案。
  8. 格式良好
    • 使用清晰的排版和结构,让内容易读。
  9. 添加支持性图片、视频或参考资料
    • 使用图片、视频和引用来增强内容的说服力和可读性。
  10. 包含优缺点(体现同理心)
    • 不要一味地吹捧,也要指出可能的问题,显得客观中立。

这样一来,用户会更喜欢阅读,搜索引擎也会更倾向推荐。

理想情况下,我们希望我们的网站在搜索结果中排名前一、二、三位,对吧?网站的排名因素有成千上万种,但最关键的两个因素是内容的相关性和质量,以及网站的反向链接数量。

https://aiyoufeng.com/original-ai-video-instruction

https://tw.news.yahoo.com/美國總統大選開票-搖擺州快報-北卡羅來納州川普獲勝|不斷更新-220034960.html

所谓反向链接(backlink),比如说在一篇文章中,点击该链接后,会跳转到另一个网站上的文章。这就是网站的一个反向链接。

通常情况下你网站的反向链接越多,你在谷歌上的排名就越高——当然前提是你的内容质量也要够好。每一个指向你网站的链接就像是一票支持。支持的票数越多,你的排名就越高。

不过,不是所有的“票”都等值。如果你获得了来自雅虎这样一个每月有上百万访问量的权威网站的链接,那就比来自一个新网站的链接更有权重。

要想获得这些链接,首先需要有优质的内容。因为如果你的内容不够好,别人没有理由链接到你的网站。因此,我们现在需要集中精力创造优质内容。我会一步步分享给你如何做到。

优质内容的几个关键要素如下:

  1. 内容要符合用户的搜索意图。也就是说,用户搜索想找到什么信息?你需要提供他们想要的信息。

比如,如果我们正在创建一个“best logo designer on fiverr”的内容页面,那么内容就应当是一个关于设计师推荐的文章。它应该包含关于产品是什么、谁在使用它、效果如何、不同的套餐和价格,你是否推荐它等等信息。

听起来可能很直接、很简单,但我刚开始做网站时,也容易犯类似的错误。我当年做的是一个关于“google 搜: Hoodie 连帽卫衣”的网站,因为我发现这个关键词的竞争很低,每月有超过十万次搜索量。我当时觉得可以试试这个关键词,然后把用户引导到亚马逊赚取联盟佣金。

但是当我搜索“Hoodie ”时,我发现搜索结果中的网站基本上都是商品页面或产品分类页。也就是说,用户想要浏览真实的电商网站,看看不同的卫衣,选择并购买他们喜欢的款式。他们并不想看一篇关于卫衣的博客文章然后点击联盟链接跳转到另一个网站去购买。所以这就是用户的搜索意图。

因此,我们要确保创建的内容符合用户的搜索意图。假设你想要创建一个:fiverr上面最好的logo设计师,可能会觉得搜索量不高,竞争不大,但同样也不会吸引很多流量。如果你决定直接去做“logo maker”这个关键词的内容,虽然难度中等,但搜索量非常高,很多人会搜索这个关键词。

但是如果你真的去搜索“logo maker”,浏览前十名的搜索结果,你会发现基本上没有真正的关于logo maker的博客文章。大部分都是一些像官网、Chrome扩展、在线工具、App Store等页面。这说明用户其实并不是在找一篇介绍logo maker的文章。

所以如果你打算用这个关键词,可能很难排在第一页。因为用户实际是想直接找到产品,而不是文章内容。因此在你为某个关键词或词组创建内容之前,先在Google上搜索一下,看看前十名的内容类型,这样就能知道大家的需求是什么。很多时候我们不需要重新发明轮子,只需要提供更好、更独特的内容,不要偏离当前排名的内容方向太多。

接下来,我们要确保内容的独特性。绝对不能去复制别人的内容,尤其是整篇文章复制粘贴,这是行不通的。Google不会因为你的内容和别人的一样而去排你的网站,这样只会让人觉得是垃圾内容。所以非常重要的是,你的内容一定要原创。可以引用小段文字,但绝对不能整篇复制。

第三,你要提供真实的见解和体验。很多人在做联盟营销网站时,只是简单罗列产品的功能,而没有分享真实的使用体验和见解。从2020年起,单纯复制功能描述的内容很难成功,因为现在大多数人做联盟营销都希望最省力。但如果你真的分享真实的使用体验和独到的见解,这不仅能提升内容的质量,还能在竞争中保持优势。

第四,你要对主题或产品有深刻的理解。做内容前一定要进行深入的研究。如果没有用过产品,那就尽量去找相关资料和用户体验来丰富自己的知识。看看那些大网站和YouTube频道,都是因为他们对内容有深刻的理解。如果你不理解内容,就去学。积累知识丰富自己。

最后一点,在内容中自然地加入关键词。把之前关键词研究的结果自然地融入到文章中,让它显得流畅不突兀。

比如说,我们做Fiverr上最好的logo设计师 best logo designer on Fiverr,首先可以看看当前排名前几位的内容,看看他们为页面排名的关键词有哪些。 semrush上关相关关键词. 你可能会发现它们还会涉及到像“XXXX?”等问题。这些都是大家在搜索时可能感兴趣的问题。

所以如果你能在自己的评测中也包含这些内容,那就会让文章非常吸引人,因为它们正是用户在寻找的信息。这也就是为什么做关键词研究、查找相关问题,并将这些关键词生成不同的小标题非常重要。比如,可以加入一个“logo设计多少钱”的小标题,内容里还可以讨论“怎么样免费设计logo”、“如何制作”等相关信息。

这样,你的内容就会很完整,能够全面覆盖用户的需求。

第六点,你需要提供人们在Google、YouTube或者论坛上常常会搜索的问题的答案。

how to make logo,google搜。

这其实和前面提到的类似。如果你在Google中搜索一个关键词,通常会看到一个“人们还会问”的部分。你可以把这些问题也加入到你的内容中。另外,你还可以去Reddit、相关论坛,或者在YouTube上观看关于该产品的评测视频,了解大家的疑问和担心,并在文章中回应这些问题。

第七点,确保你的内容详细完整。尽可能全面地覆盖该主题的方方面面,力求把内容做到最好。你的内容就是你的产品,要把它做到尽善尽美。

第八点,确保内容格式易于阅读。比如,不要一大段文字连在一起,而是用小标题、分段排版,让内容看起来很容易理解。人们一般不喜欢阅读大段的文字,如果看到密密麻麻的文字,可能会直接离开你的网站,而这会让Google觉得你的网站用户体验不好,从而影响排名。

第九点,加入一些辅助的图片、截图、视频,甚至引文和参考资料来丰富内容。大家不喜欢纯文字的内容,所以加一些图片或截图能让阅读体验更生动,也更吸引人。

第十点,评测时不仅要写优点,还要写一些缺点。这能让你的文章更具可信度。如果你的评测中只有好评,读者可能会怀疑内容的真实性。所以你不仅要写好的一面,也要指出一些不够好的地方,这样内容会显得更真实。

当然,有时候缺点并不一定是对所有人都不好的。比如,你在评测easeus data recovery wizard review易我数据恢复这个软件时,用户的需求会因人而异。有些是新手,而有些是有技术背景的程序员。不同的人需求不同,因此你需要站在他们的角度去思考这个产品对他们是否合适。

比方说,你可能喜欢https://www.tesla.com/,但有人因为某些原因不喜欢。也许对他来说,比亚迪https://www.bydauto.com.cn/pc/更合适。所以产品并没有绝对的好坏,重要的是分析出哪些适合不同需求的人群。

15、内容创作流程

内容创作流程:一步步指导

第1天 – 关键词和竞争对手研究

第2天 – 产品调研和测试(可能需要更长时间)

第3天 – 撰写吸引人的标题、开头、小标题,制作封面图片

第4天 – 开始写内容

第5天 – 编辑修改

第6天 – 添加支持的图片、视频、参考资料(优化文件大小)

第7天 – 把内容添加到WordPress,发布并进行优化

好的,我想帮助大家逐步分解整个过程,让你每天都有一个具体的行动计划来创建内容。我知道,创建内容可能让人觉得有些难以入手,但其实如果每天分解一点点去完成,就会变得没那么难了。因为如果你试图在一天内完成所有事情,你可能会感到完全被淹没,最终可能什么都没做。如果你真的想在联盟营销中取得成功,关键就是持续地去创建内容行动起来。

第一天:关键词和竞争对手的研究

你可以用semrush做关键词研究,查看各个网站,研究你可以目标的不同关键词。

google搜:how to make logo

还可以用Milanote来记下所有的想法、进行头脑风暴,看看别人做得好的地方和可以改进的地方,或者是任何你可能需要的信息。因为可能你脑海中会有很多想法,所以把它们写下来,然后以后可以回来看。

第二天:产品研究和测试

视产品的不同和竞争的强度,测试产品可能会需要一些时间,有时候一周,有时候两周,这取决于你想推广的产品类型。你需要尽可能多地了解产品,这样才能创建出优质的内容。

第三天:写标题、简介和小标题,并创建封面图片

GPT提示1:

https://ddiy.co/fiverr-logo-design/ 请根据这篇文章帮我写出一个原创目录,你可以借鉴。不要照抄。

GPT提示2:

针对第1点:

为什么在Fiverr上寻找Logo设计师? Fiverr的优势:性价比、创意多样性、快速交付 如何Fiverr上的设计师适合不同预算需求 写出相关的网站内容,就像真人写的感觉,大白话

我建议先在word中写所有内容,这样比较安全,不会丢失数据。直接在WordPress中编辑内容会不太方便。在word中写完之后,再把内容复制到WordPress里。你可以在这一天写出标题、获取联盟链接(一般需要提前申请加入联盟项目),以及写出一些小标题,这些小标题可以根据你的关键词研究来设置。

接下来可以创建博客文章的封面图片。你可以在canva.com上自己做。

第四天:专注于写作

接下来的一天就是填充各个小标题的内容。写的时候就像是在和朋友聊天一样,不要想得太复杂,很多人可能会觉得自己写不好,但别担心,我们只是写出自己的观点而已。刚开始可能不太擅长,但随着时间的推移,你会越来越好。写作也是需要练习的,就像学习打蓝球一样,一开始不可能成为最顶尖的选手。现在AI可以帮助你。

第五天:编辑内容

把前一天写的内容仔细检查一遍,确保格式清晰、内容易懂,写出结论并检查整体的逻辑和流畅度。

第六天:添加图片、截图、视频、引用

https://www.awesomescreenshot.com/ 截屏插件

加入各种图片、截图、视频或引用,为文章增添一些深度。如果需要截图,可以用https://www.awesomescreenshot.com/ ,这是一个非常好用的截图工具,可以帮助你截取任何所需的画面。演示使用。

我建议你专门创建一个文件夹存放所有的图片。

https://www.photopea.com/ 改尺寸

对于图片,你要确保进行图片优化,以减小文件大小。不要让图片文件过大,不然网站加载会变慢。而这也是一个排名因素之一,关系到用户体验。所以你要确保网站的加载速度,图片过多会让加载变慢。

优先保存为JPEG格式。除非是需要用到logo,才考虑使用PNG格式。

举例来说,如果我们有一张图片,把它保存下来。建议你命名图片名称时包含相关关键词,比如“fiverr注册界面”,这样也有助于SEO。

你可以使用Photoshop或其他你习惯的工具来处理图片。然后导入图片,选择调整大小,将宽度设置为1000,同时确保高度随之调整,点击“应用”,然后导出。你可以将质量调整为“普通”即可,这样就足够了。

下载后,如果对比文件大小,可以看到PNG格式的图片有500KB,而JPEG的图片大约减小了一半,这样可以确保网站加载速度更快。图片优化是很重要的,因为太多大图片会让网站加载特别慢。

第七天可以开始将你写的内容添加到WordPress上。这是我们下一步要做的,然后我会分享如何进行SEO优化。让我们现在开始吧。

16、wordpress写文章

A、发布过程

一旦你写完所有内容并准备好所有图片上传到网站,那么将这些内容添加到网站上就不会那么难了。我已经将图片裁剪到大约1000像素的宽度,并且都转换成了JPEG格式。

整个文件夹的总文件大小大约是2MB。通常,页面大小最好不要超过3到4MB。如果页面过大,你就需要非常强大的网络托管服务器,比如云托管,否则网站加载速度会变慢。

现在,我们开始添加内容。你可以在页面上方悬停,点击“添加文章”,或者进入仪表板,找到文章选项,然后点击“添加新文章”。

如果你在编辑页面上看不到左侧面板和顶部选项卡,可以点击右上角的三点图标,取消勾选“全屏模式”。这样会方便操作。

现在我们有了内容,只需要复制粘贴即可。首先复制标题并粘贴,然后向下滚动,添加一个新的分类。例如,我们可以用“评论”作为分类。如果你有其他类型的内容,如“比较”、“教程”或“新闻”,也可以添加相应的分类。

接着,进入标签区域。这里我们可以添加关键词,比如““XXX”等等。然后,为文章设置特色图片。点击“设置特色图片”,上传你之前准备好的图片文件。你也可以使用Canva或Photoshop。

图片的尺寸建议为1280×720像素。上传后,点击“设置特色图片”。

接下来,点击“讨论”选项,如果你希望启用或禁用评论功能,可以在这里进行设置。如果你使用Themify主题,还可以在定制面板中设置博客文章的布局,这个可以在以后调整。

然后点击“发布”按钮。如果你不希望每次发布时都要确认两次,可以取消选择发布确认选项。发布后,可以检查URL是否符合你的要求。

如果URL有点长,可以点击编辑,将它缩短到更简洁的形式。例如将URL设置为“XXX。保持URL简洁明了,不要包含年份之类的内容,以免将来变得过时。URL最好一次性定好,因为频繁更改会影响SEO排名。

完成以上步骤后,检查所有内容是否正常,点击“更新”,然后你可以点击“查看文章”或直接点击URL来查看博客文章效果。

这就是我们的文章发布过程。

B、在文章页面顶部打开:Turn On Builder,拖入text. GPT提示1: 帮我写一段文章开头引言

C、第一个三级标题。

GPT提示2:

针对第1点:为什么在Fiverr上寻找Logo设计师? Fiverr的优势:性价比、创意多样性、快速交付 如何Fiverr上的设计师适合不同预算需求 写出相关的网站内容,就像真人写的感觉,大白话。

D、然后插入文章和图片。可以去Fiverr截图一张。增加图片模块,图片增加alt标签。

E、行动号召,增加一个文本 GPT提示:

写一段行动号召,提醒访客点击Fiverr链接

F、增加一个标题3:最值得推荐的6个Logo设计师

G、增加一段文本:

来自全球的顶尖设计师,他们的作品风格多样,价格灵活,总有一款适合你!不论你的预算如何,Fiverr上都能找到符合需求的设计方案。

H、增加一个按纽 居中。了解更多

其他的依次类推

I、增加 目录 GPT提示: wordpress里面好用的目录插件,可以像图上这样进行自动分类

引言下面。安装插件 Easy Table of Contents (简单的目录

https://0to255.com/ 相似颜色提取

17、更改导航栏颜色

A、首页》顶部自定义》main navi?menu link hover改为绿#004014。

B、body链接颜色也改下绿与红 #ED1E24

C、回到顶部颜色:高级》footer>back to top button. 绿#004014

D、顶部颜色:高级》footer>footer wrap 绿#004014

18、博客

A、Turn On Builder》拖入 post,一排显示2个。

B、更改文章标题鼠标经过颜色:文章页》自定义》高级》post>绿#004014,,居中。

C、发表评论颜色:高级》form》form buttons为绿#004014,,hover改为浅绿。

D、更改日期显示方式:themify主题》默认布局》single post>date>勾上Display post date as inline text instead of circle style。

E、更改作者写名:用户 里成改

F、更改 meta对齐方式:自定义》高级》post meta

G、文章图片加阴影边框:文章页顶部》Turn On Builder》Appearance,或者在stlying>border.

H、加社交到顶部meta下面:social share,并居中。

I、更改按纽颜色为绿。

20、更改边栏

A、外项》小工具

B、删除之前的,

C、加搜索,加主人图片

D、加入标题:关于我们

E、加入fiverr广告图

F、加入分类、热门文章(可显示图片128X72)

21、SEO(内链)

A、安插件:yoast seo.

接下来我们进入最重要的部分,页面内SEO(搜索引擎优化)和页面外SEO优化。

这个部分非常重要,因为它将帮助我们的网站在Google上获得更好的排名。首先,我们需要确保网站的内容结构已经完全优化,当Google扫描我们的网站时,它能够准确理解我们的网站内容。我会讲解如何优化网站页面内的内容,以及页面外的优化,也就是获取指向你网站的外部链接(backlinks)。

一般来说,网站的外链越多,排名就会越高。稍后我会详细说明如何进行页面外的优化。

1. 安装Yoast SEO插件

现在,我们将安装一个名为Yoast SEO的插件来帮助优化页面内容。

  1. 进入“仪表板”。
  2. 鼠标悬停在“插件”上,点击“添加新插件”。
  3. 搜索“Yoast”并按回车键。
  4. 找到由“Team Yoast”开发的“Yoast SEO”插件,它应该有超过1000万的活跃安装数,点击“安装”。
  5. 安装完成后,点击“激活”。

激活后,你会在顶部看到Yoast的小图标,这表示插件已经成功启用。

2. 优化文章和页面内容

接下来,我们需要确保所有文章和页面内容都进行了优化。

  • 如果是一些辅助页面,比如“免责声明”或“关于我们”页面,这些不需要重点优化,因为我们并不期望它们在Google上获得高排名。
  • 但对于像“文章”类的文章,尤其是用来赚取联盟佣金的页面,则必须确保其完全优化。

3. 使用Yoast进行页面内容优化

  1. 进入“文章”页面,找到需要优化的文章并点击“编辑”。
  2. 在编辑页面的右侧,你会看到Yoast SEO的设置区域。

Yoast会自动分析页面内容并提供优化建议,比如关键词密度、页面标题、描述等方面的建议。

B、SEO标题:找Logo设计师 – 推荐6个Fiverr知名的给你

好的,我们继续讲解如何使用Yoast优化页面内容。现在,我会带你们完成一些设置,帮助我们在搜索引擎中获得更好的排名。

1. 设置焦点关键词

首先,我们需要在Yoast的设置面板中设置一个焦点关键词(Focus Keyphrase)。这是你希望该页面或文章主要针对的关键词。例如,在这里我们要使用“logo设计师”作为焦点关键词。

Yoast会根据这个关键词扫描页面内容,并提供一个优化检查清单。点击SEO分析(SEO Analysis),你就可以看到已经优化好的地方和还需改进的部分。这个清单会一步步指导你,确保页面内容符合优化要求。

2. 优化标题

最重要的是确保焦点关键词出现在标题中,而且最好在标题的前面。例如,可以用“找Logo设计师 – 推荐6个Fiverr知名的给你?” 这样的标题。这样可以吸引用户点击,同时也增加了搜索引擎的识别度。

如果想手动编辑标题,只需点击SEO标题(SEO Title)并手动输入关键词,也可以使用Yoast的默认变量来自动从文章标题中提取内容。

3. 优化Meta描述

GPT提示:

我正在用Yoast进行文章的优化,我的焦点关键词是:Logo设计, Yoast提示元描述长度:未指定元描述。 搜索引擎将显示来自页面的副本。 请你帮我写一段元描述,150个汉字左右。

默认情况下,Yoast会自动从文章内容中截取一段文字作为Meta描述,但是我们可以手动输入更符合优化的描述。尽量在描述中自然地包含焦点关键词,但不要强行添加。

Meta描述能影响用户点击,所以需要吸引人并含有关键点。

4. 其他优化检查项

除了标题和描述外,还有一些其他优化项目,以下是一些常见的优化项及处理方法:

  • 首段包含关键词:确保关键词出现在文章的第一段内容中。
  • 出站链接:添加一个外部链接到其他可信赖的网站。
  • 内链:添加一个内部链接到你自己的网站上的其他内容。
  • 图片Alt属性:为所有图片添加Alt文本,其中至少有一张包含关键词。

如果清单中的某些项无法达到100%的优化,也不必太担心。通常达到80%左右的绿色项即可。如果需要修正某些项,可以点击“更新”(Update)来保存,然后点击“查看文章”(View Post)查看发布效果。

Okay,所以如果你想要修正一些内容,操作其实非常简单。比如说,你想要在第一段里添加你的关键词,那么你只需要点击到第一段,然后自然地把关键词融入内容中。一定要让句子读起来通顺、合理,如果没法做到,也不要勉强去加。

接下来,如果你想要添加外部链接,比如说链接到“错误信息”这一部分,你可以点击这里的链接选项,然后在链接栏里粘贴目标网址。

通常,对于外部链接,我会选择在新标签页中打开,因为这样可以让用户留在我的网站上,而不至于离开页面。完成后,点击“添加链接”。

如果你想要添加内部链接,比如你有一篇关于“如何XXX”的文章,可以把相关关键词链接到那篇文章,这样访问者点击后就可以阅读相关内容。不过,链接内容需要相关联才有意义。

对于内部链接(指向网站内的内容),我通常会选择直接链接,而不在新标签页中打开。添加链接后,这部分内容就完成了。

然后我们来看看图片的“alt标签”(替代文字)。点击图片,添加alt标签。这是因为当Google扫描你的网页时,无法直接读取图片内容,所以需要alt标签来描述图片,告诉搜索引擎这张图片的内容。完成后,点击“完成”。

这些就是一些基本操作。一旦完成,你可以保存内容,然后返回文章后台页面,继续检查和修复其他需要优化的地方。比如,有时会提示“关键词未出现在第一段”,但如果我们检查页面,关键词其实已经包含在第一段中了。

所以不用太过在意,只要确认关键词确实已包含在实际内容中,Google就能识别。

Yoast SEO其实只是一个检查工具,并不直接影响Google对你网站的理解。它只是帮助你进行优化。回到Yoast后台后,你可以逐项检查并修复完成的内容。完成后,点击“更新”按钮来保存更改。

22、安装分析插件 Site Kit by Google 后台演示

A 、查看收录 site:https://aiyoufeng.com/

B、顶部可以输入链接查看单个页面

C、提交网站地图:yoast seo>site features>底部XML 站点地图

D、google搜索控制台提交地图:https://search.google.com/search-console

接下来我们要做的就是点击“插件”并安装Google Site Kit插件。我们将通过它把我们的网站连接到Google Analytics和Google Search Console。

首先,想象一下如果我们现在搜索自己的网站,我们可以在浏览器中输入URL,然后前面加上“site:”来查看。我们想要让Google快速收录我们的网站。为了实现这一点,我们需要在Google Search Console中添加我们的网站。

  1. 安装Google Site Kit插件:返回WordPress仪表板,点击“插件”->“添加新插件”,搜索“Google Site Kit”,然后点击“安装”,安装完成后点击“激活”。
  2. 连接Google账户:确保已经登录Google账户,点击“开始设置”,用你的Google账户登录并授权,让插件可以获取我们网站的所有权验证。点击“继续”,然后点击“允许”。
  3. 连接Google Analytics:Site Kit会帮助我们自动连接到Google Analytics,追踪访客行为,比如他们停留的时间和点击的内容。选择账户,点击“允许”,输入账户信息,比如你的“网站名称”,设置好国家和时区,接受服务条款,创建账户。这样就设置完成了。
  4. 查看数据:当网站有访客时,可以在Site Kit的仪表盘中查看数据,比如访客的数量、停留时间、是否点击其他内容等。这些数据可以帮助你优化内容和网站体验。
  5. 提交sitemap文件:这是让Google了解你的网站结构的重要步骤,有助于让新内容更快被Google收录。回到Yoast插件,点击“常规”->“功能”选项卡,找到“XML站点地图”,点击问号图标,查看并复制最后的“sitemap-index.xml”部分。
  6. 在Google Search Console中提交sitemap:登录Search Console,在左侧导航栏点击“站点地图”,粘贴刚才的URL部分,点击“提交”,等待确认信息。

这就是我们在网站上完成的基本页面SEO。确保你优化了希望排名的文章和页面。而对于像“关于我们”或“免责声明”这样的页面,不需要特别优化。

离页SEO(Off-Page SEO):接下来我们讨论的是外链SEO,也就是为你的网站获取外链(backlinks)。外链相当于为你的网站投票,外链越多,你的网站就越有“人气”,Google也会提高你网站和页面的排名。

22、SEO(外链)

接下来我想跟大家讲一下外链SEO,也就是网站外的搜索引擎优化。这对提升我们网站的权重和排名有很大帮助。

什么是外部链接?

简单来说,外部链接就是其他网站指向我们网站的链接。举个例子,比如在博客文章中,有一些链接指向其他网站,这些指向外部的链接就是我们所说的外部链接。在Google的排名算法中,外部链接越多越好,因为它们向Google传递了一个信号:这个网站很受欢迎,因此应该在搜索结果中排得更高。

外部链接的质量与权重

需要注意的是,并不是所有外部链接的权重都相同。不同的链接会有不同的影响力和价值,它们的作用因以下几个因素而异:

  1. 域名权威性:来自高权威网站的链接会比小网站的链接更有价值。

https://www.similarweb.com/zh/top-websites/united-states/

  1. 如果你能从知名网站获得外链的话,这种权威度高、流量大的网站获得链接,那么这种链接的效果会远超来自一般小网站的链接。
  2. 链接的位置:如果链接嵌在内容当中,就像文章主体内的链接,其价值会更高。而如果链接位于网站的页脚或社交平台的个人档案中,价值通常会低一些。一般来说,越难获取的链接价值越高,比如嵌在内容中的链接就比评论区的链接更有价值。
  3. 内容的相关性:来自相关内容的网站链接比不相关的链接更有效。如果你的网站专注于软件评测,那么从另一个讲软件评测的网站获得链接比从一个旅游博客获得链接效果要好得多。
  4. 链接类型:链接分为两种:dofollow链接nofollow链接。dofollow链接会传递“链接权重”(也称为“link juice”),帮助提升目标网站的排名。而nofollow链接则不会传递链接权重。Google引入nofollow标签是为了防止人们在评论区滥发链接。但这并不意味着nofollow链接完全无用,它们依然可以帮助获得流量,且有助于营造自然的链接分布。

一个适合新网站的外链策略

对于刚起步的联盟营销网站,我们需要一个适合新站的外链策略。外链建设有很多方式,但对于新站而言,我们需要一个循序渐进。

基础外链策略

  1. 内容优化:首先确保网站内容已优化,并且具有高质量的内容,因为只有好的内容才能吸引其他网站愿意链接到你的网站。
  2. 建立初期外链
    • 博客评论:在高质量、流量大的相关博客上留言,有助于吸引部分流量,同时也可能与博主建立联系,为日后合作打基础。
    • 社交媒体分享:在社交平台上分享你的内容,可以引导流量到你的网站,也可能吸引到更多外链。
  3. 高质量外链策略
    • 资源合作:联系与行业相关的博客和资源网站,提供独特的内容或资源,让他们愿意链接到你的页面。
    • 创建优秀的长篇内容:如行业指南、详细教程等,这类内容容易获得其他站点的自然链接,因为它们为用户提供了实用信息。
  4. 使用工具:可以使用像semrush这样的SEO工具,分析竞争对手的外链策略,找到哪些网站可能也愿意链接到你的内容。

这是一个基础的离页SEO和外链建设的概述。在接下来的部分中,我们会详细讨论如何一步步执行,并针对联盟营销网站提供一些具体的方法和建议。

23、怎么找到合适的投稿网站

A、travel + “write for us” 找可以发布文章的网站

B、找网站邮箱 https://hunter.io/email-finder

在为联盟营销网站构建外链时,我们将使用一个三步策略。其中,最有效的方式之一是通过投稿(Guest Posting)在不同博客或网站上发布文章。

第一步:投稿的重要性

投稿的核心是为其他网站写文章。

这就是通过投稿获得的外链。这类链接不仅是上下文相关的dofollow链接,而且还会将流量引向你自己的网站,因此这种链接对提升排名的作用非常强大。

在我们开始主动寻找投稿机会之前,首先要打好基础,包括创建有吸引力的内容建立关系。直接向其他网站提出请求,要求发布文章,通常会遇到问题,因为对方希望看到你已经有一定的内容积累。这就像是一个“作品集”,可以展示你的写作水平和内容质量,也能为你的网站引流,增加用户粘性。

如果用户进入你的网站后发现没有太多内容,他们可能不会停留,也不会成为你网站的忠实用户;他们不太可能为你的网站带来回头流量或更多链接。因此,在一开始没有内容的情况下进行投稿,其实是比较浪费时间精力的。

制作值得链接的内容

为了增加获取链接的机会,除了常规测评内容,我们还需要创建一些信息性内容。这些内容应当具有实用价值,能够帮助用户解决问题,从而更具吸引链接的潜力。比如,如果我的网站主题是个人理财和投资,我可以发布以下内容:

  • “初学者的投资指南:5个简单步骤开始理财”
  • “10个真实的理财故事:普通人如何实现财务自由”

这样的内容不仅可读性强,而且具有可分享性,容易被其他网站引用和链接。而“理财工具测评”或“银行账户比较”等内容则通常较少被分享和引用。通常,资源型文章、成功案例、数据分析或操作指南更能吸引外部链接。

三步策略的实施

  1. 建立内容基础:你的网站至少有5-10篇有深度的信息性博文。
  2. 完成评论和对比内容:在完成信息性内容后,再加入测评和对比类内容,这样可以让你的网站内容更加完善。比如XX产品怎么样,A与B产品对比哪个好。
  3. 慢慢开始投稿:在有了一些高质量内容后,你可以开始联系其他网站进行投稿,展示你的内容质量,增加被接受的机会。

通过这个几步,几周内你可以建立起一个内容丰富、具有吸引力的网站,之后再去拓展链接的合作,将更容易获得回应并增加你网站的曝光度。

建立一个良好的品牌形象和社区参与对于投稿发文的成功率非常关键。以下是具体步骤:

第一步:创建社交媒体页面和链接

https://www.facebook.com/

https://www.youtube.com/@xuexiai

https://x.com/

首先,建立一些个人资料链接,比如在Facebook、YouTube、Twitter等平台创建页面或频道,并在这些个人资料中添加你的域名或网站链接。虽然这些大多数是没有太多权重的链接,但它们会为你的网站增加信任信号,有助于初期的SEO排名。

第二步:积极参与一些社区

https://www.quora.com/

例如,使用Quora这样的问答平台回答与您的主题相关的问题,在回答中可以合理地放入你的网站或视频链接,带来初始流量并逐步建立声誉。当你向博客站点请求投稿时,拥有社交互动的记录可以让你的品牌显得更真实。

除了Quora,你也可以通过博客评论(blog commenting)与其他网站互动。每天花大约20分钟进行问题回答、博客评论、YouTube评论或在Facebook和Instagram等平台上与他人互动。这些互动不仅有助于增加你网站的可见度,还能够帮助你与潜在的博客网站建立关系,为日后投稿发文打下基础。

第三步:发布和推广自己的内容

在你的网站发布文章后。同时在FacebookTwitter等页面上定期分享你的网站内容,增加曝光率。这样不仅让更多人了解你的网站,还增加了搜索引擎对你网站的信任度。

第四步:使用semrush工具寻找竟争对手的博客

为了找到潜在的投稿机会,可以使用semrush的关键词g工具。输入与你的网站主题相关的关键词然后搜索。比如:fiverr,你会看到相关页面的列表。

对于一个刚起步的网站,不建议一开始就瞄准这些高流量的大网站,因为它们每天可能会收到大量的投稿请求。

通过这个方式,你可以找到一些较小但相关的网站来投稿,积累一定的品牌形象和权威性。

我们要一步步来,不用一上来就瞄准那些特别热门的大网站。比如说Shopify的博客就非常火,如果你没有跟他们团队的人认识,或者你还没有什么名气,投稿成功的概率是很低的。那么我们可以做一些筛选。

我们可以浏览一下这些网站,看看是否适合投放我们的文章。毕竟并不是每个网站都合适,有些可能跟我们的内容无关,有些可能内容很久没有更新,还有一些网站可能根本不是我们想要投稿的平台。

所以我们可以点击搜索结果,逐一打开看看。当然,你也可以尝试一些不同的搜索词,看看能不能找到更多合适的结果。我通常会多打开几个网站,然后逐一筛选。

接下来,我来示范一下如何找出一个合适的投稿机会。比如说这个网站,然后看看网站上的内容是否是我们可以写的,是否和我们的领域相关,另外,这个博客是否接受投稿。

一般来说,你可以往下翻,有时候能看到作者简介。这样的作者信息能帮我们判断这个博客是否欢迎投稿文章。

另外可以看看“关于我们”页面和他们的社交媒体账号,看看这些账号是否活跃。如果活跃的话,可以先把它加入候选列表。与其直接去联系他们,不如先在他们的社交平台上互动一下,比如每天花30分钟左右,给他们的内容点赞、评论,或者转发他们的推文、在你的Facebook页面分享他们的内容。这样可以让他们对你有个印象。

尤其是一些比较“私人”的博客,博主个人经营的,他的很多文章都是自己写的。这样的博客可以多关注、多互动,说不定有机会接触到他们。

不过有些内容感觉还行的话,就可以点击“联系”页面,看看能否找到他们的联系方式,进一步联系。

还有专门用来卖链接的,不是我们理想的合作对象。所以我不会考虑联系这种网站。

有时候,你会在页面底部看到“Write for us”(投稿指南)页面,这意味着他们公开接受投稿。如果想投稿,可以看看他们的投稿要求,确保能符合,这样联系起来会更容易成功。

还有个技巧,可以用谷歌搜索“Your topic + Write for us”,比如“travel+ Write for us”。这样可以找到一些接受投稿的网站。点进去看看,有的会有详细的投稿指南。

找到这些网站后,可以把它们列在Google Doc或Excel文档里,做个清单方便后续操作。

接下来可以用Hunter.io这个工具来查找网站的联系邮箱。比如,我们找到一个网站的域名,有时候他们的联系页面不容易找到,或者邮件没人回复。可以在Hunter.io上输入域名,点击“搜索”,工具会帮我们找出邮箱。虽然不一定每次都能成功,但有时能找到直达对方的邮箱,这样的联系会更有效。

不过,手动查找其实是最靠谱的方式。虽然费点时间,但可以手动筛选出优质的网站,而不是批量导出一堆不相关的。

24、站外SEO的策略

A、合作请求怎么写

接下来我想和大家聊聊如何给这些网站发邮件。我要给你们一个非常简单的模板,你可以拿去参考,比如:

GPT提示词:

我做了一个关于怎么找到优秀的自由职业者的网站,我现在想与AI有风这个网站建立友情链接,并在这个网站在投稿,请帮我写一份合作投稿的请求

以下是一个模板你可以参考下:

Hi meimei,

我是Windy,最近关注了AI有风的内容,尤其是你们对AI与自由职业的独到见解,深受启发!我正在运营一个专注于帮助用户找到优秀自由职业者的网站(https://您的网站链接.com/),希望能与AI有风建立友情链接,同时申请投稿合作。

如果可以的话,我可以为贵平台提供一篇关于“AI在提升自由职业者效率中的应用”的原创文章。期待合作机会!

Best,

Windy

就这样非常简单的几句话,然后还可以附上一些适合他们网站的文章主题建议。

我建议在联系之前,一定要做些功课,看看他们的博客哪些内容比较受欢迎。你可以进一步做一些关键词研究,因为他们希望通过这些内容吸引更多流量。如果你能展示这个内容的流量潜力,会更有吸引力。

这个发邮件的过程可以当成是一个每天的任务,每天联系5-10家网站就行,因为并不是每个人都会回复你的邮件。之后一定要跟进一下,比如发送一封跟进邮件,问问对方是否收到了你的邮件。有时他们可能忽略了,跟进一下就好了。注意不要太强求,如果对方没兴趣,咱们就换下一个,积累一些内容和口碑之后可以再联系。

关于内容撰写的建议

  1. 遵循对方的要求:大多数网站会有一些撰稿要求。如果没有要求,可以直接问一下。
  2. 链接的数量:通常来说,反链到自己网站的链接最好控制在1-2个。比如,文章字数超过2000字可以加两个链接,否则一个就好。同时也可以加一些外部资源链接,这个也需要事先问清楚对方的要求。
  3. 内部链接:你还可以链接到对方网站内部的其他文章,这有助于他们网站的SEO。
  4. 避免使用推广链接:除非对方允许,否则尽量避免加推广链接。

有时候,如果觉得这种链接过于商业化,也可以换成一篇更中性的文章,比如“如何找到一名优秀的设计师”。这样就不会显得太推销了。

好的,接下来我来讲一下如何在不直接链接到产品页面的情况下,巧妙地通过内部链接传递权重。例如,我们可以先链接到一篇相关的文章,比如“如何找到一名优秀的设计师”,然后再从这篇文章链接到我们的评测文章。这种内部链接的方式仍然可以传递部分权重。

在做投稿时,直接链接到产品页或服务页可能会让网站管理员不太满意,所以我们尽量避免,除非得到他们的同意。总的来说,撰写投稿文章时要保证内容质量高,所有图片和截图也要整理好,图像尺寸要经过优化,这样对方在发布时就会非常方便。这种专业的做法不仅会提升合作体验,还能增加未来合作的机会。

另外,在投稿文章发布后,如果有读者评论,一定要积极回应。这样不但能增加你的网站流量,还能建立品牌口碑。

关于SEO初期的努力与长远的“飞轮效应”

在开始阶段,无论是做内容、获取外链,还是做投稿文章,都是很辛苦且手动的。但随着内容的积累,网站在Google上会逐渐有排名,自然流量开始增多,喜欢你的内容的人会主动帮你分享,带来自然的外链。这就是所谓的“飞轮效应”,

https://shopee.tw/從優秀到卓越-英文原版-Good-To-Great-企業管理書籍-暢銷百萬冊的管理智慧-基業長青作者吉姆柯林斯-Jim-i.150338084.22400831340?srsltid=AfmBOorNNSVa4rw0BrTIrwkCvG-tbSfTgPBS7G2Th17u1sIxgCmBdJjq

最早由吉姆柯林斯在《从优秀到卓越》一书中提到,用亚马逊为例说明:开始时,亚马逊投入大量精力提升客户体验,吸引更多人到平台上购买,再吸引更多商家来上架商品,进一步提升平台体验,带来价格竞争,最终形成增长的良性循环。

对我们网站来说,飞轮效应的驱动力是优质内容。最开始我们需要靠自己获取流量,建立起粉丝和读者基础。一旦我们积累了一批忠实读者和自然外链,排名和网站的知名度自然会提升,流量也会逐步增加,形成自然增长。就像开餐馆一样,最初可能要靠大量广告和推广来吸引顾客,但当人们体验到你的好服务、好口味和高性价比后,他们会推荐给朋友,朋友再推荐给朋友,从而形成口碑增长。

所以,一开始确实需要花费很多精力,但最终随着自然增长,你的工作量会逐渐减少,只需持续专注于内容创作。这就是整个站外SEO的策略

25、

最后我再给大家几个小建议,帮助你们更快地取得成功。

小建议1:瞄准长尾关键词

在做网站内容时,我建议瞄准长尾关键词。做关键词研究时可以使用semrush的过滤工具,选择关键词长度为五个词以上的短语。这类关键词通常竞争低,内容也会更具针对性,因此新网站更容易获得排名。对于刚开始的网站,先专注于低竞争关键词,等网站权重提高后再挑战高难度词汇。可以将搜索量限制在一千以内、关键词难度设为30以下,先打低竞争市场,慢慢提升。

小建议2:尽量早起步

选择细分领域时,最好选择自己感兴趣的领域。这样一旦有新产品出现,你会更早知道,这样可以比别人更早创建内容,没有竞争时更容易排名。比如可以做一些“新旧版本对比”的内容,这类关键词非常有针对性。

小建议3:把博客文章转成视频

如果想要快速见效,可以把你的博客文章转成视频,特别是关于数字产品的内容。可以做一个教程式的评测视频,展示产品优缺点、功能、如何使用等。

https://obsproject.com/

录屏推荐使用OBS。如果你想要更专业的效果

https://rode.com/cn/interfaces-and-mixers/rodecaster-series/rodecaster-video

建议买个麦克风,比如road麦克风。

https://www.youtube.com/@Windyyoufeng/videos 我这个频道教大家怎么做视频的,

如果将视频上传到YouTube,记得设计吸引人的缩略图,做关键词研究,写好标题和描述,并把评测链接放到视频描述或评论区,这样可以带来反向链接和额外流量。

小建议4:重复和执行

关键在于重复和执行。持续地创建内容和优化,你的排名和流量会逐渐增加。

在这个视频中,我已经演示了一遍。比如,如何搭建网站、如何使用建站工具、如何创建内容、如何做关键词研究、如何将内容发布到网站上。我只展示了一次操作流程,但是要想取得效果,你得重复这些操作,一遍又一遍地去做。

就像去健身一样,你不可能跑一次步就马上变得健康。你需要每天坚持跑步,持续数周甚至数月才能看到效果。同样地,对于你的联盟营销网站,你需要每天执行这些步骤。我建议你制定一个每日的流程,记录内容创作、关键词研究等操作步骤。比如,你可以将一周时间用于关键词研究,接下来的一周进行内容批量创作,再下一个星期进行内容编辑。

很多人觉得被动收入和联盟营销的概念很容易理解,看几个视频就好像学会了,但要获得真正的成效,还是需要付诸行动。所以,执行是关键!

WordPress入门, WordPress建站教程

嘿,朋友们,今天咱们一起动手用WordPress来搭建一个网站,这是全球公认最牛、最火的建站方式。连好多大公司、艺术家都爱用它来做自己的网站,而且操作起来超级简单,咱们一步一步慢慢来,保证不会漏掉任何一个细节。

嗨,我是有风。其实,做一个网站就三步的事儿,第一步,咱们得把网站的基础框架搭起来;第二步呢,整理整理网站里的东西;最后一步,就是给网站穿上漂亮的衣服——设计它啦。

首先,咱们得搞定网站的基础设置。开场白咱已经说完了,现在正式进入主题。你得给自己的网站起个名字,这个名字就是你的网站地址,比如“AIyoufeng”。 https://aiyoufeng.com/ 然后还得找个放网站文件的地方,这个咱们叫主机空间。接下来,咱们要安装WordPress,这可是全球公认最好用、最受欢迎的建站平台,安装起来也超简单。

本期用到的工具:
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Hostinger 网站主机域名
https://bit.ly/3BysRqP

►向有风咨询,加入我的知识星球圈子:
https://t.zsxq.com/16QP9JP8b

►阿里云.中国网站服务器租用
https://bit.ly/3V1GiGY

►logomakr logo在线制作
https://logomakr.com/

► photopea 在线PS
https://www.photopea.com/

► 去图片背景
https://www.remove.bg/

用到的插件:
All-in-One WP Migration and Backup
Starter Templates
主题 :Astra

素材站:
https://www.pexels.com/
https://pixabay.com/
https://unsplash.com/

AI生成图片:
►midjourney
https://www.midjourney.com/

► leonardo AI生成图片
https://bit.ly/3yTr0LO

► midjourney+ChatGPT 账号合租平台、账号购买
https://nf.video/C1dxn

► 办一张国外银行卡
https://bewildcard.com/i/19YC7OIQ

► 视频中用的GPT Prompt提示词及文字脚本
https://aiyoufeng.com/wordpress

►chatGPT
https://chatgpt.com/
➜升级到GPT4会员教程:https://www.youtube.com/watch?v=64SkKkPTAg4

底部版权信息:获取当年年份代码:[current_year]

装好了之后,咱们就能登录到网站里了,登录也挺方便的。这样一来,咱们网站的基础设置就算完成了。

接下来是整理阶段,咱们得把网站里的东西整理整理,为设计做准备。首先,咱们把不需要的那些小工具(插件)删掉,这些小工具就像是网站上的小程序一样。然后,把那些示例页面和文章删掉,别忘了备份一下网站,这样你就不用担心会不小心把网站搞坏了。接下来,咱们再设置一下网站的标题和描述,这样你在搜索引擎上就能排得更靠前了。整理阶段到这儿就算结束了。

最后,咱们进入设计阶段啦。首先,得挑个设计模板,这里有很多不同的设计可以选,这只是个开始哦。你可以把不同的设计元素混搭起来,创造出你想要的风格。

然后,咱们再挑个主题样式,主题样式决定了整个网站的默认颜色和字体。接下来,咱们要编辑首页,我会教你一些实用的小技巧,比如怎么修改文字、按钮、背景、颜色,怎么加背景叠加效果、插新图片、删部分内容、移动版块、加新版块、调间距、做多列布局,还有怎么更新网站。

这些都搞定之后,我还会教你怎么让网站在手机上也能显示得美美的。其实网站已经几乎完全适配手机了,所以在手机、平板上看都没问题。接着,咱们再编辑“关于我们”页面,我会教你用模块来快速搭建页面,不用从头开始那么费劲,这些模块能帮你省下不少时间呢。

然后,咱们再编辑“服务”页面,当然啦,这个页面你可以改成任何你想要的页面,可以删也可以改。我会演示怎么从别的模板里导入整个页面,这个功能非常实用的,因为你可以把不同的模板混搭起来,做出自己的页面。

接下来,咱们编辑“联系我们”页面,包括怎么修改联系表单。访客填好表单就能联系你啦,表单会把信息发到你的邮箱,你就可以和他们聊天了。

之后,我还会教你怎么添加新页面,比如“项目”页面,你想加什么页面都行。我还会教你怎么自己做Logo,或者把你已有的Logo加进去。

最后,咱们再调整一下网站的头部和底部,就是网站最上面和最下面的部分,一般放Logo和菜单链接。我还会教你怎么在网站顶部加个酷炫的按钮,还有怎么编辑底部内容。

好啦,到这里咱们的网站就建好了!如果请人做这些可能得花你几千块呢,现在你自己动手就搞定了,现在咱们已经完成了整体介绍,接下来咱们就聊聊唯一需要花钱的部分。

1、解释域名和空间

想要建个网站啊,那你得先搞定两样东西,。

首先啊,你得有个网站名称,就像是你的网址,别人想找你网站,直接输入这个网址就行。就像谷歌的网站地址是google.com,苹果的是apple.com一样。

然后啊,你还得有个主机空间,这个是什么呢?就是你网站所有东西放的地方。就像你有个家,你得有个地方放你的东西吧。如果你只有网站名称,没有主机服务,那别人输入你的网址,就只能看到个空白的页面,因为没有地方放你的文字、图片这些文件。

主机,就是一台24小时不关机的电脑,专门放你网站的东西,然后通过网络展示给大家看。比如说,有人在浏览器里输入谷歌的网址,那么这个请求就会跑到主机服务器那里,服务器把谷歌网站的所有文字和图片都传回给这个人的电脑,他就能在屏幕上看到谷歌的网站了。

那这两个东西要花多少钱呢?一般来说,网站域名每年大概要120元左右(还没打折的时候),主机服务每个月大概要20-30元左右。

除了这个费用,就没有其他什么要花钱的地方了。

那我们怎么获取这两个东西呢?其实啊,你可以在同一个地方搞定:

你打开hostinger,就可以了。

2、购买主机域名及安装wordpress

3、后台常规操作

现在我们已经有了自己的网站,接下来我们可以把刚才的页面关闭。目前我们看到的页面就是访客访问你网站时看到的样子。

如果你想对网站进行修改,需要先登录。你只要在浏览器地址栏中输入

“yourwebsite.com/wp-admin”,然后按下回车键。

接下来,你需要输入刚刚创建的用户名和密码。输入完之后,点击登录按钮。

现在你已经登录到你的网站了,这就是后台管理界面,叫做“仪表盘”。如果你想回到前台,也就是访客看到的页面,你只需要点击上方你的网站名称就能跳转回去。

如果你想再回到后台,有时需要点击刷新按钮,这样页面上方的黑色工具栏就会显示出来。这个工具栏只有你登录后才能看到,访客是看不到的。点击网站名称,就能回到仪表盘。

前后台切换就是这样操作的。

你可能会注意到,如果我们往下滚动页面,会看到很多跳出来的信息。这是因为很多主机服务商会预装很多插件,就像你买了新手机或电脑时,里面会有很多你不需要的应用或程序。其实,很多这些插件都是没必要的,它们只是让网站显得杂乱。

不过插件确实很重要,它们是一些小程序,可以帮你实现某些功能。比如说,WordPress 默认没有联系表单功能,但你可以下载一个免费的插件,这样你的网站就能有联系表单了。再比如,你的网站默认不能自动备份,但你可以下载一个插件来实现备份功能。

然而大部分预装的插件我们并不需要,所以我们第一步就是删除这些不必要的插件。

点击“插件”菜单,然后往下滚动,你会看到所有已经安装的插件。接着我们可以点击顶部的复选框,全选所有插件。然后选择“停用”,再点击“应用”。插件停用之后,再次点击下拉菜单,选择“删除”,然后再次点击“应用”。系统会提示你确认,点击“确定”后,所有插件就被删除了。

现在你回到仪表盘页面,看到界面变得干净整洁多了。

4、删除文章和页面

为了彻底清理我们的网站,我们还需要删除页面和文章。首先,点击你网站的名称,进入前台页面。你会看到一个示例页面,我们没有创建这个示例页面,所以我们需要把它删除。除此之外,我们还会看到一个叫“Hello World”的文章,这是一个博客文章,但我们也没有创建它,所以我们也要删除它。

要删除页面和文章,先回到网站后台,点击“页面”。你会看到这两个页面,选中它们,然后选择“移至回收站”,点击“应用”。接着点击“回收站”,再选中它们,选择“永久删除”,然后点击“应用”。现在页面已经全部删除了。

接着,点击“文章”,找到“Hello World”这篇文章,将鼠标悬停在上面,点击“移至回收站”,然后进入回收站。为了确保网站完全干净,将鼠标悬停在文章上,点击“永久删除”。

现在,如果我们回到网站,你会看到网站变得空白了。虽然现在看起来不是很漂亮,但很快就会好看起来。

我特别喜欢做的一件事是,当我清理完网站后,我会创建一个备份。这样我就可以随时恢复到一个干净的起点,不用担心后续的修改会破坏网站。而且这让我可以自由地进行各种大胆的更改,因为我随时都可以回到之前的状态。

接下来,我们需要下载一个插件来创建备份。首先,点击你网站的名称,回到仪表盘。然后点击“插件”,选择“安装插件”,并搜索你需要的插件。

5、备份插件

A、All-in-One WP Migration and Backup

接下来,我们要安装一个非常厉害的插件。它的名字有点长,但相信我,这是最好的备份插件,叫做“All in One WP Migration”。你会看到它有400多万次的活跃安装,差不多7000个评价,评分是4.5颗星,非常靠谱。

我们只需要点击“立即安装”,它就会被安装到我们的网站上了。安装完成后,点击“激活”,插件就会被激活。现在,在左边菜单栏里,你会发现多了一个“All in One WP Migration”的菜单项,点击它,然后选择“导出到文件”。插件会自动打包所有的内容,然后让我们下载备份。

下载完成后,我会把它拖到桌面上保存。这样,我们就有了一个干净的备份。如果之后我们不小心弄坏了网站,只需要点击“导入”,把桌面上的备份文件拖到这里,网站就能恢复到干净的状态。

备份就像游戏中的存档点,确保你的网站不会丢失进度。

好了,现在我们回到仪表盘。接下来我们要学的是如何更改网站的标题和副标题。在WordPress中,标题和副标题非常重要,因为它们会出现在搜索引擎中,帮助吸引人们点击你的网站。

6、改网站标题

首先,我们点击网站名称进入后台,然后找到“设置”-“常规”。在这里你可以修改你的网站标题和副标题。一般来说,标题应该是你的公司名称,副标题则需要简洁明了地描述你的业务。修改完后,确保电子邮件地址也是正确的,然后点击“保存更改”。

7、安装主题Astra

接下来我们要安装主题。主题决定了你网站的设计样式。我们先看看当前的网站,它使用的是默认主题,看起来非常普通,几乎没有什么设计感。

过去,不同的行业会有不同的主题,比如设计师用设计师主题,营销人员用营销主题,但这种方法已经过时了。现在更流行的是使用一个可以变成任何类型网站的万能主题。我们要安装的就是这种万能主题。

要更改主题,进入仪表盘,点击“外观”-“主题”,然后选择“添加新主题”。在搜索栏输入“Astra”,点击搜索。你会看到Astra这个主题,5星好评非常多。虽然看起来很空,但它是一个基础框架,后面我们可以让它变得非常漂亮。

点击“安装”,然后点击“激活”。现在主题已经激活了,如果你查看网站,虽然它还是空白的,但这个主题可以让我们后续做任何设计,是一个非常灵活的框架。很快,我们就会把它打造成你想要的网站。

8、安装插件 Starter Templates

接下来我们要安装一个可以帮你节省大量时间并让你的网站看起来更专业的插件。

这个插件可以让你导入几乎任何设计作为你网站的起点,然后你可以随意编辑。要做到这一点,只需要把鼠标移到你网站的名字上,点击它,然后往下滚动,点击插件。之后点击“添加新插件”,这就是你给网站添加插件的方式。

接下来在搜索栏里输入“Starter Templates”(初始模板)。你会看到这个插件,已经有超过一百万次的安装和3400多个五星评价。然后点击“立即安装”,安装好之后点击“激活”。

现在,进入“外观”-“Starter Templates”(初始模板),你会看到一个新菜单项,点击它。接着往下滚动,点击“立即构建网站”。这时它会让你选择一个页面构建器,毫无疑问,Elementor是最好的选择,所以我们选择它。

现在你可以看到所有可用的模板了,有些是付费的,但很多是免费的。如果模板上写着“高级版”,那就是付费的。不过我觉得免费的模板已经非常棒了。

找到一个你喜欢的模板后,点击它,你可以预览所有页面,看看它们长什么样。要记住,你可以混合使用不同模板的页面。如果你喜欢一个模板的某个页面,另一个模板的其他页面,我会教你如何混合使用。

如果你不喜欢当前的模板,可以退出继续搜索模板。你也可以在上方的搜索栏搜索模板,叫“Earth”的模板。你可以选择其他模板,但要知道本教程中的操作可能会有点不同,不过你还是能跟着完成。

选好模板后,你可以检查它的主页,向上滚动查看关于页面,服务页面,确保你喜欢这些设计。你还可以查看联系页面,让访客可以通过电子邮件或电话联系你。当然,所有页面你都可以随意更改。

返回主页后,接下来我会教你如何添加或更换你的logo。暂时我们可以点击“跳过并继续”。你还可以根据自己的喜好更改模板中的颜色,整个模板都会随之变化,稍后我会详细教你如何操作。

你也可以更改字体,不过我会先保持默认,稍后我们也可以再改。然后点击“继续”,向下滚动点击“提交并构建我的网站”。

安装模板的时间从20秒到2分钟不等。如果以后你想要更改或者重新安装模板,只需要再次按照这些步骤操作就行。不过要注意,这会覆盖你网站的现有设计。

现在模板正在安装所有设计、需要的插件,比如联系表单,还会调整颜色并优化移动端显示。安装完成后,点击“查看你的网站”。这样你就不用自己从头创建每个页面了,模板提供了一个很好的起点,你可以根据需求随意修改。

接下来,我们要更改网站的主题样式。这样做是为了确保你的网站有一致的字体和颜色风格。我们在之前的部分已经调整了一些内容,不过了解如何以后再次访问这个功能还是很重要的。

9、自定义 改改颜色和字体

这真的非常简单。我们只需要点击页面上方的“自定义”按钮,然后点击“全局设置”(global)。接着,点击“排版”(typography),也就是字体设置。

如果我们往下滚动一点,就可以看到标题字体(heading font),比如这里大大的文字,还有正文字体(body font),也就是像这段话的文字。如果我们想修改标题字体,只需要点击它。

这里有成百上千种字体可以选择。我们只要选中一款,就可以看到标题字体已经改变了。再换一款字体,同样能看到变化效果。

所有标题都会随之更改。正文字体的更改方式也是一样的,只需点击它,然后选择一款新字体,你会看到文字变化了,甚至上面的部分也会改变。但我喜欢“Roboto”字体,所以我会切换回去。

至于颜色设置,只需要点击返回,然后选择“颜色”(colors)。在这里,我们可以调整网站整体的颜色,比如按钮颜色、文本颜色等。你可以尝试调整这些颜色,看看变化效果。如果想恢复默认颜色,只需要点击“重置”(reset)按钮。

另外,你还可以在每个页面上单独调整颜色。如果你希望某个按钮的颜色与整个网站的通用颜色不同,可以为这个页面单独设置颜色。调整好你喜欢的颜色后,点击“发布”(publish),然后点击右上角的“x”退出。

这样,你就完成了整个网站的字体和颜色设置,非常简单!

10、elementor编辑首页


接下来就是你最期待的部分——编辑页面,来让你的网站看起来完全按照你的想法进行设计。

要编辑网站内容,你只需点击“使用Elementor编辑”按钮。Elementor是一个可视化页面编辑器,让你轻松编辑网站。

只要点击页面上的任何元素,然后在左侧输入你自己的内容就行了。比如,点击某个按钮,然后在左边输入你想要的文字内容。你还可以修改按钮的链接,让它跳转到你的“联系”页面。只要点击按钮,然后输入“contact”,它会自动找到联系页面,点击确认后,按钮就会链接到这个页面,访问者点击按钮时就能跳转到联系页面了。

如果你想更换背景图片,也非常简单。点击页面左上角的六个小点,选择“样式”选项,然后点击背景图片进行更换。你可以上传自己喜欢的图片,或者使用一些版权免费的图片网站,比如Pexels、Pixabay或Unsplash。

素材站:

https://www.pexels.com/

https://pixabay.com/

https://unsplash.com/

AI生成图片:
►midjourney
https://www.midjourney.com/

► leonardo AI生成图片
https://bit.ly/3yTr0LO

► midjourney+ChatGPT 账号合租平台、账号购买
https://nf.video/C1dxn

► 办一张国外银行卡
https://bewildcard.com/i/19YC7OIQ

提示词: nature (the natural world)

我准备用AI生成大自然的照片,给请5段不同的提示词prompt用于生成AI照片

选好图片后,下载到电脑上,再上传到你的网站。之后,点击“插入媒体”,图片就会替换成功。如果图片上的文字看不清楚,你可以点击文字,进入“样式”选项,修改文字颜色,让它更清晰。

同样地,你也可以为按钮修改颜色,设置鼠标悬停时按钮的颜色变化效果。还可以调整按钮的圆角度数,让它看起来更圆滑,操作非常简单。

如果不喜欢你做的任何修改,按下Ctrl+Z(PC)或Command+Z(Mac),可以快速撤销这些操作。

11、增加内容

还有一个非常酷的功能就是我们可以点击、按住并拖动页面中的任何部分来重新排列它们的位置。

例如,我们可以点击页面左上角的六个小点,按住然后拖动到你想要放置的位置。当看到蓝色线条出现时,松开鼠标,那个部分就被移动到新的位置了。

如果想删除某个部分,只需点击部分旁边的“X”按钮,它就会被删除。此外,每个部分里面可能有不同的列,你也可以点击、按住并拖动这些列,把它们重新安排到想要的位置。如果不想要某个列,可以右键点击列,然后选择“删除”。

当然,你也可以通过按Ctrl+Z(Windows)或Command+Z(Mac)来撤销这些操作,恢复之前的状态。

接下来,我们要学习如何让你的网站看起来更加专业,那就是控制页面的间距。页面间距非常重要,这里有三种方法可以控制它。

第一种方法是点击一个部分,然后在“布局”选项下找到“高度”设置,那里有一个“最小高度”的选项。你可以调整这个部分的高度值,让它变得更大或更小。

第二种方法是通过“高级”选项来控制间距。在这个部分的外部有“边距”,也就是部分外部的空白间距。例如,如果边距设置为80像素,那上下各有80像素的间距。如果设为0,那么页面的内容看起来会很紧凑,而如果设为190,那就会显得过于松散。我们可以将它保持在80像素,让它看起来更好。

第三种方法是通过“内边距”来控制内部的间距。边距是部分外部的空间,而内边距是部分内部的空白间距。例如,如果你将内边距设为0,内部的内容就会挤得很紧,看起来不够舒适。调整内边距可以让内容有更多的呼吸空间。

最后一种方法是使用“空白元素”来控制间距。你可以从工具栏中找到“空白元素”,将它拖动到页面中任意位置,并通过滑动条来调整空白的高度。如果你想删除这个空白元素,只需右键点击并选择“删除”,或者按Ctrl+Z或Command+Z来撤销。

完成编辑后,点击“更新”按钮保存所有更改,接着点击眼睛图标预览你所做的修改效果。这样,你就可以轻松调整页面的布局和间距,让你的网站看起来更加专业!

12、开始设计

现在我们已经完成了所有这些修改,并且知道如何使用间距功能以及更新我们的网站。如果你想创建一个新的部分,只需要向下滚动,鼠标悬停在任意部分上,然后按下这个加号按钮,或者一直滚动到页面底部,按下底部的加号按钮。

接下来,我通常会去其他网站获取一些灵感。举个例子,我喜欢Pixar的网站,所以我会打开一个新标签,进入Pixar的官网,然后点击“短片”或者其他你喜欢的部分。我们可以模仿他们的设计,比如我们复制这里的部分,并从中汲取灵感。你可以对任何网站使用这种方法,从中获取灵感,然后在你自己的网站上进行类似的设计。https://www.pixar.com/

皮克斯动画工作室(Pixar Animation Studios),包括《玩具总动员》、《海底总动员》、《超人总动员》、《飞屋环游记》、《寻梦环游记》和《头脑特工队》

A、新建区块,更换背景图,AI生成图片提示词:pixar

B、上下内内距250,样式显示尺寸为:覆盖。

现在,我们看一下这个部分,它是一整列的,并没有被分成两列或四列。那么,我们可以在自己的网站上添加一个列。只需点击一个列,像这样添加。Pixar网站的这一部分有背景图,我们可以点击六个点,进入样式选项,然后添加一个背景。在背景类型中点击“经典”,然后点击加号添加图片。

你可以去pexels.com、pixabay.com或unsplash.com这些网站,搜索无版权的图片。比如,我们搜索“自然风光”,找到喜欢的图片后,不要选择大文件尺寸,因为大尺寸会让你的网站变慢。选择中等或大尺寸,然后下载并拖动到你的网站,上传并插入媒体文件。

现在,因为这个部分太小,我们还看不到完整的背景图片,所以我们需要去高级设置中,取消内边距的锁定,将顶部和底部的空间分别设置为250像素。这样图片看起来就好多了。但我们仍然看不到全部图片,所以回到样式选项,将图片尺寸设为“覆盖”,这会确保整个图片显示在页面上,没有白边。

接下来我们需要添加一些文字。点击元素图标,拖动标题到中间的列中。把文字居中,然后输入你想要的文字。接着可以调整样式,把文字颜色改为白色,并调整字体大小到50,增加字母间距到6。

如果文字仍然不够清晰,你可以添加背景叠加,点击整个部分,进入样式,选择“背景叠加”,添加一个黑色的叠加,并把透明度设为0.2。这样就能看到文字了。

最后,如果你想让图片在滚动时固定位置(像Pixar网站那样),可以选择背景选项中的“固定”,但我个人更喜欢默认的滚动效果。

通过这些步骤,我们已经从Pixar网站中汲取了灵感,并应用到我们自己的网站上。如果想重新排列部分,只需点击并拖动任何部分到新的位置,看到蓝色线条后松开即可。

接下来,如果你想添加一些简单的文字,比如像Pixar网站上的这些,你可以添加一个新的部分,然后拖动文本编辑器到新列中,输入或粘贴你的内容。为了让文本更易读,你还可以调整页面宽度,增加上下间距。

最后增加间隔线。

13、四列排版

AI生成照片:pixar,比例2:3

https://www.pexels.com/search/nature/?orientation=portrait 选竖比例

接下来,我们要做的就是在你的网站上加入类似的图片展示部分,就像你在Pixar网站上看到的那样,展示不同项目或图片,真的非常简单。

首先,我们可以看到这个部分有一个特点:它是一栏一栏的展示图片。但是,下面的部分有四个小栏目,分别放置四张图片。那么,我们该如何实现这个效果呢?

首先,回到我们自己的网站,选择新增一个部分。你可以点击加号按钮,之后再点击加号。不同于之前选择的单栏,这次我们要选择四栏。这样我们就能在四个不同的栏目中添加内容。

接下来,我们可以把图片部件拖拽到每个栏目里。点击页面左边的“元素”按钮,找到“图片”部件,点击并拖到第一个栏目里。然后,我们回到Pexels.com或者其他版权图片网站,挑选几张你喜欢的图片。我建议选择垂直方向的图片,这样看起来更整齐。下载后,将它们上传到你的网站。

将图片上传到每个栏目后,我们可以调整图片的大小。点击图片,选择“样式”,在高度选项中输入365像素,同时选择“覆盖”模式,这样图片就不会变形。设定好第一个图片后,我们可以右键点击复制,然后粘贴到其他三个栏目中。接着,我们只需更换每个图片即可。

接下来,如果你想在图片下方添加文字,比如在Pixar网站上看到的那种风格,也很简单。点击图片下方,添加一个标题部件,输入文字,比如“丛林”、“河流”等。调整文字的大小、对齐方式以及颜色,让它看起来更专业。

如果你希望复制多个类似的部分,也很简单,右键点击整个部分,选择“复制”,这样你就能快速生成类似的图片展示部分。

完成这些调整后,别忘了在底部留出一些空白空间,以免内容看起来过于紧凑。你可以点击该部分,进入“高级”选项,在底部增加125像素的空间,这样页面就有了更多的呼吸感。

最后,点击更新按钮,保存所有修改,并预览一下你的网站。这样,你就完成了这个非常酷的图片展示部分,利用了Pixar的灵感,却创造出了完全属于你自己的网站风格。

如果一切都满意,别忘了更新保存,这样你所有的修改都将保留下来,完成后可以关闭不必要的标签页。

14、改上面的图片为动画照片

15、历史记录及移动端更改

16、关于我们

A、客户反馈

接下来,我们继续编辑其他页面,比如“关于我们”页面。我们可以像之前一样使用Elementor编辑页面,但其实我们可以利用一个更省时的方法,那就是使用“Blocks”功能。通过它,我们可以快速添加例如“客户评价”或“常见问题解答”等模块,并轻松地进行个性化修改,节省大量时间。

例如,如果你想在页面中加入客户评价,只需点击添加一个区块,然后选择一个合适的客户评价模块,导入后拖动到页面中你想要的位置,之后可以随意编辑内容。

B、常见问题 类似的,你也可以添加常见问题区块,选择模板,轻松调整,让网站更加完整、专业。

这些预设模块不仅操作简单,还会自动适配移动设备,省去你再次调整的麻烦。通过这种方式,你可以快速构建出很多不同风格的网站,极大地提升了工作效率。

17、服务页面

现在我要向你展示另一个节省大量时间的技巧。我们仍然像往常一样点击“Edit with Elementor”进行编辑,当然,你可以像编辑主页或其他页面一样编辑任何内容。

接下来,如果我们一直往下滚动,点击右边的“S”图标,除了导入区块之外,我们这次要导入整个页面模板。你可以从不同的模板中导入任何页面,并且可以自由混搭各种模板。

这真的非常方便!我建议点击页面顶部的“免费(Free)”选项,然后我们可以选择任何免费模板,并将其页面导入到我们的网站中。例如,我们点击“Lotus Spa”模板,可能我们更喜欢它的服务页面,那么我们可以直接选择并点击“导入模板(Import Template)”。

现在模板已经成功导入了。因为我们要用这个新的页面取代原来的页面,所以我们可以将旧的部分删除掉。你只需要逐一点击不需要的部分并删除,比如我们可以删除这个部分,再往上删除一些其他部分,直到只留下我们想要保留的页面内容。

假如这个页面是我们的服务页面,那么我们可以在标题部分输入“服务内容”,并调整页面的布局。我们觉得页面内容显得有点挤了,可以点击页面整体布局,进入“高级设置(Advanced)”,然后增加顶部的间距,比如添加150像素的空间,这样页面看起来就会更舒服。

完成后,点击“更新(Update)”保存修改,并通过点击眼睛图标预览页面。现在,我们的服务页面看起来和原来的模板大不相同了。当然,所有的内容你都可以按照我们在主页上学到的技巧进行替换,比如换掉图片和文本内容。

现在我们已经编辑好了关于我们页面和服务页面,接下来我们来编辑“联系我们”页面。只需点击“联系我们”,继续进入编辑模式即可。

18、联系我们

接下来我要向你展示如何轻松编辑联系页面。我们点击“Edit with Elementor”进入编辑界面,你可以像其他页面一样修改内容。比如,你可以点击邮件部分,将默认的邮箱改成你自己的邮箱,添加你的电话号码或者直接删除电话号码这一部分,同样的操作适用于地址部分。

此外,你可以点击社交媒体图标,添加你自己的社交媒体链接,整个过程非常简单。

接下来,我们可以在页面上添加一个地图。点击“+”号,选择一个一列布局(One Column)。然后点击左边的元素图标,找到“Google Maps”小工具,拖动并放入刚刚创建的列中。你可以在地址栏中输入具体位置,比如“Malibu, California”,然后调整地图的缩放比例或者高度,不过我觉得默认设置已经很不错了。

如果你希望地图能够横跨整个页面,我们可以点击整个地图的部分,设置为“全宽(Full Width)”,这会使地图大部分铺满页面。接着,点击列的设置,在“高级(Advanced)”中将默认的内边距设置为0,这样地图就能完全铺满页面,非常酷。

至于页面上方的联系表单,如何进行编辑呢?点击表单部分,再点击“编辑选定的表单(Edit Selected Form)”,表单其实是通过一个叫“WPForms”的插件生成的,它与Elementor集成在一起,但编辑方式稍有不同。

编辑表单非常简单,比如我们不想询问用户的电话号码,就可以点击电话号码部分,按下删除。如果你想添加其他字段,可以点击左边的字段选项,拖动你需要的项目到表单中。比如,我可以添加一个多选框,拖动到表单的底部,然后点击修改内容,设置问题为“你是如何知道我们的?”,然后添加选项如“Google、社交媒体、朋友介绍”等等。

为了确保表单发送到正确的邮箱,我们可以点击“设置(Settings)”,选择“通知(Notifications)”,确保收件邮箱是你希望收到信息的邮箱。如果你想将信息发送到其他邮箱,可以在这里输入新的邮箱地址。

完成这些设置后,点击保存(Save),退出编辑。现在,你的表单已经更新,你可以点击预览来查看效果,表单已经按我们的设置进行了更新,比如删除了电话号码字段,添加了多选框。

接下来,你可以尝试填写表单,输入姓名、邮箱和信息,选择一个选项,然后点击发送(Send)。提交表单后,你的邮箱将收到一封邮件,显示填写的内容。当你点击回复(Reply)时,它会自动回复到用户填写的邮箱地址。

通过这样的方式,你可以轻松管理你网站上的表单,并确保访客能顺利通过它联系到你。

19、新建页面 项目

接下来我们要讨论如何添加新页面,这个过程非常简单。首先,点击网站名称回到后台管理页面,然后点击“页面(Pages)”,在这里你可以看到所有已经创建的页面。接着,点击“添加新页面(Add New)”,输入页面的名称,比如“项目(Projects)”,当然,你可以根据需要命名这个页面。

完成命名后,点击“使用Elementor编辑(Edit with Elementor)”,因为Elementor是我们的网站可视化编辑工具。进入编辑界面后,页面是空白的,我们可以通过点击页面的图标来导入任何模板或版块。但这里还有一个更高效的方式。

我们可以打开另一个浏览器标签,进入我们的网站主页,然后点击“使用Elementor编辑”。在任何部分上点击右键,选择“复制”,然后回到刚创建的项目页面,右键选择“粘贴”。这样你就可以快速复制之前的设计,节省大量时间。

如果你想复制整个页面,而不是逐个版块复制,你也可以将页面保存为模板。点击“更新”旁边的箭头,选择“保存为模板”,命名为“主页”,然后点击保存。保存完成后,可以在其他页面中导入这个模板,应用到新页面。

接下来,我们进入“我的模板”选项,点击“插入(Insert)”并应用模板,这样整个页面就会被复制过来。如果页面内容有多余的部分,你可以随时删除某些部分,比如说删除无用的版块,只保留需要的内容。

现在我们有了项目页面,但遇到一个小问题:项目页面的标题栏背景是白色的,而不是像主页那样透明。要解决这个问题,点击“编辑页面”,进入Astra主题的“高级设置”,启用透明标题栏,点击更新。刷新页面后,项目页面的标题栏就变成透明的了。

最后,我们要确保用户能够在导航菜单中看到项目页面。返回后台,点击“外观”下的“菜单”,将“项目”页面添加到菜单中,并把它拖动到你想要的位置,然后保存。这样,项目页面就会出现在菜单中。

如果你想让项目成为子菜单,可以将它拖动到其他菜单项下方,并轻微缩进,保存后它就会成为子菜单项。完成后,回到首页,你会看到“关于我们”下有一个下拉菜单,里面包含“项目”页面。

如果你不再需要项目页面,可以在菜单中将它移除,或者完全删除页面。这样,项目页面就会从你的网站中消失。

20、LOGO及图标

首页-自定义-页眉

GPT提示:

pixar风格的logo,logo结合文字windy,请根据这个主题,帮我生成5段提示词prompt,我好用AI图片生成器生成logo图片

请根据以上1-5,分别生成图片

https://logomakr.com/

21、更改导航栏颜色

首页-自定义-页眉

A、改顺序

B、增加按纽

22、改手机logo

A、隐藏控制区和隐藏builder,再显示控制区后更改logo宽度 B、更改手机导航样式,方法和上面一样

C、手机导航下加按纽

22、底部

A、©[current_year] 有风. All right reserved.

B、加logo

23、右上角退出登录

看看访客 看到的效果

WordPress外贸商城网店网站搭建教程!一年最低只要500多块

大家好,我是有风,在这段视频中,我将教大家如何使用WordPress创建一个专业且美观的电商网站。

在设计这个网站时,我借鉴了世界上一些顶级电商网站的设计和功能,比如亚马逊、Flipkart、沃尔玛和淘宝、速卖通、阿里巴巴等。

我们将要创建的网站具备许多高级的功能,包括内置弹出窗口生成器、先进的Mega菜单(超级菜单)、自定义配送选项、直接购买按钮、客户帮助中心、愿望清单功能、产品对比功能、自动跟踪、等多个强大的功能。并且,这个网站完全适配移动设备和平板,还经过SEO设置优化,帮助你在Google搜索结果中获得更好的排名。

►向有风咨询,加入我的知识星球圈子:
https://t.zsxq.com/16QP9JP8b

有风用到的AI工具
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
►hostinger 网站主机域名
https://bit.ly/47UlunQ

►Motta 电商主题
https://1.envato.market/rQ9B95

►阿里云.中国网站服务器租用
https://bit.ly/3V1GiGY

►elementor
https://bit.ly/3wzeqQH

►stripe 支付收款
https://stripe.com/zh-hk

►本期视频文字脚本
https://aiyoufeng.com/wordpress-woo

►stripe企业开户教程
https://www.youtube.com/watch?v=B_kCNiQ3Icw

►stripe个人开启教程
https://www.youtube.com/watch?v=3lXG8NMp3MA

► 图标下载
https://flowbite.com/icons/
https://www.svgrepo.com/

► 本期用到的素材
https://drive.google.com/drive/folders/1rP6Fw1qHX53E4K4ykm5oCB54yR9sh8sQ?usp=sharing

►ColorZill 屏幕取色器
https://chromewebstore.google.com/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?hl=en

►Shopify 3天免费试用,首月仅需1美元
https://bit.ly/3Xq89AJ

►邮件营销GetResponse
https://bit.ly/3RmFRoG

► leonardo AI生成图片
https://bit.ly/3yTr0LO

►chatGPT
https://chatgpt.com/
➜升级到GPT4会员教程:https://www.youtube.com/watch?v=64SkKkPTAg4

► midjourney AI生成图片
https://www.midjourney.com/

► midjourney+ChatGPT 账号合租平台、账号购买
https://nf.video/C1dxn

► 办一张国外银行卡
https://wildcard.com.cn/i/19YC7OIQ

你不需要任何技术或编程知识,只需简单的拖放操作就能完成整个网站的搭建。在开始创建之前,我先给大家快速的展示下网站,这就是我们在这段视频中要制作的网站。

首先,顶部有一个网站头部,我们提供了10到12种不同的预设头部样式,如果你不喜欢默认的头部样式,可以选择其他的设计。接下来是搜索栏,用户只需输入一两个字母,系统就会自动推荐相关的结果。这是一个实时搜索功能。接着是我的账户页面和愿望清单页面。

左侧有一个分类菜单,如果你有多个类别,可以在这里创建类似的菜单,我们还将学习如何创建Mega菜单(超级菜单)。接下来是一个轮播广告,我会教大家如何创建这些美观的轮播滑块。下拉页面后,我们可以看到一些横幅广告,这些广告可以用来展示不同的产品类别。

我们还有一个产品轮播展示,在这里,打折产品的销售倒计时显示得非常直观。用户可以将产品加入购物车,成功加入后会弹出一个提示框,并推荐类似产品。用户还可以将产品加入愿望清单,或者进行产品对比。

接下来,我们打开一个单一产品页面,比如一台笔记本电脑。通过这段视频中的步骤,你可以为任何类型的产品创建一个电商网站,无论是电子产品、美妆、家电还是时尚服饰等。你还可以为产品设置自定义标签,显示产品的评论数量、价格等信息。如果是多个SKU产品,比如笔记本的不同处理器选项,选择不同的配置后价格也会相应变化。

如果你不想经过购物车页面,可以直接点击“立即购买”按钮,直接跳转到结算页面。在结算页面中,你可以选择支付方式,比如网上银行、信用卡、PayPal等,还可以使用优惠券。我们也会教你如何创建这些优惠券,如何设置不同的配送和税费,比如对不同城市设置不同的快递费。

在产品页面的底部,你还可以添加一些额外的标签,例如“免费配送,3天内到货”等自定义信息。还有产品描述部分,你可以随意设计描述内容,也可以在描述中上传视频或图片。此外,产品评论、额外信息、退货政策等都可以通过自定义选项添加。

这个网站还支持非常强大的过滤功能,比如按照品牌、评分或者折扣来筛选产品。我还会教你如何创建弹出窗口,比如在新窗口中展示优惠信息的弹窗,用户可以输入优惠码获得折扣。

最后,网站还有一个非常重要的功能——帮助中心。我们会为客户创建一个文档页面,让他们可以查询订单取消、包裹跟踪等信息。此外,我还会展示如何创建博客页面、关于我们页面、联系我们页面以及订单追踪页面。客户可以通过账户页面查看他们的订单详情,包括订单日期、订单号、运费、支付方式等。

总之,这个网站的功能非常丰富,如果你喜欢这个网站,想要自己动手创建,记得把本期视频看完,如果你在观看过程中有任何疑问或建议,请在评论区留言。

2、主机和域名购买

现在,让我们开始创建这个网站。无论你要创建的是电商网站、简单博客、企业网站、会员网站还是其他类型的网站,首先需要两样基本的东西:域名和主机账户。

域名 简单来说就是你的网站名称或网址。例如:https://aiyoufeng.com/这些都是不同的域名。当别人想访问你的网站时,只需在浏览器地址栏输入这个域名即可进入你的网站。

其次,最重要的就是主机。主机其实就是一个服务器或计算机,你的网站的所有内容,包括页面、产品、数据库等,都会保存在这个服务器上。这个服务器需要全天候24小时运行,这样无论用户在何时何地访问你的网站,网站都能正常展示。因此,主机对于你的网站至关重要,因为网站的速度、性能、用户体验、搜索排名甚至安全性都与主机密切相关。

如果你选择一个好的主机,网站的速度和性能都会很棒,用户体验也会更好,网站的安全性也更高,不容易遭受攻击或入侵,搜索引擎排名也会有所提升。反之,如果选择了劣质主机,所有的这些效果都会大打折扣。

市面上有成千上万的主机服务商,但真正值得选择的并不多。我测试下来国外不错的就有hostinger”,你可以点击视频描述中的链接,访问我们使用的主机服务——Hostinger。

我们选择的是Hostinger的托管WordPress主机,这是专门为使用WordPress搭建网站而优化的主机。

除了价格实惠,它也是市场上性能最好的一款主机服务,并且受到了WordPress官方推荐。

在Hostinger页面上,你会看到它在TrustPilot上有很高的评分和好评。此外,还有三个不同的套餐可供选择:PremiumBusinessCloud Startup云计算初创企业。如果你想省时省力,我建议你直接选择最实惠的Business套餐,点击选择套餐按钮,开始创建网站。

选择Business套餐后,你可以在同一主机上创建多达100个网站。比如今天你创建了一个电商网站,明天想为朋友、客户或自己再创建一个博客或另一个电商网站,你都不需要购买额外的主机。

该套餐还包括200 GB NVMe 存储空间,这对于多个网站来说已经足够多了。而且NVMe存储是目前最快的存储方式,能大大提升网站的加载速度。此外,你还可以免费获得域名、预建模板和主题、SSL证书以及更多与WordPress相关的功能。

接下来,你只需选择主机的购买时长,建议至少选择两年或四年的方案,这样可以享受更多的折扣和优惠。创建账户后,选择适合你的支付方式,例如信用卡、PayPal、支付宝等,完成付款即可。

3、安装wordpress

4、wordpress基本设置 A、首页预览 B、如何进后台 C、后台清理整洁干挣 D、文章、媒体等左边功能简介绍下 E、设置>通用 允许注册及改网站名,固定链接 F、回hostinger可以再装100个网站

4、安装插件

A、elementor

5、安装主题 motta 多供应商和市场 WordPress 主题下载

这个链接已经在视频描述中提供,这是我们将使用的主题:Motta 主题。性价比非常高。

这是一个高级主题,需要购买。目前售价仅为39。不过,不用担心,这只是一次性付款,不需要持续订阅。一旦支付了$39,你可以终身使用这个主题,未来的所有更新、设计和新功能也都将免费获得,不需要再额外支付任何费用。

另外,你还会获得6个月的免费技术支持。从购买主题的那天开始的6个月内,如果你在安装或使用中遇到任何问题,都可以提交工单,他们会帮助解决。而不用担心遇到技术问题。

购买流程非常简单,点击“加入购物车”按钮,完成购买后,在网站的右上角会看到你的用户名。将鼠标悬停在用户名上,点击“下载”,在下载页面选择第二个选项:“可安装的WordPress文件”。然后你会下载一个ZIP文件,这就是我们接下来要上传到你的网站的主题文件。

接下来,你需要回到WordPress的后台管理界面,依次点击“外观”-> “添加新主题”-> “上传主题”,选择刚刚下载的ZIP文件,点击“安装”,最后点击“激活”。激活后,系统会提示你安装一些必要的插件,你只需按照提示操作即可。

5、安装所有必须插件,并激活

A、首页预览看看

B、后台刷新看看

6、woo设置

A、可以将你的网站转化为电商网站,先设下地址 B、产品>• **General:Enable taxes 启用税收 C、产品>• **Size Guide尺码指南:Guide Display>By clicking on a button, Button Position>Beside the Size attribute (for variable products only) 尺寸属性旁边(仅适用于可变产品也就是多SKU)

D、Product Tabs 产品标签启用

E、TAX>Additional tax classes把这个框拉大,加入美国的话就是销售税(Sales Tax), google搜usa Sales Tax,查看各州税率。 https://taxfoundation.org/data/all/state/2024-sales-taxes/

把Sales Tax 7%加进去,销售税(Sales Tax),保存

F、点到Sales Tax 7%,设置美国的税收:国家代码US,Rate %为7%,Tax name为Sales Tax 7%,Shipping勾去掉。

G、**Shipping快递运输>Add zone,**Zone name为美国阿拉斯加,Zone regions为Alaska, United States (US)


左下角保存Save changes,

Add shipping method增加快递方式:包邮Free shipping


再点左上角:Classes>Add shipping class:电子产品,再加一个大家电。

Shipping zones :Add zone:美国其他地区,这次运费选Flat rate,

格式为15 * [qty],

再设一个满200包邮。

7、Payment付款方式

A、安装插件:Payment Plugins for PayPal WooCommerce

https://stripe.com/global 支持国家

https://www.youtube.com/watch?v=B_kCNiQ3Icw stripe企业开户教程

https://www.youtube.com/watch?v=3lXG8NMp3MA stripe个人开启教程

B、启用插件,连接到账号

C、到stripe里面去申请微信和支付宝权限

8、帐户和隐私

A、前面4个打勾

9、高级

A、增加一个Order Tracking Page 页面,命为为Order Tracking 订单查询

B、google搜:woocommerce shortcodes

https://woocommerce.com/document/woocommerce-shortcodes/

C、复制 [woocommerce_order_tracking],页面插入简码放进去。

D、回到高级,把页面选进去

10、产品上架

A、左边 产品

B、单SKU产品

设置标题, 常规:单个产品 原价,促销价。 库存:SKU写型号,库存管理勾上,数量100 配送:

C、右边上传图片

GPT提示: 我准备用midjourney这个AI图片生成平台生成产品图片,要求产品背景和白底,你现在扮演专业的ai图片prompt提示词生成大师,请根据我的主题帮我生成5个不同的promt

分类(平板电脑)及标签,品牌

发布预览下

D、为产品页启用elementor.

要想让产品页更好看,得用到elementor.

左边Elementor>设置>文章类型 全部勾上

11、回到产品页

刷新,用elementor编辑。

A、新增一个向下的容器,拖入 motta heading,输入文字:Windy Pro,字号38,粗细600.

B、拖入 网格在下面,改成2列1行。

C、第一个行拖入 文本框,字体默认,字号24,粗500,行高32,改颜色为黑并保存为全局颜色方便下次调用。发布

D、更改全局颜色:左上角 站点设置>全局字体 全部改为默许。

E、右边也拖入 文本框,字号16,粗400,行高32,颜色用刚才一样的颜色。

F、增加右容器,里面再拖入一个下容器,复制一个容器得到两个并列一行。 左边拖入图片。

右边也拖入图片并复制一个,然后显示为原图,样式宽度为80%。

G、**More information,**增加下容器,拖入文本框,文字复制进来,选中容器 高级 外距左右20%

H、更改移动端,手机高级 外距0。

12、多sku产品

A、产品>属性:

硬盘容量、启用归档。并配置类别:500G,1TB 处理器、启用归档。并配置类别:英特尔 I5,I7,I9等。

B、上架“

标题:有风笔记本电脑 Go,12.4 英寸触摸屏,酷睿 i5 冰蓝色

产品数据:可变产品。 常规:税收可以加。 库存:SKU为 Laptop001. 配送:填上数据。

属性:选处理器,属性值I5、I7、I9,保存,硬盘容量同样设置。 变量:生成变体,增加价格,设置默认展示产品。 右边信息补充完,类目,标签,图片等。 发布预览下。

C、标题上的小标:新品,更改地址 产品数据>高级>Custom Badge Text。

D、产品分类加图片,brands类别加图片

E、Product Tabs:增加 Shipping & Returns

内容框下面:Tabs Settings ,可以设置显示的位置。

13、增加优惠券

A、营销>优惠券

14、首页制作

A,新建页面为首页,下拉Hide Page Header 勾上,预览看看。

B、设置>阅读 设为首页。

C、页面:首页>编辑: Category Menu Display 改为one page load. 首页为自动加载超级菜单 。

15、首页:使用elemantor编辑。

A、轮播图:容器为两列,

右边拖入motta slides,删除两个,留一个, title为:时下最热, subtitle为新品NEW。 description为:产品直发,一件也包邮. 按纽链接:搜 shop.,按纽文字为马上购买。 背景图设置:backgroud, 复制一个更改背景。 样式:边框圆角为3.

样式>content:宽度为300,文字颜色都改为白。 按纽颜色:Primary butter>extra options,背景改为白色。 加上轮播按纽:样式>slider options, arrows位置为右下,dots位置为左。 更改手机:arrows的item options的尺寸和宽度改为0.让其不显示。 更改手机:dots的Vertical Spacing: 垂直间距,Horizontal Spacing: 水平间距都改为16。 更改手机:宽度200,content间距为18 20 18 20。 手机:轮播图顶上的容器隐藏:高级>响应式>在手机纵向隐藏。 手机:轮播图容器>高级 外距为内距全为0.

B、4个图标

增加容器为网格:3列,左边列数改为4. 拖入 motta icon box到第一列。 下载图标: https://flowbite.com/icons/https://www.svgrepo.com/ 顺丰包邮,订单满99元。 图标位置为左。

样式:content. title字号14,spacing为2. description字号14.

样式:icon. 居中对齐。spacing为15,size为30.颜色为灰。

样式:content.:居中。

再复制三个到后面,改更相关的内容。高级再更改内距上25下35..发布。

更改手机:选中图标容器>布局 列数为2. 更改手机:选中第一个图标>内容 图标位置为TOP,再到样式改为居中。其他几个粘贴样式。

C、分类 增加容器为网格:3列,左边列数改为4.

拖入motta banner image.改里面的文字为:小家电等。 改背景:右边media.居中居中 ,背景尺寸为contain. 样式:高度为400,改字体颜色为绿#99BC49。 按纽primary button>skin为subtle,extra options按纽文字颜色为绿。其他三个粘贴进去就可以了。 更改手机:更改为两列。间距10. 标题字号24,描述14,标题行高1em,再改其他三个。 平板:改为三列,最后一列选中>高级响应式>隐藏,样式行高为360.

D 、产品轮播区

拖入下容器,motta product deals carousel heading:仅限24小时! 机会难得,快来抢购!距离促销结束还有,查看全部商品,link用shop(https://youfengai.com/shop/). products:选on sale,产品分类选下。 Carousel Settings:slides to show两个为4.。 样式>heading 位置为左。下拉Time 背景色为蓝#0A113E,文本色为灰 选中整个容器>高级 间距上50下30。

手机:复制一个。把原区块隐藏:然后点中 高级 响应式 隐藏。 手机:在复制的这个上:样式 heading位置TOP。并把这个区块在电脑上隐藏。 平板:把刚才复制的隐藏。

E、产品分类

拖入下容器,加入motta heading.:今天想买点什么?(字号26,粗600),link到shop,button text为查看全部。 增加网格:3列。把上面的分类直接复制下来改背景就可以。更改里面的文字。 样式>banner :Horizontal Position和Alignment改为居中。height为370。 样式>content :primary button的skin为ghost。 再复制两个一样的。

样式>content :description的spacing为10. 手机:点中第一个分类>样式 height为320,另外两个粘贴样

F、小区块分类 增加容器为网格:3列,左边列数改为6.

加入 motta image box:更改图片及文字,链接放分类目类链接,去产品里面建一个分类。 样式更改图片的spacing为10,标题字号为24。图片加圆角6。 再复制5个。改内容 手机:改成两列。

G、底部三列

增加下容器:加motta product listing.中间精选产品为空,到产品里面去设为精选产品。 增加内距上50下30.

16、博客

A、新建 博客

B、设博客为文章

C、演示写文章

17、帮助中文

A、help center,增加分类和文章,AI写。

https://flowbite.com/icons/ 加图片。

B、 elementor写文章

增加两列容器。左65%,右35%。 左边拖入:文本编辑器加入内容。

C、再写一篇文章 。

D、新 页面 为 帮助中心

Header Section:headewr v12 Header Background:transparent Hide Page Header :勾上 Content Top Spacing:no spacing

使用elementor编辑 导入之前的模板:https://drive.google.com/drive/folders/1rP6Fw1qHX53E4K4ykm5oCB54yR9sh8sQ?usp=sharing。

并改为中文,再加一个模板共三个更好看。 有什么可以帮到你 加背景色。点到对应的文章而,顶部 自定义>help center>header layout:选header v12,header transprent打开选dark. 自定义>help center>seach bar:backgroud color改为#B4F4DE,spacing top为150。发布

18、关于我们

A、Header Section:headewr v12,

Hide Page Header :勾上

使用elementor编辑

导入about us页面。 https://www.pexels.com/search/team/ 搜team,换图片。

19、联系我们

A、Header Section:headewr v12,

Hide Page Header :勾上

使用elementor编辑

导入about us页面。

底部:我们期待收到您的来信 表单设置: 进入后台>联系:Contact form 1 更改里面的内容,google网盘下的。Contact Form这个文本。 复制里面的内容替换掉原内容。再把短代码换了就可以了

20、菜单

A、新建菜单 顶部 主菜单

选上:首页 (Home) 博客 (Blog) Shop (Shop in English) 关于我们 (About Us) 帮助中心 (Help Center) 联系我们 (Contact Us) Order Tracking 订单查询 勾上:Primary Menu和Secondary Menu

B、底部菜单

建三个底部菜单:前两个随便选些菜单,第三个增加woo相关的菜单。 建顶部左侧菜单:显示选项把 产品类别 显示出来。显示位置勾上这个Category Menu。 顶部轮播图缝隙太大:首页>项部编辑页面 Content Top Spacing 改为no spacing,Header Section为v2。 顶部菜单有重复:菜单>主菜单> Secondary Menu去掉。

C、建顶部左侧菜单 改为 超级菜单

第一个:

在菜单名字下面 平板电脑:Options Mega Menu 点进去启用下。 Mega Menu:Mode为默认,width为自定义870。 Icon:https://flowbite.com/icons/ 找一个图标,Background Color为彩色,Color为白色。

加图片: Mega Menu:Mode为grid。 Add a row,拖动更改点比,左边为45%。 在左边的Mega Menu Items里面把heading加进来,更改文字为 新品,加上链接,选bold。 重复加更多菜单 :在左边的Mega Menu Items里面把heading加进来,更改文字为 新品,加上链接,选bold。 如果想在两个菜单之间留空间:新建一个 选empty。

右边图片区域菜单:Taxonomy Grid 在左边的Mega Menu Items里面把Taxonomy Grid加进来,设置显示数limit为3、6、9.

第二个:

在菜单名字下面 笔记本电脑:Options Mega Menu 点进去启用下。 Mega Menu:Mode为grid,width为自定义870。

Icon:选图片

Mega Menu: Add a row 拖动更改点比,左边为36%。 在左边的Mega Menu Items里面把heading加进来,更改文字为 新品上市,不加链接,选lable。 再加一个空白:在左边的Mega Menu Items里面把heading加进来,选empty。 再加一个菜单 XX新品:在左边的Mega Menu Items里面把heading加进来,选empty。

右边: 在左边的Mega Menu Items里面把baner加进来.加入图片,标题等。重复再加1个。

21、shop页面

A、在shop页 顶部自定义。

B、自定义 ▸ Header> Header Layout 选 header v2。

C、 自定义 ▸ Header >Account 眼睛勾上你想要的内容。 发布预览

D、查看手机,更改手机不想出现的内容。 自定义 ▸ Header>Hamburger,选择手机上要显示的菜单内容。

更改顶部样式:自定义 ▸ Shop> Page Header>Page Header Style:选Standard (image and text),更改图片。

22、底部菜单

后台:模板>导入模板 footer section. 使用elementor编辑。 更改里面的内容。

后台:模板>Footer Builder>add new 命名为 底部菜单并 使用 Elementor 编辑,导入模板 footer

把footer加入首页:首页>顶部 自定义>Footer 选上刚才建的底部菜单。

加入邮件订阅弹窗。https://www.getresponse.com/

23、加边栏

外观>小工具:

A、Catalog Sidebar分类侧栏: Motta – Products Filter(价格、处理器、品牌、评分等),保存 到https://youfengai.com/shop/ 去预览。

B、单品页侧栏Single Product Extra Content:Motta – Icon Box, 增加图标:https://flowbite.com/icons/,颜色用灰。 文字: 此商品免费送货和退货 3-5 个工作日内送达 发布预览。查看详情加链接:#tab-shipping-returns 跳到Shipping & Returns卡片上。

C、博客页 加边栏 Blog Sidebar

增加:搜索 增加:Motta – Popular Posts 增加:Motta – Social Links:https://www.youtube.com/@Windyyoufeng 增加:产品分类列表。

24、细节调整。

单产品 自定义 ▸ Single Product>Product Layout 博客 自定义 ▸ Blog Blog Archive

单产品 自定义 ▸ Single Product>Product Layout 博客 自定义 ▸ Blog Blog Archive 自定义 ▸ Header> Logo

2、演示下单

A、下单的时候需要填 哪些内容,电话必填,可以在自定义woo>checkout里改

WordPress和Elementor搭建公司官网企业网站教程(适合新手!)

为啥偏爱WordPress来搭建商业网站?
说到“商业公司网站”,听起来挺高大上,但其实它涵盖的可广了。咱们来聊聊,用WordPress这个神器,你能捣鼓出哪些炫酷的商业网站!

想给自己整个高大上的官网,没问题!WordPress轻松搞定。在这个教程里,我们拒绝千篇一律,拒绝模板套用。我要教你的是如何用WordPress这个强大的工具,根据自己的兴趣和需求,从零开始设计并搭建出任何类型的商业网站。无论你是想要为自己打造一个展示才华的平台,还是为客户定制一个符合他们品牌形象的网站,WordPress都能满足你的需求。

看完之后,你就能像玩积木一样,随心所欲地搭建自己的商业网站,无论是自用还是为客户打造,都能得心应手,轻松驾驭!

►hostinger 购买网站主机域名 下方链接优惠20%
https://bit.ly/47UlunQ

►向有风咨询,加入我的知识星球圈子:
https://t.zsxq.com/16QP9JP8b

有风用到的工具
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
►hostinger 购买网站主机域名 下方链接优惠20%
https://bit.ly/47UlunQ

►阿里云.中国网站服务器租用
https://bit.ly/3V1GiGY

► 本期视频文字脚本及建站步骤
https://aiyoufeng.com/design-agency-website

►elementor 注册
https://bit.ly/3wzeqQH

► 视频中用到的素材下载
https://drive.google.com/drive/folders/1GLl2R7qSn7WHjh4YrUfAwZrYl4WkQe-6?usp=sharing

►Midjourney
https://www.midjourney.com

► midjourney 账号合租平台、账号购买
https://nf.video/C1dxn

► AI绘画Midjourney手把手教程
https://www.youtube.com/watch?v=EfokrVH0Ni8

► leonardo AI生成图片
https://bit.ly/3yTr0LO

►chatGPT
https://chatgpt.com/
➜升级到GPT4会员教程:https://www.youtube.com/watch?v=64SkKkPTAg4

► pexels 免费素材下载
https://www.pexels.com/

► flaticon图标下载
https://flaticon.com/

► canva在线logo制作
https://www.canva.com/

► 办一张国外银行卡
https://wildcard.com.cn/i/19YC7OIQ

►邮件营销及落地页制作
➜getresponse https://bit.ly/3RmFRoG
➜getresponse 邮件营销新手教程
https://www.youtube.com/watch?v=qg4LyrACeAo&t=1667s

本期安装的插件:
elementor,ElementsKit Elementor addons,Jeg Elementor Kit,MetForm – Contact Form

本期视频建站步骤

嘿,大家好!欢迎踏入2024年的WordPress设计课堂,这次咱们来点实在的——打造专业又好看的网站!别担心,零编码、零设计基础也能搞定。

咱们全程用免费主题、Elementor页面构建器,还有一堆实用的免费插件。看完这视频,你不仅能拥有自己的网站,说不定还能开个网页设计公司呢!步骤简单到,我会分享专业设计师的技巧,他们怎么做的,咱们就怎么来。

别担心没素材,我备好了图片和模板,跟着视频一步步来,轻松搞定。最酷的是,咱们做的网站,手机平板都能完美适配,无障碍浏览。来,先看看网站长什么样。

从Logo设计到现代感的首页,手把手教你从零开始。不是那种套模板的哦,咱们要的是独一无二。关于页面、服务页面、作品集,一个不落,连联系表单都配好Google地图,专业范儿十足。

写博客也不在话下,分类、美图、详情,一应俱全。读者还能留言互动!

今天,我把压箱底的技巧都掏出来,保证你学有所成。

好啦,咱们分四步走,先搞定域名和主机。域名就是网址,比如我的,你的也得有,比如https://aiyoufeng.com/。主机呢,就是网站的家,存照片、文字全靠它。

怎么搞定?视频下方链接走起,为啥选它?便宜又快速,口碑杠杠的,多语言支持?

页面可能会变,别怕,正常操作。选计划时,新手我推荐高级或商业版,百个网站随便造,SSD或NVMe存储任选,还有免费SSL、邮箱、域名,一键装WordPress,迁移也免费。安全方面,Hostinger也是杠杠的,Cloudflare、恶意软件扫描器全都有,省心又放心。

2、购买主机及wordpress安装

3、后台设置

A、后台清理干净

B 、删除插件

C、用户里面改密码

D、网站后台和前台

E、首页顶部条只有登录才会看到

F、设置-常规 G、设置-固定链接

H、切换主题,安装hello elementor

I、介绍 注册elementor专业 版价格

J、安装插件elementor,ElementsKit Elementor addons,Jeg Elementor Kit,MetForm – Contact Form

K、启用所有插件

4、首页 简单功能练习

A、删除所有页面 B、新建 首页页面,并设为主页,到首页看看 C、首页使用elementor编辑,左边的工具简单介绍下,专业版也介绍下 D、基础操作:窗口,标题、段落、按纽、边距,最后删除 E、ctrl+Z撤消,ctrl+Y重做 F、增加一个容器,方向栏(下),里面再加一个子容器,

主容器背景颜色浅蓝:#F1F6FF,

子容器背景深点蓝:#8CE9FF

G、子容器—布局—内容宽度-全宽度,宽度300PX ,最小高度150PX H、复制两个子容器,一共有三个,主容器6点-布局:方向右,主轴与副轴对齐:居中,间距改成列和行都是30,方向再改成:向下,中间的子容器再加一个按纽演示 I、删除所有,学习完所有基础知识

5、首页 全局设定

A、顶部中间:设置-页面布局选全宽 B、全局颜色设定:左上角-站点设置,

主要:白 次要:黑 文本:a9adb9 摘要:c4ef17

C、排版:左上角-站点设置, 内容区块

文本颜色:a9adb9

排版:字体大小18 字体粗细:400 行高:28

链接区块 颜色:c4ef17

H1区块 颜色:白色 排版:字体大小50 粗细:700 行高:1.1em

H2区块 颜色:白色 排版:字体大小40 粗细:700 行高:1.1em

H3区块 颜色:白色 排版:字体大小28 粗细:600 行高:1.1em


H4区块 颜色:白色 排版:字体大小24 粗细:600 行高:33PX

H5区块 颜色:白色 粗细:400 大小写转换:大写字母

H6区块 颜色:白色

D、按纽:左上角-站点设置,

排版

标准:字号16,字体粗细600,行高1.2em,颜色c4ef17,圆角全10,内距20 30 20 30

悬停:文本颜色黑,背景色白

F、站点标识:左上角-站点设置,

改下名字为:windy有风

G、背景:左上角-站点设置,

设为黑色

H、布局:左上角-站点设置,

内容宽度:1320 断点:激活断点 加一个笔记本电脑,断点设为1510,保存更新预览下

I、附加设置:禁用默认颜色和字体

6、用户道选项:左上角 三杠

A、画布:显示快捷编辑选项:是

7、顶上中间设置:页面布局:选ele画布

8、首页设计

A、增加一个容器命名为:banner,左边最小高度为100VH,主轴对齐为居中

B、样式:背景类型为幻灯片 https://www.pexels.com/ 下载图片,搜team,先插入两张,时效3000MS,过渡为slide left,过度时间为1000,背景尺寸为覆盖,位置中心居中

C、背景覆盖颜色为黑,不透明度0.8 D、高级设置:内距50 10 10 10

9、点在上角加号,拖标题进容器

A、GPT提示

你现在扮演一名专业的wordpress网站设计专家,我准备做一个关于设计公司的网站,顶部banner区域帮我想一个口号。

设计灵感,赋予每个像素生命,H1,颜色为白,居中,字号80,粗700,行高1.1em,外距0 70 20 70,

B、增加 文本编辑框

GPT提示词: 针对这个口号,再写一份简短的叙述文本 高级 内距:左右各5% 样式:居中,白色,18号,行高28PX,500粗

C、增加容器到文本框下 内容宽度:盒式布局,宽度1320,方向:右箭头,主与副轴为居中。 拖入按纽进去,再复制一个,分别为关于我们、联系我们,在第二个联系我们按纽上,点样式更改悬停,标准为白,悬停为绿#C4EF17,第一个关于我们按纽悬停改为白吧

D、更改移动端 主要是手机端,点第一个按纽,样式 底部内距15,排版 字体大小16,复制样式到第二个按纽,再设下悬停颜色。

10、新增容器:命名为 服务

A、拖入 JKit – Heading,标题Before Focused Title:我们是谁,H5,

Separator:Show Separator关掉

B、title–Concept为hightlight:内容 {{//}} 我们是谁

C、样式:居中对齐,字号16,行高1em

D、Focused Title颜色:c4ef17,字号16,高级 外距下-20

E、拖入 标题, GPT提示: 写一个关于我们是谁的口号

品牌的赋能者,居中,白色,外距下20

11、新 容器:

内容宽度为盒式布局,方向箭头向右,间距30 ,高级 内距10 10 30 10

A、拖入子容器,全宽度,背景色121212,边框圆角全8,高级 内距全40.

B、拖入标题:01,字号50,粗细700,行高50,高级内距:4 25 8 25,定位为绝对,水平方向为右,垂直方向为上,偏移为30,

C、背景:背景类型为渐变,颜色为黑,次要颜色为黑 但透明度为0,角度90. D、拖入 图像框,到01那 才可放入子容器中间,

网页设计,H4 GPT提示: 写一个关于网页设计的口号

创新设计,让您的网站在每一次点击中焕发光彩

样式:左对齐,

图像:宽度60PX

更改图片,到这去下载 https://flaticon.com/

搜 web desigh,改图标颜色为绿:c4ef17

E、里面的子容器 再复制2个

F、选中第一个01,高级-背景 位置为0%,边框圆角上左各8,复制样式到另外两个数字上

G、另外两个内容补全,选中整个容器,高级 内距 110 10 10 10.

H、更改手机端

12、新 容器 :改名为 作品集

A、高级 内距 10 10 20 10 13、复制 我们是谁区域,改文字:我们的作品 ,每一件作品,都是创意与匠心的结晶 A、拖入新容器在下面,全宽度,高级 内距全为0 B、拖入 图像轮播

AI生成: web design

►Midjourney
https://www.midjourney.com

► midjourney 账号合租平台、账号购买
https://nf.video/C1dxn

► AI绘画Midjourney手把手教程
https://www.youtube.com/watch?v=EfokrVH0Ni8

► leonardo AI生成图片
https://bit.ly/3yTr0LO

C、图像分辨率为原图,幻灯片显示3,滚动1,图像拉伸为是

D、样式:定位颜色为绿#C4EF17,分页里面 尺寸为10PX,颜色白,激活颜色绿#C4EF17

E、样式:图像 图像间距28,圆角10

F、更改手机端 G、复制上面 我们是谁容器的样式,粘贴下来到 作品集

13、计数器 :新容器

右箭头: 内距 30 10 120 10

A、再拖入一个子容器到里面,再拖入 计数器,开始数字0,结束20,数字前缀1,后缀K,粗细700,行高80PX。样式 数字:文字描边1,颜色白,

B、样式:标题,字号16,粗400,颜色为白

C、点击装计数器的子容器,布局 方向 右箭头,主轴居中,再复制三个计数器 D、点击装计数器的子容器,布局 主轴第4个 E、更改手机端

14、新 容器 下箭头:客户评价

A、样式 背景图片 ,中心居中,背景不重复,显示尺寸为覆盖 B、背景覆盖为渐变,主色黑,次要绿,角度107,不透明度0.7,高级 内距:65 10 140 10,

C、拖入 textimonial GP提示: 写一些客户评价 布局选第5个,更改里面的内容,加头像 https://www.pexels.com/search/profile/ profile 设置里面把:Show Dots 打开,样式 背景类型为透明, Wrapper Content Style:居中,padding全为0.

Description:颜色白,排版 字号28,行高45PX,边距 15 0 40 0.

Quote lcon:颜色为绿,图标大小60,底部边距15,padding wg 50%. Client:字体颜色都改成白 Client image:边框类型为实线,宽度为3 高级 内距:0 10 0 10

C、修改手机端,平板和手机每次只显示一个,内容-设置 slides to show为1. D、文字改为斜体,保存预览,退出

15、关于我们

A、新建页面 关于我们,使用elementor编辑,顶部中间 设置:页面布局为elementor画布。

B、拖入 容器 :改名为 banner,方向下,主副轴居中,高级 内距:210 10 110 10

C、背景 https://pixabay.com/images/search/team/ 搜team AI生成:team

样式:定位 中心中心,不重复,显示尺寸为覆盖

背景覆盖:黑色,不透明度为0.9.

D、增加文字:关于我们,拖入一个容器到关于我们这几个字下面,全宽度,宽度210PX,方向为右箭头,主副轴为居中,间距为8.

样式:背景色 ffffff1a,边框圆角为10,高级 内距全20.

E、拖入 图标列表 到容器中,

F、删除两个,只留一个,更改文字为首页,图标搜home,布局选三个点(行内)

G、 icon 样式:颜色为白,尺寸为16, 悬停:颜色为绿,水平对齐为左, 文本 样式:字号16,500粗,行高1.2em

文本阴影:标准颜色为白,悬停颜色为绿

H、复制一个,改为关于我们,图标搜arrow I、关于我们 改为 H1

J、导入模板 about

https://drive.google.com/drive/folders/1GLl2R7qSn7WHjh4YrUfAwZrYl4WkQe-6?usp=sharing

左上角站点设计 排版:

平板电脑端全局字体大小:H1为45,H2为38,H3为25,H4为23,

手机端 顶部文字容器 高级 内容 150 10 80 10。

L、所有内容改为中文 GPT提示: 写一个简短的 关于我们 介绍

再来一个短标题

再来几个公司业务的标题

GPT提示2:

请根据以下格式,用中文写一些关键词,不要相同: Portfolio Agency * Creative Agency * Digital Agency * Portfolio Agency * Creative Agency * Digital Agency

M、团队区块:新 容器 下箭头,再把代码拖到 新容器下面,

A、点中团队容器,高级 内距 110 10 100 10 。

B、从首页复制标题过来(我们是谁)并改下文 字内容为,我们的团队、经验丰富的设计师团队

C、拖入新容器 在标题下面,右箭头,间距30,高级 间距 10 10 30 10.再拖入一个子容器进来,高级 间距全0,拖入 图像框。更改里面的内容: GPT提示: 团队成员介绍 用H4

样式:图片位置为上,居中 盒子:图像间距为0 图像:宽度为100%,圆角10PX。 内容-描述:字号16,行高0.1 EM

D 、复制两个,改内容 E、更改手机端 F、回到首页 页面,把最下面的 客户评价 保存为模板,右边三个点可以下载到本地。 再到 关于我们 页面插入客户评价区块,把刚才的自定义CSS代码移到它的下面。 G、保存,退出elementor

16、顶部和底部

A、点elementsKit-下一步 直到完成。

B、点左边 header footer,右上角add new,增加header,Activate/Deactivate打开,打开 开始编辑。把header导入进去。 C、增加菜单:外观-菜单

菜单名称:主菜单 显示位置:标题

D、新建几个页面:联系我们、成功案例、博客、服务,再把这几个加个菜单里面去。再演示增加二级菜单。把刚才的菜单加到header里面去。

E、更改顶部logo及相关文字

制作logo:856X214 https://www.canva.com/

F 、elementsKit 右上角add new,增加footer,Activate/Deactivate打开,打开 开始编辑。把footer导入进去。更改里面的内容。

17、顶部与底部应用到所有页面

A、首页—使用elementor进行编辑,顶部中间设置,布局为elementor全宽

B、更改手机端

C、把其他页面,也改成 布局为elementor全宽

18、把关于我们页面中的,

关于我们的部份,复制到首页 服务下面

19、服务 页面

A、页面布局:elementor全宽。

B、把 关于我们 页面 顶部标题信息容器复制过来

C、新容器 改名为:单个服务,右箭头,间距0,高级 内距 100 10 80 10. 拖入 子容器,全宽度 宽度25%,下箭头, 再拖入一个子子容器,样式-边框为实线,宽度右1,颜色ffffff33,

拖入标题,H4,高级 布局 边距下8, 边框宽度下1,颜色ffffff33,改文字为 服务列表

D、标题下面拖入 按纽:品牌设计,

样式:字号18,700粗,行高1em,背景颜色为透明,文字颜色为白

E、边框类型为实线,边框宽度下1,边框颜色透明,边框圆角全0,内距下2. 悬停:文字颜色为绿,边框为绿。

F、再复制3个出来,改里面的内容,再拖入一个容器在这个列表下面,右箭头,主副轴居中,高级 外距上55,内距上100下100。样式-边框圆角全15PX。 G、拖入 按纽 进去,装按纽的容器加背景图:中心居中,不重复,覆盖。

H、右边: 选中单个服务容器,布局右箭头,拖入新容器在最边,全宽度75%,下箭头,高级 外距 10 10 10 60。

拖入图片,高级 外距下25,

下面拖入 文本框: GPT提示: 服务列表 写个介绍

高级 外距下-5

再拖入:标题 H3 在下面:有问题?为您解答,高级 外距下5. I、拖入 JKit – Accordion: 常见问题模板, 样式-

wrapper下15, title:字号20,行高30PX open color为白,open背景为透明。

open border为实线,边框宽度下1.,open边框颜色:ffffff33,回到上面 open color为绿.

J、close:close颜色为白,透明背景,边框为实线,宽度为1,颜色为ffffff33 , Description:padding上下15, title:paddding 下15. icon:open的尺寸为14,颜色为绿,close的尺寸为14 颜色为白。边距为内距全为0. 高级 外距:上5下30.

GPT提示: 写一些常见问题

K、拖入 新容器 高级 内距全0。

放入标题:我们的优势,复制有问题为你解决的样式。用H3. 高级 外距下10. 再拖车一个容器,右箭头。高级 内距下45. 放入 图标列表。删除两个,只留一个:丰富行业经验。图标样式搜: check.

样式- 列表:Space Between (首尾无内部等间距)为1. 图标:尺寸20,颜色绿。 文本:字号18,颜色为白。

高级:宽度为自定义50%

再复制两个,共三个,再把整个图标列表区域复制一个。

L、新 容器,右键头,主轴居中。 样式: 边框为实线,宽度上1,颜色为ffffff33.,高级 内距上15. 拖入 图标框,搜 up solid 换一个图标,文字信息:上一个,广告设计

样式: 盒子-图标位置为左,垂直为中间。 图标-颜色为白,悬停为绿,尺寸20px,旋转-45deg。 内容:标题字号和行高为15 颜色为绿,内容字号22 行高24 颜色为白。 复制一个,再选中外面的容器-布局 主轴对齐第4个。 选中第二个 改为 下一个,产品设计 样式-图标位置为右,图标 旋转为45.

M、更改手机端,我们优秀那 高级 自定义高度为100% N、退出elementor,标题改成 品牌设计 O、再次进入 品牌设计页面,全用elemento编辑,右上角倒三角 另存为模板,命名为 单个服务。

20、新页面 产品设计、广告设计、SEO优化

A、导入模板 更改内容即可,加链接,标题加下划线,标题文本颜色改为绿。

B、所有页面改完

C、菜单里面把这些加到服务的二级菜单中去

21、博客 A、复制其他页面的顶部标题过来

B、增加 容器,下箭头。高级 内距 110 10 80 10

C、拖入 JKit – Post Block,只要 meta和title,3列,H4,禁用分类。 Post Meta:Enable Post Meta Author选NO,删除 Meta Date Icon 图标.,,设置 文章数量为6. 样式: post item-column gap为30 thumbail–backgroud overlay渐变”颜色为透明。次要颜色为黑灰色。

thumbail-Container:高度345 Title:margin全0,字号24,行高1.2em。Normal Color为白,悬停为绿。 Post meta:字号16,行高25,颜色为绿。

22、写文章

A、GPT提示

帮我写一篇关于广告设计的标题 写6篇。 B、封面图设为高清:elementor博客页 图像分辨率 设为原图.

C、更改手机端

23、单篇 文章页

(找一个只有标题没有文章的。) A、点开文章 使用elementor编辑。页面为 elementor全宽。

B、导入 singe page模板,更改里面文章

24、联系我们

A、使用elementor编辑,elementor全宽

B、复制 关于我们 顶部进来

C、增加 容器 ,右箭头,

里面再拖入子容器,也是右箭头,背景为黑,边框圆角全25,高级 内距 150 60 60 60, 再拖一个子容器进,复制 关于我们 页面的小标题和大标题进来。

D、拖一个容器 在下面,右箭头,间距15,副轴对齐选第一个 开端。高级 内距下10.

E、拖入 图标,

样式:左对齐,白色,字号26 高级:外距上5,内距16 16 6 16,宽度为行内(auto)

边框:实线,边框宽度全1,颜色绿,圆角为50% 更改图标:搜 phone.

F、右边拖入 一个新 容器。最小高度300PX,高级 内距全0. 拖入标题 H4,高级 外距全0,.更改内容为:0755 87595685, 下面再拖入 文本框:有任何问题,欢迎来电咨询

高级 外距:上-5,下-15

G、选中 装 电话的容器,布局 宽度300PX,最小高度不填。

H、复制一个装电话图标和电话的容器。复制两个,并改里面的内容。

J、拖入 容器在 右边,拖入 metform,新建一个空白表单。 拖入 容器,右箭头,主轴对齐第4个,间距行30。 拖入一个单行文本,内容:显示标签 关闭,名字 mf-name,占位符:名字

样式: 输入-内边距下13,输入框颜色为白,背景色为透明, 边框类型为实线,边框宽度下1,颜色ffffff33 占位符:排版选全局圆球里面的文本,颜色选全局圆球里面的主要。 高级:自定议宽度为50%

K、拖入 email,把name的样式复制过来,再把email显示标签关掉 L、拖 电话,放在email后台,然后选中外面的主容器—布局 换行,显示标签关掉 M、拖入 单行文本,在电话后台,显示标签关掉。样式复制进来。名字 mf-subject,占位符:主题 。

N、在。主题后 拖入 多行文本,样式复制进来

样式: 输入-高度为100,高级 宽度为全宽度 O、插入 按纽 样式: 文字颜色为黑,背景为绿》 内边距:15 30 15 30

P、选中整个容器,高级 内距全为0,更新关闭

25、地图 新容器

右箭头,再加一个 子容器 A、高级 外距上-70,内距全0 B、加入 谷歌地图。高度500. C、选中整个 联系容器,高级 z-index为2

26、更改手机端

A、手机端 表单 高级 内距全25 B、编辑表单,只编辑手机端,选中容器-方向下, C、选中第一个文本 高级 宽度为全宽度,复制格式到下面其他内容上。更新关闭。

27、所有页面看看