本视频教程带你从域名注册、服务器选购开始,逐步完成WordPress安装、主题配置、插件安装、内容发布、网站性能优化、推广与网站增长等全过程。
本部分涵盖网站建设开始的所有前期准备,包括:购买域名、服务器购买、域名解析、安装WordPress、SSL证书安装、网站后台基础设计者、WordPress网站主题安装、插件安装一直到网站的页面编辑器选择。
本部分主要讲述如何创建WordPress页面、文章、产品以及为联系页面定制表单。
本部分主要讲述如何自定义网站外观以及功能,包含静态页面设置、菜单设置、页眉设置、页脚设置、网站LOGO设置、如何关联谷歌工具、自定义第三方代码以及多语言网站。
本部分主要讲述网站速度优化和网站安全方案。
本部分主要讲述如何为网站引流的主要渠道。
本部分主要讲述WordPress常见问题回答。
优秀网站案例展示。
更多教学资源:
涵盖WordPress建站的主要步骤和详细要点,从购买域名、服务器、到内容发布、elementor编辑器使用都有包括在内。
一、WordPress建站前期准备:
二、WordPress网站内容发布:
二、WordPress网站自定义:
依据WPZOOM的最新统计,WordPress支持43.5%的网站作为其CMS。大约5.33亿个网站是基于WordPress构建的。WordPress以61.2%的份额主导着CMS市场。有超过30000个WordPress主题可供选择。
WordPress网站之所以如此受欢迎,还因为:
在开始搭建你的网站之前,我们先来明确一些重要的事情。WordPress有两种类型:WordPress.com 和 WordPress.org。没错,这会让很多新手感到困惑。
WordPress.org:是一款流行的开源软件,为互联网上超过 43% 的网站提供支持。它通常被称为“自托管 WordPress”,因为你需要拥有自己的主机和域名才能使用它。
使用 WordPress.org 的主要优势在于你可以完全掌控你的网站,安装任何你想要的插件和主题,并完全拥有你的内容。但是,你需要自行负责网站的托管、更新和维护。
WordPress.com:是一款使用 WordPress.org 软件的托管服务。虽然它提供免费套餐,但功能有限,并且不允许用户根据自己的喜好进行自定义。此外,安装插件和主题等功能仅在更高级套餐中可用起价为每月25 美元。
对比表:
| 项目 | WordPress.com | WordPress.org |
|---|---|---|
| 价格 | 不同套餐可满足不同的需求和预算,价格也有所差异。WordPress.com套餐旨在满足各种需求和预算,提供免费套餐、个人版套餐、高级版套餐、商务版套餐、电商版套餐和企业版套餐等选项,每款套餐都能为你的站点添加独特而有价值的功能。 | 你可以免费下载 WordPress 软件,但需向第三方托管服务提供商支付年费,以获取网络托管服务和域名。 |
| 所需经验 | 易于使用,不仅适合零基础新手,也适合静音丰富的专业人士。 WordPress.com是经过性能优化的一体化网站构建器和托管平台。 | 定制、站点卫华和配置需要更多实践经验,并要求具备中级技术知识。 |
| 托管服务 | 内置托管服务。你不需要任何其他托管服务商。 | 你必须自己找托管服务商并支付相应费用。 |
| 速度与性能 | 商务版、电商版或企业套餐支持安装插件。更新由系统自动管理。几项默认内置功能可省去趣多插件。系统会主动组织潜在风险插件。 | 取决于你选择的托管服务商和托管服务套餐。 |
| 安全性 | 高度安全,可抵御黑客、恶意软件和漏洞攻击。更新、备份和免费域名SSL均由系统自动处理。 | 取决于你选择的托管服务商和托管服务套餐。 |
| 功能 | 强大的功能可帮助设计、管理、推广网站并通过网站获利。 | 根据托管服务商和托管服务套餐的不同有很大差异。 |
| 插件 | 商务版、电商版或企业版套餐支持安装插件。更新由系统自动管理。 | 可以安装自定义插件。需注意识别未知来源插件的风险。 |
| 主题 | 包括众多精美、支持功能完善的主题以及大量自定义选项。 使用符合条件的套餐可以访问高级自定义选项、安装自定义主题,或构建你自己的主题。 | 可安装自定义主题,或构建你自己的主题。 |
| 支持 | 使用任何套餐均可免费获得 WordPress.com 支持论坛、网络研讨会和视频支持。使用付费套餐即可获得由工程师专家提供的全天候支持。 | 根据所选择的托管服务商服务略有不同。有些托管服务商可提供24小时在线客服,例如SiteGround 。 |
| 站点所有权 | 你拥有自己的站点内容,并随时可以移动这些内容。 | 你拥有自己的站点内容,并随时可以移动这些内容。 |
建站前,你需要清楚希望通过网站实现什么目标。我们经常看到的一个错误是,人们在没有明确目标的情况下直接开始设计和功能开发。这通常会导致时间浪费,并且网站也无法达到预期目的。
在埃克森数字营销,我们的主要目标是帮助人们学习WordPress网站、SEO相关知识。这决定了我们网站的构建方式:清晰的导航,方便你轻松找到教程;易于访问的免费资源。
你的网站目标可能有所不同。不同类型的网站通常关注以下方面:
| 网站类型 | 主要目标 | 所需关键功能 |
|---|---|---|
| 商业网站 | 生成销售线索 | 联系表单、邮件订阅、客户评价 |
| 网上商店 | 进行销售 | 产品页面、购物车、支付系统 |
| 联盟营销网站 | 推广产品 | 产品评论、比较表格、跟踪链接 |
| 会员网站 | 限制内容 | 会员登录、订阅计划、受保护的页面 |
| 教育网站 | 传授技能 | 课程页面、会员访问、进度跟踪 |
| 文件站 | 展示作品 | 图片库、项目页面、联系信息 |
| 博客 | 分享内容 | 简介布局、类别、搜索功能 |
现实中,很多网站会有多个目标,这也是正常的。
但明确一个主要目标任然很重要,因为这决定要突出哪些号召性用于,以及如何引导用户朝着这个方向发展。清晰的目标将帮助你更好的决定网站的设计、功能和内容策略。
目标:为你的WordPress网站购买一个域名
域名最佳搭配原则推荐:域名=品牌=公司名=行业或产品
域名的费用,以阿里云为例正常.com域名首次购买价格在85元左右。
如果你要购买国外区域域名,可以优先考虑国外域名平台。比如.com.au, .uk域名等。
以下我们以阿里云为例,演示如何购买域名。
首先打开aliyun.com网站。
在产品下,点击“域名”。
空格中输入你要购买的域名,并选择域名类型,例如.com,点击查询域名。
如果查询显示,域名已注册:
意思是该域名以被他人注册。需要更换其他域名。直到你看到要购买的域名显示价格和注册按钮。说明该域名可以注册和购买,点击立即注册。
这时会提示你登录会员或注册,如果你在阿里云已经有账户则登录账户,如果没有,点击注册即可注册一个新账户。
注册也比较简单,输入手机号、验证、账户名、密码即可完成账号注册。
登录阿里云账户(如已有账号,可以直接登录)。
新账号系统会提示你创建信息模板。个人公司都可以,意思就是该域名的所属者为个人或公司。
勾选持有者以及勾选“我已阅读并同意”,点击“立即购买”。
选择支付方式,例如“支付宝”,点“支付”。
提示:购买期限也可以选择一年或多年,购买多年可以防止因忘记续费,域名过期而导致的网站无法打开。
扫码,完成支付,域名即可购买完成。
登录会员,点控制台。
点击左侧菜单图标,并点击域名。
点击域名列表,即可看到你购买的域名。
目标:为你的WordPress网站购买一个SiteGround服务器主机
域名购买完成后,我们再来为你的WordPress网站购买一个服务器主机用于存储和管理WordPress网站文件。
这里我们带大家购买SiteGround主机。
SiteGound服务器的优点:
下面带大家一起购买SiteGround主机。
点击WordPress下面的“For WordPress”。
选择购买套餐:
可以根据自己的需求来选择。不过为了便于测试,对比,建议至少购买GrowBig套餐。
这里我们以GrowBig为例,继续购买,点击“GET PLAN”。
选择“Existing domain”,并输入你在阿里云中购买的域名。并点击继续按钮。
输入账号信息,如果已有账号请点击Login。
没有账号继续填写账号及服务器信息:
最后勾选两个选项,不想收到siteground的邮件订阅,也可以不勾选第二个。点击“PAY NOW”即可完成SiteGround服务器购买。
目标:为你的WordPress网站安装WordPress程序
购买完SiteGround服务器主机后,紧接着要做的就是安装WordPress。
首先,在SiteGround首页,点击Login,输入你的邮箱和密码,登录SiteGround会员。
登录后,在顶部菜单中点击“Websites”。
在下面的列表中,你会看到,在购买服务器时,你输入的域名。点击域名右侧的Site Tools。
进入到Site Tools,点击左侧菜单中WordPress下面的“Installation & Manage”。
右侧,在WordPress位置点击“SELECT”, 如果你使用Woocommerce也可以选择右侧的“WordPress + WooCommerce”,实际操作中,你安装WordPress后,在网站后台可以单独安装woocommerce插件,所以继续按我们的操作往下走即可。
填写WordPress网站后台登录信息:
点击“INSTALL”安装按钮。
注意:一定要将网站的用户名、邮箱和登录密码记录保存好,后面登录网站后台要用到。
安装完后,这里便显示WordPress版本,以及你的域名。
到这里你的WordPress程序已安装完成。
GrowBig套餐可以安装多个WordPress网站,如何添加新网站呢?
很简单,在你登录SiteGround后台,并点击Websites后。点击蓝色的“NEW WEBSITE”按钮。
选择新网站的服务器地址(Singapore旁边点小铅笔图标可以选服务器地址)、域名类型(如果在siteground买域名点New Domain,如果你已经在阿里云或其他平台购买域名点Existing Domain,如果是临时网站可以选临时域名Temporary Domain)。
提示:服务器地址选定好后,以后更改需要收取5美元的费用。所以尽量一次性选好。
这里我们用阿里云已购域名,所以选Existing Domain。
输入你的域名。并点击“Continue”按钮继续。
在Start New Website下面点击“SELECT”按钮。
选择WordPress。
输入网站后台登录邮箱和密码,并点击“CONTINUE”按钮。
注意:一定要将网站的用户名、邮箱和登录密码记录保存好,后面登录网站后台要用到。
弹窗中直接点“NO, THANK YOU”,不需要勾选其他付费选项。
最后点击“FINISH”按钮。等待一分钟左右即可完成新网站的WordPress安装。
在页面右侧的网站信息中,复制IP地址:
现在打开阿里云,登录账号,点击控制台。
点击左侧菜单图标,并点击域名。
点击域名列表,即可看到你购买的域名。
点击对应域名右侧的“解析”。
点击“添加记录”按钮。
添加第一个A记录:记录类型按默认的A记录,主机记录输入“www”,解析请求来源按默认,记录值粘贴刚在SiteGround复制的那串IP地址数字,TTL按默认,最后点“确定”按钮。
添加第二个A记录:
再次点击“添加记录”按钮。
记录类型按默认的A记录,主机记录输入“@”,解析请求来源按默认,记录值粘贴刚在SiteGround复制的那串IP地址数字,TTL按默认,最后点“确定”按钮。
这样两个A记录就添加完成。
进入Site Tools后,点击左侧菜单Security下面的SSL Manager,右侧选择“Let’s Encrypt”,并点击“GET”按钮。
出现以下提示,说明SSL证书已安装成功。
点击左侧菜单Security下面的“HTTPS Enforce”, 右侧打开该设置,如下图所示。
到这里,你的SSL安全证书已成功安装。网站打开,就可以看到一个小锁的标志。
目标:学习如何登录WordPress网站后台
有两种方式可以登录WordPress后台。
例如,假设你的网址为yourdomain.con,那么后台登录网址为https://yourdomain.com/wp-admin, 输入你在安装WordPress那一步设置的会员名或邮箱以及密码,即可登录WordPress网站后台。
打开对应网站的Site Tools,左侧菜单栏中点击WordPress下的Install & Manage, 右侧点击带有箭头的图标,即可直接登录WordPress网站后台。
目标:学习了解WordPress网站后台,以及对WordPress进行基础设置
登录WordPress网站后台后。你可以看到网站的后台外观,大致可以分为三个区域,如下图所示:
第一次登录,从上图可以看到3号内容区中有大量的信息。有很多人喜欢干净的页面,不想看到这么多的信息。接下来告诉大家如何选择在内容区显示或不显示某些板块的内容。
点击内容区上方的“Screen Option”, 如果不想在这里看到大量信息,可以全部取消勾选。
取消勾选后,就会变成这个样子:
整洁干净了吧。
接下来,我们对WordPress进行一些基础的设置。
点击左侧导航菜单中Settings下的“General”进行以下基础设置。
输入相关信息后,点保存即可:
接下来,在菜单Settings下点击Reading。右侧Search Engine Visibility这里勾选。然后点保存。
勾选这里的意思,就是不让搜索引擎来抓取网站。因为目前网站是新网站,没有有效内容,等你把网站内容设计完成之后,一定想着回来把这个选项取消勾选。这样搜索引擎就会过来抓取并收录网站。
最后,点击左侧菜单Settings下的Permalink,设置永久链接,这里右侧一定一定选择Post name(目前默认选项应该就是这个),点击保存。这种结构有助于SEO优化。
注意:这里的链接结构设定完之后,不要随意改动,否则会影响到网站的SEO效果。
到这里,WordPress网站的基础设置便完成了。
目标:为WordPress网站安装Hello主题
这里讲一下为什么选择Hello主题:
WordPress主题就相当于网站的皮肤,每个主题都有自己的风格。当然主题页分为免费主题和付费主题。
下面带大家操作如何为你的WordPress网站安装Hello主题:
登录WordPress后台,在左侧导航栏中点击Appearance下的“Themes”,便能看到你网站已安装的默认主题。其中有Active标识的是你网站目前正在使用的默认主题。
多余的主题,你可以在主题位置,点击一下,然后点Delete删除即可。
接下来点击Add Theme。
页面中会显示大量常用的主题,你可以根据自己的喜好选择。我们这里选择添加Elementor旗下的Hello主题。
你也可以在Search Themes中输入Hello,来搜索该主题。点击Hello主题。
点击“Install”安装按钮。
安装完成后,点击“Activate”激活按钮,激活Hello主题。
恭喜!你已成功为网站安装了新的Hello主题。
目标:安装网站必需的插件
插件是扩展和添加WordPress现有功能的方法。WordPress的核心设计精简轻量,旨在最大限度地提高灵活性并最大限度地减少代码膨胀。插件提供自定义功能和特性,以便每个用户都可以根据自己的特定需求定制网站。
还有一个重要原因就是,我们本教程中的所有页面、文章、产品的编辑和设置大部分都需要靠Elementor来实施。
按是否付费分为免费插件和付费插件。
免费插件在后台的插件库中搜索即可安装使用。
付费插件一般在后台的插件搜索中是搜不到的,需要到官方购买后,下载安装包,然后通过后台上传到网站进行安装和激活。
首先,登录WordPress网站后台,左侧导航栏中点击Plugins下的“Add Plugin”。
我们先来安装Elementor插件。搜索框中搜索Elementor。
找到对应的Elmentor插件,点击Install Now:
安装完成后,紧接着点击:Activate 激活插件。
这样Elementor插件便成功安装。
安装完成会弹出一个页面点右上角的叉号退出即可。
同样道理,在插件中搜索Yoast,安装并激活。
至于Elementor pro插件是付费版,需要先购买,然后在后台上传到网站。我想在下一部分内容中专门介绍。
其他两个插件Speed Optimizer和Security Optimizer,因为我们使用的是SiteGround服务器,wordPress安装后系统会自动帮你安装好这两个插件。
这类插件基本都是付费插件。主要用于拓展Elementor的一些设计功能。
Elementor页面构建插件是WordPress网站最常用的页面编辑工具。据统计,全球有17.4%的网站使用Elementor页面编辑器。这从WordPress后台安装Elementor插件的时候也能看到它的安装数据非常惊人,已有超过1000万次安装。
Elementor基础插件是免费的,可使用一些基础的工具和功能。想解锁Elementor所有功能,需要Elementor pro插件。
并且,Elementor几乎可以胜任所有页面、文章、产品的设计与编辑。尤其针对新手不懂代码,使用elementor可以快速入门创建属于自己的网站。
你可以通过埃克森数字营销官网购买。优点是价格优惠、确保正版、后台可更新、包安装、直接使用。购买入口。
当然你也可以选择在Elementor官方网站购买。下面主要演示如何在官方购买Elementor Pro插件。
首先打开elementor官方网站。点击菜单Pricing下面的“Page Builder Pro Plugin”。
这里建议选择第二个套餐“ADVANCED SOLO”。点Buy Now。(第一个套餐虽然价格低,但有些够能被砍掉了,例如弹窗、定制代码,以及一些电商功能都不包含在内)
付款页面需要注册一个新会员,如果已有账号可以点Sigin 登录。
然后需要输入你的账单信息,填完点“Continue”按钮继续。
最后一步,选择付款方式:信用卡或Paypal,并点击Pay now按钮完成付款。
购买 Elementor Pro后,转到你的 “my Elementor”后台。
单击下载图标。
将Elementor pro插件压缩包下载到电脑。
WordPress网站后台中,在左侧导航中点击Plugins下的Add New Plugin。
点击Upload Plugin
点Choose file选择刚下载的Elementor pro安装包,单击Install Now按钮安装插件。
安装完成之后,点击立即激活。
回到插件列表,在Elementor pro插件下点击Connect & Activate。会跳转到你的elementor账户。
到这里你的Elementor pro已经成功安装并激活。
安装并激活Elementor pro插件后,需要对插件进行设置。进入设置需要点左侧导航栏中Elementor下的Setings。
集成设置允许你根据需要选择性地将Elementor与第三方 API 连接。
* 切换编辑器加载器方法有助于解决有时出现的“err_content_decoding_failed”和“err_empty_response”问题。启用此选项可帮助在资源不足的服务器上运行网站且难以读取长 JSON 代码的用户。启用后,该工具会拆分行,以便这些服务器能够顺利读取 JSON 代码。切换到此方法不会对性能产生负面影响,反而可能会提高性能。此工具有时也有助于解决死机白屏问题。
这里有elementor推出的一些新的测试功能,可以点Activate all选择全部开启。
这样可以使用Elementor的一些最新功能。
到这里,基本上网站的前期准备工作都完成了。下一步我们开始为发布内容。
WordPress网站的内容通常以页面、文章和产品的形式来展现。
常见的页面有:首页、关于、联系页、博客列表页等。
首先我们来看一下如何创建这些页面。
在WordPress网站后台左侧导航栏中点击Pages中的Add Page。
在标题位置输入页面名称(例如Home),并点击右上角的Publish发布按钮。
重复此操作,分别建立About,Contact,和Blog页面。点击左侧导航栏Pages下的All Pages我们便得到网站常用的这些页面:
到这里我们便建立了页面。但还没有在页面中发布内容。下面,我们以Home页面为例,为该页面添加内容。
鼠标点击Home,进入编辑页面:
紧接着点击“Edit With Elementor”。进入到Elementor编辑页面:
等待加载完成后,我们便进入到了Elementor拖拽式设计页面,左侧区域为小工具,以及设置外观。右侧区域为页面显示区域。最上面为导航栏。
想使用哪个工具就在左侧鼠标左键点住改工具然后往右侧加号位置拖动,松开鼠标,内容就过来了。
编辑完内容后一定记得点击右上角的“Publish”按钮进行发布,也相对于对内容进行保存。否则如果你没有点击Publish,便关闭页面的话,你上次编辑的所有内容会丢失。
因为我们当前用的是Elementor pro付费版本,该工具会提供一些设计好的模块或页面,帮助你快速设计页面。
接下来我告诉你如何调用这些现成的素材。
发布完之后,点击左上角的Elementor图标下拉菜单中的Exit To WordPress便可退出Elementor编辑。
单击Slug,点击Permalink下面的链接。
便可打开页面查看你的设计成果。
发布文章在左侧导航栏Posts下点“Add post”。
输入文章题目,右侧添加Featured image, 这个图片可以在文章列表中显示,以及在文章分享到社交网站的时候也会显示。输入一段文章摘要,最后点击Plublish发布。
文章正文的编辑你可以使用WordPress默认编辑器在文章题目下方进行编辑。我们这里重点讲如何用elementor发布文章。点击Edit with Elementor按钮,进入Elementor编辑页面:
现在文章的编辑页面其实跟上面讲过的页面基本一样,甚至更简单,因为文章内容基本都是文本和图片来构成。
可以从左侧小工具中拖动Text Editor到右侧内容区来添加内容。
然后再点击顶部的加号,返回小工具页面,拖动Image到右侧添加图片。
最后点击右上角的Publish发布文章。
预览文章,可以点这个箭头隐藏工具区,对文章进行预览。
然后再次点击此箭头便可恢复工具去。最后点击左上角的Elementor图标下面的Exit to WordPress便可返回后台页面。
点击All Posts, 可以看到你所有的文章。
鼠标在文章标题下面点击“View”便可以打开文章前台页面,查看文章。
另外你还可以点击Categories和Tage对文章添加分类和标签。
详情操作,请参考以下视频。
产品的发布其实有多种途径。我们在本教程中主要介绍两种。
通过页面发布产品其实类似我们上面讲的如何发布页面。只是页面内容为产品内容。具体操作如下:
页面 > 新建页面。
使用Elementor页面构建器输入产品内容。当然你还可以创建一个产品列表页,例如Products页面,将所有产品在这里列出,并添加对应产品的链接。
首先需要再后台Plugins点击Add Plugin。
搜索Woocommerce,找到对应插件:
安装并激活Woocommerce插件。
激活后,你的导航栏中就会多了一个Products。
要添加产品,直接点击Products下的Add new product。
接下来输入产品信息即可:
如果你是B2C行业,还可以输入
输入所有信息后点发布按钮。
第一次安装WooCommerce可能还有一个店铺调查。按你实际情况填写即可。尤其B2B行业,可以直接跳过。
产品描述也可以用Elementor来编辑。需要先打开Elementor编辑权限。左侧菜单栏中点击Elementor下的Settings,右侧勾选Products并保存设置。
你的产品页面就会出现Edit with Elementor选项:
这里添加的是产品描述部分。具体操作跟页面编辑类似。只需要将需要的小工具拖动到右侧,并编辑,最后点发布即可。
另外woocommerce会自动生成一个产品列表页名为SHOP。如果是B2B行业,你也可以在Pages里面创建一个名为Products的页面。然后点击左侧导航栏Woocommerce下的Settings。点击Products选项卡,Shop page下拉菜单中选择刚创建的Products,点击保存。你的产品列表页便替换为Products页面。
最后记得检查一下Site Visibility。一定要设为Live,这样产品列表在前台才能显示。
网页、文章、产品中除了展示文案内容以外,其实还可以搭配多媒体内容进行展示,例如、图片、视频等等。
下面我们就带大家看一下,如何使用Elementor在你的内容中添加多媒体内容。
Banner是大多网页顶部最常用的一个设计元素。
现在就带大家以About页为例使用elementor创建banner轮播图。
在pages中打开About页面的编辑页面。
点击Edit with Elementor,进入Elementor编辑页面。
首先,点击页面顶部的齿轮图标,页面左侧可以将页面标题隐藏掉。
点击页面右侧的加号图标。
点击Flexbox。
选择第一个结构布局选项。
左侧Layout布局中选择全宽。
Advanced选项卡中,将padding数值设为0。
Style选项卡中,在Background下面点击Slideshow。
点击加号符号。
添加轮播图片。
你还可以设置轮播参数。例如,无限轮播、切换时长、切换效果、背景尺寸、背景位置等等。
点击Layout选项卡,将高度设置为100vh。
如果你想在banner上加文案,为了让文案在视觉上更突出,还可以为整个banner蒙上一层颜色。
具体操作,点击Style选项卡下面的Background Overlay。
点击色卡笔图标,为banner选择一个覆盖颜色。然后选择一个合适的透明度。
接下来再为banner添加文案。左侧工具栏中选择heading。拖动到banner区域松开鼠标。
在左侧输入banner标题文案。
为了让文案更突出,点击Style选项卡,为文案设置白色字体。
再点击Typography把字号调大。你也可以点击Family选择合适的字体。
点击banner模块最上面的六个小点。
在Layout中选择横向轴和竖向轴居中。这样文案就会定位在banner的正中位置。
最后点击右上角的Publish按钮保存设置。
到这里你便成功为网页设置了一个轮播banner。
联系表单可以说是联系页乃至整个网站中最重要的元素之一,他是转化入口,尤其针对B2B行业,网站的销售线索以及询盘大多都是通过表单来传递客户信息。
下面我们一起为联系页定制一个联系表单。
打开Contact页的elementor编辑。
工具搜索栏中输入Form, 便可在下面的工具中看到Form小工具,将其拖动到右侧页面中。
右侧点击表单,然后在左侧对表单进行设置。
首先,在Email选项中设置收件邮箱,To下面输入你的收件箱,就是用哪个邮箱来收询盘。
然后在Form Fileds,中复制name和Email位于Advnced选项卡中的两个短代码。
然后打开Email选项:将两串代码分别复制到From email, from Name, reply to中。
我来解释下分别什么意思:
最后点Publish,表单便设置成功。
这个任务很简单,意思就是为你的网站指定一个首页和一个博客文章列表页。
在指定之前不妨看一下你的Home页和Blog页。
首先,你现在home页的URL可能类似这样:yourdomain.com/home。我们需要首页的链接应该是类似这样:https://theglass.net
另外打开Blog页你会发现文章列表没在这里。我们需要文章列表出现在这个博客首页中。
这一步我们就来解决这两个诉求。具体操作如下:
首先,在左侧导航栏中点击Settings下的Reading。
勾选“A static page”, 并将Homepage设置为“Home”,Posts page设置为Blog。最后点击保存。
保存后你会发现,你的Home页面的URL变为你的主域名。Blog页面也会出现文章列表。
菜单通常位于一个网站的顶部,为来的网站的用户提供导航服务。通常在菜单中包含网站的主要页面,为用户的访问提供便利。下面带大家一起看一下如何创建WordPress网站导航菜单。
首先,在WordPress网站后台左侧导航栏中点击Appearance下的Menus。
右侧输入菜单名称,并点击“Create Menu”。(注:一个网站其实可以创建多个菜单,以用于不同的页面和位置为用户提供导航)。
你也可以在这里勾选“Automatically add new top-level pages to this menu”,让菜单自动出现在页面顶部。
接下来为菜单添加内容。
Pages下面选View All,勾选要在菜单中显示的页面,然后点击Add to Menu。
这样页面便添加到菜单中。点击保存,保存菜单。
你还,可以通过鼠标拖动页面来改变菜单的顺序。
另外如果一个菜单往后拖动,就代表此菜单为上一个菜单的子菜单。
如上图所示,Contact页面就是About页面的子菜单。
当然,菜单中还可以添加文章、产品、产品分类、定制链接等等。
所有设置完成,点击保存菜单,便可以为你的网站成功创建菜单。
这里需要注意,菜单设置成功不等于一定出现在页面顶部,大多数WordPress网站还需要手动编辑,让菜单出现在页面顶部。(我们将在页眉设置中具体讲)
为了让网站更凸显个性和品牌化,我们还需要为网站设置LOGO和Site Icon。这是网站的两个标识。
Logo常见于页眉,页脚或一些页面正文内容中。而Site Icon是浏览器窗口最上面的小图标。
下面我们来网站来设置logo和Site Icon。
点击左侧导航栏Appearance下的Customize。
点击Site Identity。
分别上传Logo和Site icon。并点击Publish按钮发布。
备注:Site Icon要将图片设置为正方形,否则可能显示不完整。
这样,你就成功为网站设置了Logo和Site icon。
现在我们打开网站首页看一下,会发现,顶部菜单没有出现,而且logo很大,显得有点丑。
这是因为我们还没有为网站设置页眉。
这里教给大家如何用Elementor为WordPress网站设置页眉。
具体操作如下:
首先,在左侧导航栏中点击Templates下的Theme Builder。
左侧菜单中点击Header。并点击右侧的,Add New创建一个新页眉。
这时elementor会向你展示很多页眉模板,选择一个你喜欢的风格。直接插入到页面。这样比你从头创建节省大量时间。而且这些模板提前已经在手机、平板等端口帮你做好了适配。
例如,我们选择下图的这个模板。
鼠标过去点击Insert,即可将该页眉导入到你的页眉中。
模板导入之后,我们先点击页面顶部的齿轮图标,给页眉做一个命名。
接下来我们对页眉进行编辑:
首先,更换logo图片。鼠标单击页眉中的图片,然后再左侧点击下图标出的小图标,会打开一个下拉菜单。
下拉菜单中点击Site Logo。这里会使用我们在Customize自定义中设置的网站logo来替换当前的图片。
这其实是一个动态设置,以后你如果在Customize中更换了logo, 基本不需要再来页眉中更换,他会自动帮你更换最新logo。
Style选项卡中,调整Width可以调整Logo的大小。
接下来为了让LOGO在视觉上更突出,我们来更改一下页眉的背景色。鼠标单击下图所示的六个小点。
左侧在Style中Background下面的Color位置输入你需要的背景色号来更改背景色。
点击右侧页眉中的菜单,左侧可以选择创建好的菜单。
接下来,单击页眉中的社交图标,左侧输入对应的社交链接。
编辑完页眉的所有内容后,点击右上角的Publish发布按钮。
这时会弹出,条件设置窗口,单击“Add Condition”
默认会出现,Entire Site。最后点击Save & Close。保存菜单触发条件。
到这里,你便成功为网站设置了页眉。(备注,高级设置中,其实你可以为网站设置多个页眉应用与不同的页面)
前台打开网站首页,便可预览你刚为网站创建的页眉。
页脚顾名思义是位于网站页面最底部的一个内容板块。这里通常显示网站的常用页面链接,网站logo,订阅表单等元素。
它的创建方式跟页眉类似。下面我们使用Elementor为网站创建一个页脚。
左侧导航栏点击Templates下的Theme Builder。
单击左侧菜单的Footer,并点击右上角的Add New。
跟页眉一样,Elementor会提供各种制作好的模板,这些预制模板在手机和平板等端口已经做好适配。选择一个你喜欢的模板,点Insert导入即可。
导入模板后,可以先点击页面顶部的齿轮图标,给页脚做一个命名。
接下来调整Logo以及文案内容。以及背景颜色。(详细操作跟页眉类似,不再赘述)
编辑完页脚的所有内容后,点击右上角的Publish发布按钮。
这时会弹出条件设置窗口,单击“Add Condition”。
默认会出现,Entire Site。最后点击Save & Close。保存菜单触发条件。
到这里,你便成功为网站设置了页脚。(备注,高级设置中,其实你可以为网站设置多个页脚应用与不同的页面)
前台打开网站首页,便可预览你刚为网站创建的页脚。
WordPress网站可以自适应各种移动端设备。但为了更好适配移动端。建议还是要手动检查一下。
我们以About页面为例,打开About页面的elementor编辑页面。
点击页面顶部的端口图片,默认三个端口桌面端、平板端和手机端。点击对应端口,进入对应设备端的编辑。
进入页面,相应调整元素即可,比如缩小字体。
直到右侧预览完美适配移动设备为止。
专业提示:移动端的外观调整不会影响其他端口的显示效果。Elementor对每个端口都提供了对应的外观设计参数入口。
要想查看网站数据,比如访问量、关键词排名、流量来源等。你需要为网站安装谷歌工具,包括:谷歌分析和谷歌搜索控制台。
通过谷歌分析,你可以获取以下数据:
关联谷歌搜索控制台,还可以查看关键词数据以及谷歌自然搜索量数据。
而通过谷歌搜索控制台,你可以获取:
具体两个工具的安装方法,请参考我们的文章:
网站经常需要安装第三方代码,比如,谷歌分析的安装,就需要在网站嵌入一串代码。
下面带大家看一下,如何安装第三方代码。我们这里要用到Elementor工具里的custom code。
下面我们以谷歌分析代码为例看看,如何安装:
首先,点击左侧导航栏Elementor下的Custom Code。
点击New Code。
为代码命名,选择代码位置,并将代码复制到代码区域。
最后点击Publish按钮保存代码。
设置代码条件。例如,应用于全站。最后点击Save & Close按钮保存代码。
恭喜你,代码已成功安装到网站。其他第三方工具代码参考以上操作即可。
你还可以为你的WordPress网站添加多语言。
网站速度是很多网站用户容易忽略的一个重要元素。
这里首先有个误区给大家指出,尤其针对外贸型网站。很多建站公司通过国内服务器为客户创建外贸独立站。这样有一个隐蔽的误区就是,客户自己使用网站打开速度一般会比较快,因为服务器在中国,所以在中国打开一般都会很快。
但这种情况往往忽略了网站最重要的客户绝大多数都是在中国以外的地区。而服务器在中国,国外打开的速度往往会比较慢。
埃克森数字营销在2023年就接过一个这样的案例客户,客户原来做的网站使用的国内服务器,当时客户花了十几万的谷歌广告费用,结果一封询盘也没收到。后来客户找到我们。我们通过谷歌分析和网站速度测试工具发现几个关键数据:
这样我们就得出结论,访客点击客户网站广告,结果没等网站打开就离开了。也就造成广告的钱花了,不用说询盘,客户连网站页面都没看到就离开网站。
一般来讲网站打开速度尽量要控制在三秒内。超出这个时间越长,客户的退出率就越高。
后来我们帮助这个客户重新设计了网站,服务器放在国内,并进行了SEO优化和转出率优化。网站全球打开速度不到2秒。目前即使不跑广告,每月也有2000多的自然流量,按2%的转化,至少每月询盘也在40封以上。
提高网站速度对于积极的用户体验、更高的搜索引擎排名和更高的转化率至关重要。 更快的网站可以降低跳出率、提高互动度,并最终带来更多转化。
提高网站速度如此重要的原因如下:
降低跳出率:用户更有可能离开加载缓慢的网站,从而导致更高的跳出率。
提高互动度:更快的网站可以吸引用户的注意力并鼓励他们浏览更多页面。
提高满意度:流畅、快速的体验会让用户更满意,更有可能再次访问。
Google 排名因素: Google 将网站速度视为排名因素,这意味着速度更快的网站往往在搜索结果中排名更高。
提高知名度:更高的排名会带来更高的知名度和更多的自然流量。
更多销售:更快的网站带来更多交易和更高的收入。
提高转化率:用户更有可能在快速的网站上采取所需的操作(例如,注册表单、进行购买)。
4.移动优化:
移动优先索引:Google 在其搜索索引中优先考虑网站的移动版本,因此移动速度至关重要。
移动用户体验:移动用户对缓慢的加载时间特别敏感,因此速度优化对于这一领域至关重要。
5.成本效益:
长期利益:优化网站速度是一项长期投资,可以在用户参与度和业务增长方面产生可观的回报。
减少广告支出:更快的网站可以带来更好的转化率,从而可能减少对昂贵广告的需求。
本质上,网站速度是影响网站成功各个方面的关键因素,从用户体验到搜索引擎排名和业务成果。
检测网站速度可以使用一下工具:
这些工具使用都比较简单,直接输入网址便可以测试网站速度。
关于如何优化网站速度,埃克森数字营销之前发布过两篇详细的指南文章,大家可以参考:
WordPress 网站的安全至关重要。因为一旦出现安全问题,不管网站目前运营效果再好,一切有可能归零。
为了保护你的网站免受各种威胁,请务必采取一系列安全措施。
这些措施包括保持WordPress 、插件和主题的更新,使用强密码,更改登录页面路径,安装安全插件,以及定期备份你的网站。
以下是一些具体的WordPress 网站安全建议:
WordPress 、插件和主题的更新: 及时更新WordPress 核心、插件和主题是确保安全性的最重要步骤之一。新版本通常包含安全补丁,修复已知的漏洞。
使用最新版本的WordPress: 新版本的WordPress 修复了旧版本中存在的漏洞,并增强了安全性。
使用强密码:创建复杂且独特的密码,包含大小写字母、数字和符号,并且不要在多个网站上重复使用相同的密码。
避免使用默认用户名(admin):默认的”admin” 用户名很容易被攻击者利用,应更改为更安全的用户名。
安装安全插件:安装一个可靠的安全插件,如Wordfence、Sucuri 或iThemes Security,可以提供额外的安全保护,如扫描恶意软件、阻止恶意IP 地址等。
定期备份:定期备份你的网站数据,以便在发生安全事件时能够快速恢复。例如,使用SiteGround服务器,系统自动每天进行一次网站备份,还支持手动备份,并且保留30天备份记录。
更改后台登录地址:修改默认的后台登录页面,例如 /wp-admin,可以防止暴力破解攻击。
禁用文件编辑:在WordPress 后台中禁用文件编辑功能,防止恶意用户修改你的网站文件。
限制登录尝试:限制登录尝试次数,防止暴力破解密码攻击。
安装SSL证书:安装SSL 证书,启用HTTPS,保护用户数据的安全传输。
隐藏WordPress 版本:隐藏WordPress 的版本信息,防止攻击者利用已知漏洞。
管理用户权限:仅授予用户必要的权限,避免权限滥用。
删除不使用的插件和主题:删除不使用的插件和主题,减少潜在的安全风险。
使用可靠的托管服务:选择提供安全保护的WordPress 托管服务,例如支持防火墙和DDoS 保护。
通过采取这些安全措施,你可以显著提高WordPress 网站的安全性,降低被黑客攻击的风险。
视频操作:
WordPress网站引流主要通过SEO、社交媒体推广、内容营销、以及广告投放等方式实现。
以下是一些具体方法:
了解更多:SEO内容中心
了解更多:内容营销中心
WordPress网站引流需要综合运用多种方法,包括SEO、社交媒体推广、内容营销和广告投放等,并根据实际情况不断优化和调整策略。同时,还需要持续关注网站数据,了解用户行为,才能更好地实现引流目标。
WordPress 是一款免费的开源内容管理系统 (CMS),可让你轻松创建和管理网站。它是最受欢迎的网站创建平台之一,支持从个人博客到成熟的商业网站等各种类型的网站。
你需要以下元素来启动你的WordPress网站:
这要分不同的情况,如果你自己建站,只需要买域名和服务器即可。那么域名85元加服务器首年50美元,这样费用也就在500元以内。
如果你寻求第三方建站服务,价格也因技术水平、建站时间、要求难度等因素不同而已,从2000到几万甚至几十万不等。
不需要。WordPress 是一款面向初学者的无代码解决方案。得益于其强大的模块编辑器,你几乎可以通过其可视化界面进行任何更改。
不,市面上有很多其他网站构建工具,例如Wix、GoDaddy等等。但我们相信,WordPress 是构建可在桌面和移动设备上运行的网站的最佳且最便捷的平台。
其他行业专家也同意我们的观点,这就是为什么超过 43% 的网站都使用 WordPress。
大多数网站托管服务提供商在其仪表板上提供一键安装 WordPress 的功能。SiteGround就是其中之一。
WordPress 主题是一系列模板和样式表的集合,用于定义网站的外观。你可以在 WordPress 主题目录或第三方网站找到免费主题。
插件是扩展 WordPress 网站功能的软件附加组件。它们可以为你的网站添加新的功能和特性。你可以在 WordPress 插件目录或第三方网站上找到免费插件。
这个问题没有固定的答案。这取决于你想建什么类型的网站、你的专业水平、你能投入多少时间等等。
一般来说,你可以在一个周末内用 WordPress.com 创建一个基本的网站。正如你上面所看到的,只需完成设计、创建页面和内容,然后发布就足够了。如果你需要更复杂的内容,当然需要更长的时间。
WordPress 本身就已经非常 SEO 友好了。不过,您可以使用 Yoast SEO 或 Rank Math 等 SEO 插件来增强其 SEO 功能。这些插件可以指导你针对搜索引擎优化内容。
是的,你可以使用 WordPress 创建电商网站。WooCommerce 是最受欢迎的电商插件,它提供了您创建在线商店所需的所有基本功能。我们这里有一份关于如何使用WordPress 搭建电商网站的完整指南。
案例1: http://sdkmss.com钢结构外贸网站
案例2:Raizi.eu 五金工具外贸网站
案例3:https://rigrs.com 石油装备外贸网站
案例4:https://zschemi.com 石油化工外贸网站
案例5:https://kf-oiltools.com 石油装备外贸网站
案例6:https://king-racing.com 汽车配件外贸网站
案例7:https://famtun.com 粮储设备外贸网站
需要更专业的外贸网站设计、WordPress建站或SEO优化?把你的需求告诉我们,埃克森数字营销将为你提供更适合海外市场的解决方案。填写信息即可获得免费咨询,我们会尽快与您联系。
您需要帮助吗?请联系我们!
专业SEO优化,外贸网站设计等营销服务。