WordPress新手建站教程

零基础WordPress建站教程:轻松学建站,搭建你的第一个网站无需任何经验!

手把手教你从零开始创建专业WordPress网站。包含详细文案指南、图片操作步骤和视频演示,涵盖域名注册、安装、主题设置到内容发布全流程。立即免费学习!

wordpress建站教程

WordPress建站教程目录

1. WordPress零基础建站视频教程

涵盖WordPress建站的主要步骤和详细要点,从购买域名、服务器、到内容发布、elementor编辑器使用都有包括在内。

一、WordPress建站前期准备:

二、WordPress网站内容发布:

二、WordPress网站自定义:

2. 为什么选择WordPress?

依据WPZOOM的最新统计,WordPress支持43.5%的网站作为其CMS。大约5.33亿个网站是基于WordPress构建的。WordPress以61.2%的份额主导着CMS市场。有超过30000个WordPress主题可供选择。

WordPress网站之所以如此受欢迎,还因为:

  • WordPress是开源且免费的,这意味着你可以自由下载、安装、使用和修改它以满足你的需求。你可以使用它来创建任何类型的网站。
  • WordPress网站非常易于使用,尽管 WordPress 是最灵活、最强大的平台,但对于初学者来说还是相当容易使用。它带有一个简单的仪表板,侧边栏列出了不同的菜单选项。你可以轻松创建文章和页面。
  • WordPress网站完全可定制,WordPress市场中提供大量主题和设计插件,用户可以按照自己的需求定制网站。
  • WordPress网站SEO友好,WordPress 在构建时就考虑到了搜索引擎流量。WordPress 使用高质量的代码和语义标记编写而成。用通俗的话来说,这意味着 Google 和其他搜索引擎都喜欢 WordPress。
  • WordPress安全可靠,WordPress 在开发时就考虑到了安全性,它是一个非常安全的网站运行平台。
  • WordPress 将继续存在。
  • WordPress 定期更新,WordPress 经常发布更新。这些更新涵盖安全更新、小版本发布以及改变 WordPress 使用方式的重大更新。
  • 易于维护,WordPress 维护起来相当简单,尤其是在网站规模不大的情况下。
  • 易于学习,学习 WordPress 入门相当简单。由于访问该软件的门槛很低,任何人都可以安装并使用它。花几个小时探索一下后端,你就能熟悉它,并知道各个控件和设置的位置。
  • 拥有庞大的用户和开发者社区,如果没有庞大、优秀且友好的开发者和用户社区,WordPress 就不可能成为我们今天所熟知的平台。他们来自世界各地,齐心协力,确保每个人都能轻松使用 WordPress。任何人都可以成为该项目的贡献者。

3.WordPress.com vs WordPress.org

在开始搭建你的网站之前,我们先来明确一些重要的事情。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 。
站点所有权 你拥有自己的站点内容,并随时可以移动这些内容。 你拥有自己的站点内容,并随时可以移动这些内容。

4.确定网站目标

建站前,你需要清楚希望通过网站实现什么目标。我们经常看到的一个错误是,人们在没有明确目标的情况下直接开始设计和功能开发。这通常会导致时间浪费,并且网站也无法达到预期目的。

在埃克森数字营销,我们的主要目标是帮助人们学习WordPress网站、SEO相关知识。这决定了我们网站的构建方式:清晰的导航,方便你轻松找到教程;易于访问的免费资源。

你的网站目标可能有所不同。不同类型的网站通常关注以下方面:

网站类型 主要目标 所需关键功能
商业网站 生成销售线索 联系表单、邮件订阅、客户评价
网上商店 进行销售 产品页面、购物车、支付系统
联盟营销网站 推广产品 产品评论、比较表格、跟踪链接
会员网站 限制内容 会员登录、订阅计划、受保护的页面
教育网站 传授技能 课程页面、会员访问、进度跟踪
文件站 展示作品 图片库、项目页面、联系信息
博客 分享内容 简介布局、类别、搜索功能

现实中,很多网站会有多个目标,这也是正常的。

但明确一个主要目标任然很重要,因为这决定要突出哪些号召性用于,以及如何引导用户朝着这个方向发展。清晰的目标将帮助你更好的决定网站的设计、功能和内容策略。

5.为网站购买域名

目标:为你的WordPress网站购买一个域名

域名购买原则:

  • 越短越好:简短的域名更容易记住,以及更容易输入浏览器。建议至少确保少于15个字符。
  • 相关性:使用能反映你品牌或行业的字眼。
  • 避免使用连字符和数字:用户可能更难记住这些内容,并可能导致拼写错误。
  • 考虑你的目标受众:如果你的受众是某一特定地区,可以考虑使用区域性顶级域名,例如,如果你的目标受众为英国,那么可以选用.uk域名。

域名最佳搭配原则推荐:域名=品牌=公司名=行业或产品

域名类型:

  • .com:首选域名类型。也是最受欢迎和认知度最广泛的顶级域名。
  • .net:也是顶级域名。常用于跟网络相关的行业,当然也不限于网络行业,它可以应用于各类行业。
  • 区域域名:国家特定扩展域名,例如.uk, .au, .cn, .us等等。尤其适合特定受众地区的网站。
  • 特定类型域名:如.shop,.AI适用于特定用途的网站。例如,如果你想创建一个AI网站,那可以选用.ai域名。

哪里可以购买域名:

域名的费用,以阿里云为例正常.com域名首次购买价格在85元左右。

如果你要购买国外区域域名,可以优先考虑国外域名平台。比如.com.au, .uk域名等。

以下我们以阿里云为例,演示如何购买域名。

首先打开aliyun.com网站。

阿里云官网

在产品下,点击“域名”。

域名

空格中输入你要购买的域名,并选择域名类型,例如.com,点击查询域名。

查询域名

如果查询显示,域名已注册:

域名已注册

意思是该域名以被他人注册。需要更换其他域名。直到你看到要购买的域名显示价格和注册按钮。说明该域名可以注册和购买,点击立即注册。

注册域名

这时会提示你登录会员或注册,如果你在阿里云已经有账户则登录账户,如果没有,点击注册即可注册一个新账户。

阿里云账号注册

注册也比较简单,输入手机号、验证、账户名、密码即可完成账号注册。

登录阿里云账户(如已有账号,可以直接登录)。

登录阿里云

新账号系统会提示你创建信息模板。个人公司都可以,意思就是该域名的所属者为个人或公司。

勾选持有者以及勾选“我已阅读并同意”,点击“立即购买”。

购买域名

选择支付方式,例如“支付宝”,点“支付”。

提示:购买期限也可以选择一年或多年,购买多年可以防止因忘记续费,域名过期而导致的网站无法打开。

付款方式

扫码,完成支付,域名即可购买完成。

登录会员,点控制台。

阿里云控制台

点击左侧菜单图标,并点击域名。

域名菜单

点击域名列表,即可看到你购买的域名。

域名列表
域名

6.购买服务器主机

目标:为你的WordPress网站购买一个SiteGround服务器主机

域名购买完成后,我们再来为你的WordPress网站购买一个服务器主机用于存储和管理WordPress网站文件。

这里我们带大家购买SiteGround主机。

SiteGound服务器的优点:

  • 针对WordPress进行了优化。可以一键安装WordPress, 并提供转为WordPress网站设计的工具和功能。
  • 速度快。SiteGrouond利用Google Cloud基础架构、优化缓存和固态硬盘来确保网站快速加载。(我们曾经将一个网站从bluehost搬家到SiteGround,在网站内容插件没有任何变动的情况下打开速度提升到不到一秒打开,比原来快了接近3秒。)
  • 安全:SiteGround提供内置安全功能,包括AI保护、全天候服务器监控、以及攻击保护。
  • 正常运行时间和可靠性:SiteGround正常运行时间百分比99%,并利用每日备份来确保数据安全和可靠性。
  • 客户支持:SiteGround通过各种渠道提供全天候客户支持,包括电话、电子邮件和在线聊天。
  • 免费功能:SiteGround套餐中包括免费域名注册、SSL证书、每日备份和免费CDN。
  • 用户友好界面:SiteGround的用户界面设计直观且易于导航,即使是新用户使用也比较简单。

下面带大家一起购买SiteGround主机。

打开siteground网站:https://siteground.com

siteground官网

点击WordPress下面的“For WordPress”。

for WordPress

选择购买套餐:

siteground套餐
  • StarUp:只可以创建1个网站
  • GrowBig:可以创建多个网站,容量20GB
  • GoGeek:可以创建多个网站,容量40GB(原则上GoGeek可以创建网站的数量是GrowBig的两倍)

可以根据自己的需求来选择。不过为了便于测试,对比,建议至少购买GrowBig套餐。

这里我们以GrowBig为例,继续购买,点击“GET PLAN”。

GET PLAN

选择“Existing domain”,并输入你在阿里云中购买的域名。并点击继续按钮。

输入域名

输入账号信息,如果已有账号请点击Login。

账号信息

没有账号继续填写账号及服务器信息:

  • 账号信息:输入邮箱、服务器密码、确认密码。
录入账号信息
  • 客户信息:包括名字、姓、国家、城市、街道地址、邮编、电话、公司(没有可以空着)、税号(没有可以空着)
客户信息
  • 付款方式及付款信息:付款方式包括信用卡和Paypal, 注意paypal也需要关联信用卡,且信用卡要求要有国外支付功能,如master card。输入信用卡卡号、有效期截止月、有效期截止年、持卡人姓名、CVV号(卡背面的三位数)。
付款信息
  • 服务器购买信息:购买期限可以选择一个月、一年、两年。(注:第一次买有优惠建议买尽量长的期限,第二次付费会恢复原价),数据中心(Data Center)可以选择服务器的物理地址,点一下小铅笔图标,会出现一个下拉菜单,根据需要可以选择欧洲、美国、新加坡、澳大利亚等服务器地址。其他额外服务(Extra Service)不需要勾选。
服务器购买信息

最后勾选两个选项,不想收到siteground的邮件订阅,也可以不勾选第二个。点击“PAY NOW”即可完成SiteGround服务器购买。

付款

7.安装WordPress

目标:为你的WordPress网站安装WordPress程序

购买完SiteGround服务器主机后,紧接着要做的就是安装WordPress。

首先,在SiteGround首页,点击Login,输入你的邮箱和密码,登录SiteGround会员。

登录siteground账号

登录后,在顶部菜单中点击“Websites”。

websites

在下面的列表中,你会看到,在购买服务器时,你输入的域名。点击域名右侧的Site Tools。

进入Site-Tools

进入到Site Tools,点击左侧菜单中WordPress下面的“Installation & Manage”。

wp应用安装

右侧,在WordPress位置点击“SELECT”, 如果你使用Woocommerce也可以选择右侧的“WordPress + WooCommerce”,实际操作中,你安装WordPress后,在网站后台可以单独安装woocommerce插件,所以继续按我们的操作往下走即可。

选择WordPress

填写WordPress网站后台登录信息:

  • 后台语言
  • WordPress安装路径
  • 用户名密码
  • 邮箱

点击“INSTALL”安装按钮。

wp后台登录信息

注意:一定要将网站的用户名、邮箱和登录密码记录保存好,后面登录网站后台要用到。

安装完后,这里便显示WordPress版本,以及你的域名。

wp安装完成的状态

到这里你的WordPress程序已安装完成。

附加步骤:

GrowBig套餐可以安装多个WordPress网站,如何添加新网站呢?

很简单,在你登录SiteGround后台,并点击Websites后。点击蓝色的“NEW WEBSITE”按钮。

NEW WEBSITE

选择新网站的服务器地址(Singapore旁边点小铅笔图标可以选服务器地址)、域名类型(如果在siteground买域名点New Domain,如果你已经在阿里云或其他平台购买域名点Existing Domain,如果是临时网站可以选临时域名Temporary Domain)。

新网站网址选择

提示:服务器地址选定好后,以后更改需要收取5美元的费用。所以尽量一次性选好。

这里我们用阿里云已购域名,所以选Existing Domain。

选择已有域名

输入你的域名。并点击“Continue”按钮继续。

输入域名

在Start New Website下面点击“SELECT”按钮。

开启新网站

选择WordPress。

选择WordPress

输入网站后台登录邮箱和密码,并点击“CONTINUE”按钮。

注意:一定要将网站的用户名、邮箱和登录密码记录保存好,后面登录网站后台要用到。

后台登录信息设置

弹窗中直接点“NO, THANK YOU”,不需要勾选其他付费选项。

无需勾选弹窗选项

最后点击“FINISH”按钮。等待一分钟左右即可完成新网站的WordPress安装。

8.域名解析

目标:将域名解析到服务器主机

首先在SiteGround服务器后台中,点击Websites。

对应域名右侧,点击Site Tool。

进入Site-Tools

在页面右侧的网站信息中,复制IP地址:

复制网站IP地址

现在打开阿里云,登录账号,点击控制台。

阿里云控制台

点击左侧菜单图标,并点击域名。

域名菜单

点击域名列表,即可看到你购买的域名。

域名列表
域名

点击对应域名右侧的“解析”。

解析

点击“添加记录”按钮。

添加记录

添加第一个A记录:记录类型按默认的A记录,主机记录输入“www”,解析请求来源按默认,记录值粘贴刚在SiteGround复制的那串IP地址数字,TTL按默认,最后点“确定”按钮。

A记录

添加第二个A记录:

再次点击“添加记录”按钮。

记录类型按默认的A记录,主机记录输入“@”,解析请求来源按默认,记录值粘贴刚在SiteGround复制的那串IP地址数字,TTL按默认,最后点“确定”按钮。

第二个A记录

这样两个A记录就添加完成。

A记录-两个

等待30分钟左右(一般十分钟差不多解析就会生效。)

到这里,你的域名解析完成,域名以及和服务器关联。

如果还是打不开可以多等待一会儿,也可以用工具https://site-shot.com输入网址预览。

9.安装SSL证书

目标:为你的WordPress网站安装SSL安全证书

这一步,我将带你为网站安装SSL安全证书。

登录SiteGround,点击Website选项,点击对应网站的Site Tools。

进入Site-Tools

进入Site Tools后,点击左侧菜单Security下面的SSL Manager,右侧选择“Let’s Encrypt”,并点击“GET”按钮。

获取SSL证书

出现以下提示,说明SSL证书已安装成功。

ssl安装成功

点击左侧菜单Security下面的“HTTPS Enforce”, 右侧打开该设置,如下图所示。

强制SSL

到这里,你的SSL安全证书已成功安装。网站打开,就可以看到一个小锁的标志。

带有安全证书的网站

10.登录WordPress网站后台

目标:学习如何登录WordPress网站后台

有两种方式可以登录WordPress后台。

第一种登录WordPress网站后台的方法:用后台登录网址登录后台,一般后台登录网址在域名的后面加/wp-admin。

例如,假设你的网址为yourdomain.con,那么后台登录网址为https://yourdomain.com/wp-admin, 输入你在安装WordPress那一步设置的会员名或邮箱以及密码,即可登录WordPress网站后台。

后台登录页面

第二种登录WordPress网站后台的方法:使用SiteGround服务器登录网站后台。

打开对应网站的Site Tools,左侧菜单栏中点击WordPress下的Install & Manage, 右侧点击带有箭头的图标,即可直接登录WordPress网站后台。

通过服务器登录wp后台

11.WordPress后台介绍及基础设置

目标:学习了解WordPress网站后台,以及对WordPress进行基础设置

登录WordPress网站后台后。你可以看到网站的后台外观,大致可以分为三个区域,如下图所示:

  1. ①为顶部工具栏,比如这里可以打开前台页面,或编辑个人信息。
  2. ②为左侧导航栏,这里有更新提示、文章、媒体库、页面、产品、评论、插件、外观、用户、工具、设置等。
  3. ③为内容区,即点击左侧的导航栏,这里会显示对应的内容,例如你点击Posts,这里就会显示你网站的所有文章列表。
wp后台

第一次登录,从上图可以看到3号内容区中有大量的信息。有很多人喜欢干净的页面,不想看到这么多的信息。接下来告诉大家如何选择在内容区显示或不显示某些板块的内容。

点击内容区上方的“Screen Option”, 如果不想在这里看到大量信息,可以全部取消勾选。

屏幕选项

取消勾选后,就会变成这个样子:

整理后台首页

整洁干净了吧。

接下来,我们对WordPress进行一些基础的设置。

点击左侧导航菜单中Settings下的“General”进行以下基础设置。

通用设置

输入相关信息后,点保存即可:

网站通用设置信息

接下来,在菜单Settings下点击Reading。右侧Search Engine Visibility这里勾选。然后点保存。

勾选这里的意思,就是不让搜索引擎来抓取网站。因为目前网站是新网站,没有有效内容,等你把网站内容设计完成之后,一定想着回来把这个选项取消勾选。这样搜索引擎就会过来抓取并收录网站。

网站搜索引擎收录设置

最后,点击左侧菜单Settings下的Permalink,设置永久链接,这里右侧一定一定选择Post name(目前默认选项应该就是这个),点击保存。这种结构有助于SEO优化。

注意:这里的链接结构设定完之后,不要随意改动,否则会影响到网站的SEO效果。

永久链接结构

到这里,WordPress网站的基础设置便完成了。

12.安装WordPress主题

目标:为WordPress网站安装Hello主题

为什么选择Hello主题?

这里讲一下为什么选择Hello主题:

  • 这个主题是轻量化主题。进需要6KB的资源,比大多数主题轻得多。
  • 加载时间仅为1/4秒,为用户提供无缝体验。
  • 专为实现最佳页面速度和性能而构建,通过更好的用户体验和更低的跳出率直接或间接地提高你的搜索引擎排名。
  • 搭配Elementor页面编辑器,将更换主题对网站的影响最小化。
  • 默认移动端响应可根据设备进行定制。

WordPress主题就相当于网站的皮肤,每个主题都有自己的风格。当然主题页分为免费主题和付费主题。

下面带大家操作如何为你的WordPress网站安装Hello主题:

登录WordPress后台,在左侧导航栏中点击Appearance下的“Themes”,便能看到你网站已安装的默认主题。其中有Active标识的是你网站目前正在使用的默认主题。

默认主题

多余的主题,你可以在主题位置,点击一下,然后点Delete删除即可。

删除主题

接下来点击Add Theme。

添加主题

页面中会显示大量常用的主题,你可以根据自己的喜好选择。我们这里选择添加Elementor旗下的Hello主题。

你也可以在Search Themes中输入Hello,来搜索该主题。点击Hello主题。

选择Hello主题

点击“Install”安装按钮。

点击安装

安装完成后,点击“Activate”激活按钮,激活Hello主题。

激活主题

恭喜!你已成功为网站安装了新的Hello主题。

13.安装插件

目标:安装网站必需的插件

插件是扩展和添加WordPress现有功能的方法。WordPress的核心设计精简轻量,旨在最大限度地提高灵活性并最大限度地减少代码膨胀。插件提供自定义功能和特性,以便每个用户都可以根据自己的特定需求定制网站。

安装WordPress插件的重要原因:

  • 增强功能:WordPress 插件提供了核心平台默认不包含的丰富功能。 这些插件可以添加新功能,例如联系表单、社交媒体分享按钮、电子商务功能等等。
  • 改善用户体验:插件可以增强网站的用户界面和导航,使其更加用户友好并改善整体用户体验。
  • 搜索引擎优化(SEO):一些插件专门设计用于通过优化内容和提供 SEO 工具来提高网站在搜索引擎结果中的可见性。
  • 安全:安全插件保护网站免受威胁和漏洞的侵害,确保数据和用户的安全。
  • 性能优化:插件可以帮助优化网站的性能,确保更快的加载时间和更好的整体用户体验。
  • 定制:插件允许网站所有者根据特定的需求和目标定制他们的网站,使其更具活力和吸引力。
  • 方便:插件提供了一种方便、有效的方式来添加功能,而无需从头开始编写代码。

还有一个重要原因就是,我们本教程中的所有页面、文章、产品的编辑和设置大部分都需要靠Elementor来实施。

安装插件需要注意什么?

  1. 插件冲突:插件可能会相互冲突或与你的主题冲突,导致功能出现故障甚至破坏你的网站。即使插件最初看起来兼容,也可能会出现冲突,因为更新可能会引发问题。
  2. 安全漏洞:插件是黑客的常见目标,因此选择来自信誉良好的来源的插件非常重要。检查定期更新,因为过时的插件可能容易受到安全漏洞的影响。考虑使用安全扫描器在安装之前验证插件的安全性。
  3. 网站性能影响:如果插件添加了不必要的代码或消耗了太多的资源,那么它可能会降低你的网站速度。网站加载过多插件会导致加载时间变慢,影响用户体验和 SEO。
  4. 插件原则:非必要不安装。有些人有用没用先装一堆插件,会给网站带来潜在风险和影响网站性能。

插件种类

按是否付费分为免费插件和付费插件。

免费插件在后台的插件库中搜索即可安装使用。

付费插件一般在后台的插件搜索中是搜不到的,需要到官方购买后,下载安装包,然后通过后台上传到网站进行安装和激活。

插件安装方法:

  1. 从WordPress网站后台导航栏Plugins中安装
  • 导航到后台Plugins
  • 使用上传功能上传插件ZIP文件
  • 在插件目录中搜索插件,然后点击“立即安装”,最后单击“激活”
  1. 手动安装:直接通过FTP客户端将插件文件上传到目标目录(例如wp-content/plugins)。非专业人员不建议这样操作。

本教程中需要安装的插件:

  • Elmentor插件:这是我们用来编辑页面的可视化拖拽工具。这个插件是我们重点在后面的教程中使用的一个页面设计工具。
  • Elementor pro插件:这是Elementor插件的付费版本。
  • Yoast插件:这是SEO插件。
  • Speed Optimizer插件:这是SiteGround服务器主机出品的用于删除缓存提升速度性能的工具。
  • Security Optimizer插件:这是SiteGround服务器主机出品的安全插件。

插件安装步骤

首先,登录WordPress网站后台,左侧导航栏中点击Plugins下的“Add Plugin”。

添加插件

我们先来安装Elementor插件。搜索框中搜索Elementor。

搜素Elementor插件

找到对应的Elmentor插件,点击Install Now:

安装插件

安装完成后,紧接着点击:Activate 激活插件。

激活插件

这样Elementor插件便成功安装。

安装完成会弹出一个页面点右上角的叉号退出即可。

同样道理,在插件中搜索Yoast,安装并激活。

至于Elementor pro插件是付费版,需要先购买,然后在后台上传到网站。我想在下一部分内容中专门介绍。

其他两个插件Speed Optimizer和Security Optimizer,因为我们使用的是SiteGround服务器,wordPress安装后系统会自动帮你安装好这两个插件。

其他常用插件列表:

搭配Elementor使用的常用扩展插件:

这类插件基本都是付费插件。主要用于拓展Elementor的一些设计功能。

14.为网站选定页面编辑器插件:Elementor Pro

Elementor页面构建插件是WordPress网站最常用的页面编辑工具。据统计,全球有17.4%的网站使用Elementor页面编辑器。这从WordPress后台安装Elementor插件的时候也能看到它的安装数据非常惊人,已有超过1000万次安装。

elementor拥有超过1000万次安装

Elementor基础插件是免费的,可使用一些基础的工具和功能。想解锁Elementor所有功能,需要Elementor pro插件。

为什么要选择Elementor Pro插件?

  1. 拖拽式设计方式:就算新手不需要懂代码就可以使用。
  2. 直观的设计界面:Elementor Pro 拥有极其友好的用户界面,即使是技术背景有限的用户也能轻松上手网站设计。
  3. 高级自定义选项:Elementor Pro 提供了丰富的小部件和设计选项,使我能够定制网站的各个方面。
  4. 用于动态显示的强大内容小部件:Elementor pro丰富的小部件对于展示复杂的内容尤其有用。“文章”、“作品集”和“幻灯片”等小部件让用户能够以动态且引人入胜的方式展示内容。
  5. SEO优化,扩大影响力:Elementor Pro 内置了 SEO 友好功能,确保网站在搜索引擎中排名靠前。
  6. 响应式和移动友好设计:在当今移动优先的世界里,拥有一个在所有设备上都能完美运行的网站至关重要。Elementor Pro 确保网站不仅拥有出色的视觉吸引力,而且响应速度极快。这种响应能力确保无论使用何种设备都能访问网站。

并且,Elementor几乎可以胜任所有页面、文章、产品的设计与编辑。尤其针对新手不懂代码,使用elementor可以快速入门创建属于自己的网站。

Elementor Pro插件的主要功能:

  1. 主题生成器:使用 Elementor 的可视化界面设计整个 WordPress 主题(页眉、页脚、单一文章、博客首页、产品列表页、单一产品页、404页、搜索页等),无需自定义编码。
  2. 高级小部件:访问更广泛的小部件,包括表单、滑块、图库、文章列表、作品集等,增强设计灵活性。
  3. 弹窗生成器:使用相同的 Elementor 界面和小部件设计和自定义弹出窗口,允许你在特定页面或操作触发它们。
  4. 表单生成器:以可视化的方式创建和定制具有各种字段类型的表单,并将它们与营销工具集成。
  5. 动态内容:显示来自其他插件(如高级自定义字段 (ACF)、工具集或 Pod)的内容,使网站更具活力和吸引力。
  6. 自定义 CSS:向特定元素、部分或整个站点添加自定义样式和代码,以更好地控制设计。
  7. 自定义字体和图标:上传自定义字体和图标以匹配你的品牌标识并创建独特的视觉风格。
  8. 拖放编辑器:使用用户友好的拖放界面构建页面,允许实时进行视觉设计更改。
  9. 响应式设计:创建完全响应并适应各种设备(台式机、平板电脑、手机)的网站。
  10. 合作:与其他人合作完成 Elementor 项目,实现高效的团队合作。
  11. 全局设置:为你的网站定义全局设置(字体、颜色、小部件)并在多个页面上重复使用它们,确保一致性。
  12. Elementor AI:利用人工智能功能来生成和增强网站设计、内容和图像。
  13. WooCommerce 集成:使用 Elementor 设计和定制你的 WooCommerce 商店的页面(列表、产品、结帐等)。

如何购买Elementor插件

你可以通过埃克森数字营销官网购买。优点是价格优惠、确保正版、后台可更新、包安装、直接使用。购买入口。

当然你也可以选择在Elementor官方网站购买。下面主要演示如何在官方购买Elementor Pro插件。

首先打开elementor官方网站。点击菜单Pricing下面的“Page Builder Pro Plugin”。

点击页面编辑器插件

这里建议选择第二个套餐“ADVANCED SOLO”。点Buy Now。(第一个套餐虽然价格低,但有些够能被砍掉了,例如弹窗、定制代码,以及一些电商功能都不包含在内)

选择套餐

付款页面需要注册一个新会员,如果已有账号可以点Sigin 登录。

注册或登录账号

然后需要输入你的账单信息,填完点“Continue”按钮继续。

输入账单信息

最后一步,选择付款方式:信用卡或Paypal,并点击Pay now按钮完成付款。

完成支付

如何在WordPress网站安装并激活Elementor pro?

购买 Elementor Pro后,转到你的 “my Elementor”后台。

单击下载图标。

点击下载

将Elementor pro插件压缩包下载到电脑。

下载到电脑
elementor pro安装包

WordPress网站后台中,在左侧导航中点击Plugins下的Add New Plugin。

添加插件

点击Upload Plugin

上传插件

点Choose file选择刚下载的Elementor pro安装包,单击Install Now按钮安装插件。

安装Elementor pro

安装完成之后,点击立即激活。

激活elementor pro

回到插件列表,在Elementor pro插件下点击Connect & Activate。会跳转到你的elementor账户。

关联Elementor pro

到这里你的Elementor pro已经成功安装并激活。

Elementor插件设置

安装并激活Elementor pro插件后,需要对插件进行设置。进入设置需要点左侧导航栏中Elementor下的Setings。

elementor设置

General(通用设置)

  • Post Type(文章类型):选择Elementor 的使用场景。选中后,该类型的页面、文章、落地页或产品的“使用 Elementor 编辑”按钮将可用。未选中后,该类型将无法使用 Elementor 编辑。
  • Disable Default Colors:选择是否使用主题的颜色设置或让Elementor控制它
  • Disable Default Fonts:选择是否使用主题的排版设置或让Elementor控制它
  • Improve Elementor 使用数据跟踪:通过启用此功能,将帮助elementor官方了解你使用Elementor的方式,并帮官方改进。

Integration(集成)

集成设置允许你根据需要选择性地将Elementor与第三方 API 连接。

  • reCAPTCHA:reCAPTCHA 是 Google 提供的一项免费服务,可保护你的网站免受垃圾邮件和滥用的侵害。请在此处粘贴你的 reCAPTCHA 站点密钥和密钥。
  • reCAPTCHA v3:reCAPTCHA v3 是 Google 提供的一项免费服务,可保护你的网站免受垃圾邮件和滥用的侵害。请在此处粘贴你的 reCAPTCHA 站点密钥和密钥,并输入你的分数阈值。分数阈值应介于 0 到 1 之间。默认值为 5
  • Facebook SDK:Facebook SDK 可让你连接到你的专用应用程序,以便跟踪你网站上的Facebook Widgets分析数据。请在此处输入你的APP ID
  • Mailchimp:输入你的 API 密钥,然后单击“验证 API 密钥”按钮,将 Mailchimp 与Elementor 的 表单小部件集成
  • Drip:输入你的 API 令牌,然后单击“验证 API 令牌”按钮以将 Drip 与Elementor 的表单小部件集成
  • ActiveCampaign:输入你的 API 密钥和 API URL,然后单击“验证 API 密钥”按钮将 ActiveCampaign 与Elementor 的表单小部件集成
  • GetResponse:输入你的 API 密钥,然后单击“验证 API 密钥”按钮,将 GetResponse 与Elementor 的表单小部件集成
  • ConvertKit:输入你的 API 密钥,然后单击“验证 API 密钥”按钮,将 ConvertKit 与Elementor 的表单小部件集成
  • MailerLite:输入你的 API 密钥,然后单击“验证 API 密钥”按钮,将 MailerLite 与 Elementor 的 表单小部件集成
  • Woocommerce 迷你购物车模板:设置为禁用,以便使用你的主题或 WooCommerce 的迷你购物车模板,而不是 Elementor 的
  • TypeKit:将 TypeKit 的数千种字体集成到Elementor中。输入你的 TypeKit项目 ID,然后单击“获取项目 ID”按钮
  • Font Awesome Pro:输入你的 Font Awesome Pro Kit ID,然后单击“验证 Kit ID”按钮

Advance (高级)

  • Switch Editor Loader Method/切换编辑器加载器方法:如果发生服务器配置冲突,请启用此选项
  • Enable Unfiltered File Uploads/启用未过滤文件上传:启用或禁用上传 SVG、JSON 和其他未过滤文件的功能。 请注意!允许上传任何文件(包括 SVG 和 JSON)都存在潜在的安全风险。Elementor 将尝试清理未过滤的文件,删除潜在的恶意代码和脚本,但我们建议你仅在了解相关安全风险的情况下才启用此功能。
  • Google Fonts/Google 字体:切换到禁用以防止加载 Google 字体。
  • Google Fonts Load/Google 字体加载:定义你的网站如何加载 Google 字体。
  • Load Font Awesome 4 Support/加载 Font Awesome 4 支持:选择“是”或“否”。Font Awesome 4 支持脚本 (shim.js) 是一个脚本,可确保在使用 Font Awesome 5 库时正确显示所有先前选择的 Font Awesome 4 图标。
  • Generator Tag/生成器标签:允许你使用生成器标签元元素分析网页。

* 切换编辑器加载器方法有助于解决有时出现的“err_content_decoding_failed”和“err_empty_response”问题。启用此选项可帮助在资源不足的服务器上运行网站且难以读取长 JSON 代码的用户。启用后,该工具会拆分行,以便这些服务器能够顺利读取 JSON 代码。切换到此方法不会对性能产生负面影响,反而可能会提高性能。此工具有时也有助于解决死机白屏问题。

Performance (性能)

  • CSS Print Method/CSS 打印方法:选择你的 CSS 是否作为独立样式表(推荐)或包含在每一页中。
  • Optimized Image Loading/优化图像加载:通过在 LCP 图像上应用 fetchpriority=”high” 以及在折叠以下图像上应用 load=”lazy” 来提高性能。
  • Optimized Gutenberg Loading/优化 Gutenberg 加载:通过忽略未使用的 Gutenberg 块编辑器脚本和样式来减少页面加载时间。

Features(特性)

这里有elementor推出的一些新的测试功能,可以点Activate all选择全部开启。

激活新功能

这样可以使用Elementor的一些最新功能。

到这里,基本上网站的前期准备工作都完成了。下一步我们开始为发布内容。

15.发布内容:页面、文章和产品

WordPress网站的内容通常以页面、文章和产品的形式来展现。

  • 页面是WordPress网站后台导航栏中的Pages。
  • 文章是WordPress网站后台导航栏中的Posts。
  • 产品通常是使用特定插件工具来创建,例如WooCommerce。当然,你也可以用pages来创建产品。

如何发布页面

常见的页面有:首页、关于、联系页、博客列表页等。

首先我们来看一下如何创建这些页面。

在WordPress网站后台左侧导航栏中点击Pages中的Add Page。

添加页面

在标题位置输入页面名称(例如Home),并点击右上角的Publish发布按钮。

发布页面

重复此操作,分别建立About,Contact,和Blog页面。点击左侧导航栏Pages下的All Pages我们便得到网站常用的这些页面:

常见页面

到这里我们便建立了页面。但还没有在页面中发布内容。下面,我们以Home页面为例,为该页面添加内容。

鼠标点击Home,进入编辑页面:

进入编辑页面

紧接着点击“Edit With Elementor”。进入到Elementor编辑页面:

点击Edit with Elementor

等待加载完成后,我们便进入到了Elementor拖拽式设计页面,左侧区域为小工具,以及设置外观。右侧区域为页面显示区域。最上面为导航栏。

elementor编辑页面

想使用哪个工具就在左侧鼠标左键点住改工具然后往右侧加号位置拖动,松开鼠标,内容就过来了。

编辑完内容后一定记得点击右上角的“Publish”按钮进行发布,也相对于对内容进行保存。否则如果你没有点击Publish,便关闭页面的话,你上次编辑的所有内容会丢失。

发布页面elementor编辑

因为我们当前用的是Elementor pro付费版本,该工具会提供一些设计好的模块或页面,帮助你快速设计页面。

接下来我告诉你如何调用这些现成的素材。

发布完之后,点击左上角的Elementor图标下拉菜单中的Exit To WordPress便可退出Elementor编辑。

退出Elementor编辑

单击Slug,点击Permalink下面的链接。

点击页面链接

便可打开页面查看你的设计成果。

查看页面

如何发布文章

发布文章在左侧导航栏Posts下点“Add post”。

添加文章

输入文章题目,右侧添加Featured image, 这个图片可以在文章列表中显示,以及在文章分享到社交网站的时候也会显示。输入一段文章摘要,最后点击Plublish发布。

发布文章

文章正文的编辑你可以使用WordPress默认编辑器在文章题目下方进行编辑。我们这里重点讲如何用elementor发布文章。点击Edit with Elementor按钮,进入Elementor编辑页面:

进入Elementor编辑

现在文章的编辑页面其实跟上面讲过的页面基本一样,甚至更简单,因为文章内容基本都是文本和图片来构成。

可以从左侧小工具中拖动Text Editor到右侧内容区来添加内容。

文案工具

然后再点击顶部的加号,返回小工具页面,拖动Image到右侧添加图片。

添加图片

最后点击右上角的Publish发布文章。

预览文章,可以点这个箭头隐藏工具区,对文章进行预览。

预览文章

然后再次点击此箭头便可恢复工具去。最后点击左上角的Elementor图标下面的Exit to WordPress便可返回后台页面。

返回wordpRESS

点击All Posts, 可以看到你所有的文章。

文章列表

鼠标在文章标题下面点击“View”便可以打开文章前台页面,查看文章。

另外你还可以点击Categories和Tage对文章添加分类和标签。

详情操作,请参考以下视频。

如何发布产品

产品的发布其实有多种途径。我们在本教程中主要介绍两种。

  • 通过页面发布产品
  • 通过WooCommerce商城插件系统发布产品
如何通过页面发布产品?

通过页面发布产品其实类似我们上面讲的如何发布页面。只是页面内容为产品内容。具体操作如下:

页面 > 新建页面。

添加页面

使用Elementor页面构建器输入产品内容。当然你还可以创建一个产品列表页,例如Products页面,将所有产品在这里列出,并添加对应产品的链接。

产品列表
如何通过WooCommerce插件发布产品?

首先需要再后台Plugins点击Add Plugin。

添加插件

搜索Woocommerce,找到对应插件:

woocommerce插件

安装并激活Woocommerce插件。

激活后,你的导航栏中就会多了一个Products。

产品菜单

要添加产品,直接点击Products下的Add new product。

添加新产品

接下来输入产品信息即可:

  • 产品标题
  • 产品描述
  • 产品短描述
  • 产品图片
  • 产品多图
  • 产品分类
  • 产品标签
  • 产品品牌

如果你是B2C行业,还可以输入

  • 产品价格
  • 产品库存

输入所有信息后点发布按钮。

输入产品信息

第一次安装WooCommerce可能还有一个店铺调查。按你实际情况填写即可。尤其B2B行业,可以直接跳过。

店铺信息

产品描述也可以用Elementor来编辑。需要先打开Elementor编辑权限。左侧菜单栏中点击Elementor下的Settings,右侧勾选Products并保存设置。

elementor勾选产品

你的产品页面就会出现Edit with Elementor选项:

elementor编辑按钮

这里添加的是产品描述部分。具体操作跟页面编辑类似。只需要将需要的小工具拖动到右侧,并编辑,最后点发布即可。

另外woocommerce会自动生成一个产品列表页名为SHOP。如果是B2B行业,你也可以在Pages里面创建一个名为Products的页面。然后点击左侧导航栏Woocommerce下的Settings。点击Products选项卡,Shop page下拉菜单中选择刚创建的Products,点击保存。你的产品列表页便替换为Products页面。

店铺页面设置

最后记得检查一下Site Visibility。一定要设为Live,这样产品列表在前台才能显示。

激活产品页

视频教程:

16.内容添加多媒体

网页、文章、产品中除了展示文案内容以外,其实还可以搭配多媒体内容进行展示,例如、图片、视频等等。

下面我们就带大家看一下,如何使用Elementor在你的内容中添加多媒体内容。

视频教程:

Banner是大多网页顶部最常用的一个设计元素。

现在就带大家以About页为例使用elementor创建banner轮播图。

在pages中打开About页面的编辑页面。

打开关于页面的编辑

点击Edit with Elementor,进入Elementor编辑页面。

进入关于页面的Elementor编辑

首先,点击页面顶部的齿轮图标,页面左侧可以将页面标题隐藏掉。

隐藏页面标题

点击页面右侧的加号图标。

点击加号

点击Flexbox。

点击Flexbox

选择第一个结构布局选项。

第一个结构布局

左侧Layout布局中选择全宽。

全宽设置

Advanced选项卡中,将padding数值设为0。

padding设为0

Style选项卡中,在Background下面点击Slideshow。

点击slideshow

点击加号符号。

点击加号

添加轮播图片。

添加轮播图

你还可以设置轮播参数。例如,无限轮播、切换时长、切换效果、背景尺寸、背景位置等等。

轮播设置

点击Layout选项卡,将高度设置为100vh。

最低高度设置为100VH

如果你想在banner上加文案,为了让文案在视觉上更突出,还可以为整个banner蒙上一层颜色。

具体操作,点击Style选项卡下面的Background Overlay。

上色选项

点击色卡笔图标,为banner选择一个覆盖颜色。然后选择一个合适的透明度。

设置颜色背景

接下来再为banner添加文案。左侧工具栏中选择heading。拖动到banner区域松开鼠标。

添加标题文案

在左侧输入banner标题文案。

输入标题文案

为了让文案更突出,点击Style选项卡,为文案设置白色字体。

设置字体颜色

再点击Typography把字号调大。你也可以点击Family选择合适的字体。

设置字体大小

点击banner模块最上面的六个小点。

点选模块

在Layout中选择横向轴和竖向轴居中。这样文案就会定位在banner的正中位置。

设置文案位置

最后点击右上角的Publish按钮保存设置。

到这里你便成功为网页设置了一个轮播banner。

视频教程:

18.为联系页定制询盘表单

联系表单可以说是联系页乃至整个网站中最重要的元素之一,他是转化入口,尤其针对B2B行业,网站的销售线索以及询盘大多都是通过表单来传递客户信息。

下面我们一起为联系页定制一个联系表单。

打开Contact页的elementor编辑。

工具搜索栏中输入Form, 便可在下面的工具中看到Form小工具,将其拖动到右侧页面中。

添加表单工具

右侧点击表单,然后在左侧对表单进行设置。

首先,在Email选项中设置收件邮箱,To下面输入你的收件箱,就是用哪个邮箱来收询盘。

表单收件箱

然后在Form Fileds,中复制name和Email位于Advnced选项卡中的两个短代码。

短代码

然后打开Email选项:将两串代码分别复制到From email, from Name, reply to中。

我来解释下分别什么意思:

  • From email:会显示在你的询盘收件邮箱中发件人的email。
  • From name:显示发件人的名字。
  • Reply to:当你在收件箱中点回复的时候对应的邮箱。
设置对应的短代码

最后点Publish,表单便设置成功。

视频教程:

19.设置静态页面:首页和博客列表页

这个任务很简单,意思就是为你的网站指定一个首页和一个博客文章列表页。

在指定之前不妨看一下你的Home页和Blog页。

首先,你现在home页的URL可能类似这样:yourdomain.com/home。我们需要首页的链接应该是类似这样:https://theglass.net

url链接结构

另外打开Blog页你会发现文章列表没在这里。我们需要文章列表出现在这个博客首页中。

博客首页

这一步我们就来解决这两个诉求。具体操作如下:

首先,在左侧导航栏中点击Settings下的Reading。

点击设置中的READING

勾选“A static page”, 并将Homepage设置为“Home”,Posts page设置为Blog。最后点击保存。

静态页面设置保存

保存后你会发现,你的Home页面的URL变为你的主域名。Blog页面也会出现文章列表。

视频教程:

菜单通常位于一个网站的顶部,为来的网站的用户提供导航服务。通常在菜单中包含网站的主要页面,为用户的访问提供便利。下面带大家一起看一下如何创建WordPress网站导航菜单。

首先,在WordPress网站后台左侧导航栏中点击Appearance下的Menus。

menus菜单

右侧输入菜单名称,并点击“Create Menu”。(注:一个网站其实可以创建多个菜单,以用于不同的页面和位置为用户提供导航)。

创建菜单

你也可以在这里勾选“Automatically add new top-level pages to this menu”,让菜单自动出现在页面顶部。

接下来为菜单添加内容。

Pages下面选View All,勾选要在菜单中显示的页面,然后点击Add to Menu。

添加菜单页面

这样页面便添加到菜单中。点击保存,保存菜单。

保存菜单

你还,可以通过鼠标拖动页面来改变菜单的顺序。

另外如果一个菜单往后拖动,就代表此菜单为上一个菜单的子菜单。

编辑菜单

如上图所示,Contact页面就是About页面的子菜单。

当然,菜单中还可以添加文章、产品、产品分类、定制链接等等。

其他页面类型添加到菜单

所有设置完成,点击保存菜单,便可以为你的网站成功创建菜单。

这里需要注意,菜单设置成功不等于一定出现在页面顶部,大多数WordPress网站还需要手动编辑,让菜单出现在页面顶部。(我们将在页眉设置中具体讲)

视频教程:

21.设置Logo和Site Icon

为了让网站更凸显个性和品牌化,我们还需要为网站设置LOGO和Site Icon。这是网站的两个标识。

Logo常见于页眉,页脚或一些页面正文内容中。而Site Icon是浏览器窗口最上面的小图标。

logo和site icon示例

下面我们来网站来设置logo和Site Icon。

点击左侧导航栏Appearance下的Customize。

自定义

点击Site Identity。

site identity

分别上传Logo和Site icon。并点击Publish按钮发布。

备注:Site Icon要将图片设置为正方形,否则可能显示不完整。

上传logo和site icon

这样,你就成功为网站设置了Logo和Site icon。

logo和SITE ICON设置成功

视频教程:

22.设置页眉

现在我们打开网站首页看一下,会发现,顶部菜单没有出现,而且logo很大,显得有点丑。

网站预览

这是因为我们还没有为网站设置页眉。

这里教给大家如何用Elementor为WordPress网站设置页眉。

具体操作如下:

首先,在左侧导航栏中点击Templates下的Theme Builder。

主题构建器

左侧菜单中点击Header。并点击右侧的,Add New创建一个新页眉。

创建新页眉

这时elementor会向你展示很多页眉模板,选择一个你喜欢的风格。直接插入到页面。这样比你从头创建节省大量时间。而且这些模板提前已经在手机、平板等端口帮你做好了适配。

例如,我们选择下图的这个模板。

页眉模板

鼠标过去点击Insert,即可将该页眉导入到你的页眉中。

插入模板

模板导入之后,我们先点击页面顶部的齿轮图标,给页眉做一个命名。

命名页眉

接下来我们对页眉进行编辑:

首先,更换logo图片。鼠标单击页眉中的图片,然后再左侧点击下图标出的小图标,会打开一个下拉菜单。

更换logo

下拉菜单中点击Site Logo。这里会使用我们在Customize自定义中设置的网站logo来替换当前的图片。

这其实是一个动态设置,以后你如果在Customize中更换了logo, 基本不需要再来页眉中更换,他会自动帮你更换最新logo。

site-logo

Style选项卡中,调整Width可以调整Logo的大小。

调整LOGO尺寸

接下来为了让LOGO在视觉上更突出,我们来更改一下页眉的背景色。鼠标单击下图所示的六个小点。

选定菜单container模块

左侧在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。保存菜单触发条件。

保存触发条件

到这里,你便成功为网站设置了页脚。(备注,高级设置中,其实你可以为网站设置多个页脚应用与不同的页面)

前台打开网站首页,便可预览你刚为网站创建的页脚。

视频教程:

24.移动端自适应

WordPress网站可以自适应各种移动端设备。但为了更好适配移动端。建议还是要手动检查一下。

我们以About页面为例,打开About页面的elementor编辑页面。

点击页面顶部的端口图片,默认三个端口桌面端、平板端和手机端。点击对应端口,进入对应设备端的编辑。

移动设计端口

进入页面,相应调整元素即可,比如缩小字体。

移动端设计调整

直到右侧预览完美适配移动设备为止。

专业提示:移动端的外观调整不会影响其他端口的显示效果。Elementor对每个端口都提供了对应的外观设计参数入口。

25.关联谷歌分析、谷歌搜索控制台

要想查看网站数据,比如访问量、关键词排名、流量来源等。你需要为网站安装谷歌工具,包括:谷歌分析和谷歌搜索控制台。

通过谷歌分析,你可以获取以下数据:

  • 网站流量
  • 流量来源
  • 会话时间
  • 网站实时数据
  • 网站互动数据
  • 创收数据(电商网站)
  • 用户数据

关联谷歌搜索控制台,还可以查看关键词数据以及谷歌自然搜索量数据。

而通过谷歌搜索控制台,你可以获取:

  • 网站效果数据:点击、曝光、点击率、平均排名
  • 索引数据
  • 链接数量
  • 等等

具体两个工具的安装方法,请参考我们的文章:

keyword

涵盖从谷歌分析的安装到使用的所有内容。了解如何使用Google Analytics在内容营销和SEO中获得更多效果。

keyword

如何使用谷歌搜索控制台指南。学习如何最大化利用这个经典免费工具,帮你提升网站SEO排名与流量。

26.定制第三方代码

网站经常需要安装第三方代码,比如,谷歌分析的安装,就需要在网站嵌入一串代码。

下面带大家看一下,如何安装第三方代码。我们这里要用到Elementor工具里的custom code。

下面我们以谷歌分析代码为例看看,如何安装:

首先,点击左侧导航栏Elementor下的Custom Code。

custom code

点击New Code。

添加新代码

为代码命名,选择代码位置,并将代码复制到代码区域。

输入代码内容

最后点击Publish按钮保存代码。

发布代码

设置代码条件。例如,应用于全站。最后点击Save & Close按钮保存代码。

设置代码条件

恭喜你,代码已成功安装到网站。其他第三方工具代码参考以上操作即可。

27.创建多语言

你还可以为你的WordPress网站添加多语言。

多语言网站解决方案:

  • 通过多语言插件实现多语言。
  • 通过子域名的形式添加多语言,例如你的主站可能是com,可以对应创建俄语、西语站点为ru.yourmaomain.com, es.yourdomain.com。这种模式下每个语言实际是一个独立的网站。拥有独立的网站后台。
  • 通过子文件夹的形式添加多语言,每个子文件夹分别安装WordPress。例如,你的主站可能是com,可以对应创建俄语、西语站点为:yourdomain.com/ru和yourdomain.com/es。这种方式每个语言也是有一个独立的网站,拥有独立的网站后台。但好处是子域名网站可以继承主域名的权重。

多语言网站的主要优势:

  • 扩大全球影响力:多语言网站使企业能够定位和吸引不同国家和地区的用户,从而扩大潜在客户群并增加流量。
  • 增强信誉和信任:提供多种语言的内容可以使企业显得更可信、更值得信赖,尤其是对国际客户而言。
  • 改进的SEO:通过翻译网站内容并针对不同语言进行优化,企业可以提高其在多语言市场的搜索引擎排名,从而吸引更多自然流量。
  • 增强用户体验:多语言网站允许用户使用其母语浏览和互动内容,从而获得更舒适、更具吸引力的体验。
  • 提高转化率和销售额:当用户能够轻松理解和浏览网站时,他们更有可能进行购买或完成所需的操作,从而带来更高的转化率和销售额。
  • 成本效益营销:与其他营销形式相比,多语言网站是一种吸引新受众和新市场的经济有效的方式。
  • 竞争优势:提供多语言网站可以向企业展示对全球受众的承诺并吸引更广泛的客户,从而为企业带来竞争优势。
  • 品牌知名度和忠诚度:多语言网站可以展示文化敏感性并让用户感到被重视,从而帮助建立品牌知名度和忠诚度。
  • 改善沟通:多语言网站有利于与世界各地的客户、合作伙伴和员工更好地沟通。
  • 进入新市场:通过打破语言障碍,多语言网站可以打开新市场并带来国际增长机会。

常用多语言插件列表:

相关文章:

keyword

确定网站多语言结构是一个重大决定,因为它可以长期对内容营销和SEO产生很大影响。本文可以帮你了解并选出适合你和你的企业的最优多语言网站方案。

第四部分:WordPress网站优化与维护 - 让网站更快更安全

28.WordPress网站速度优化

网站速度是很多网站用户容易忽略的一个重要元素。

关于外贸独立站的一个误区

这里首先有个误区给大家指出,尤其针对外贸型网站。很多建站公司通过国内服务器为客户创建外贸独立站。这样有一个隐蔽的误区就是,客户自己使用网站打开速度一般会比较快,因为服务器在中国,所以在中国打开一般都会很快。

但这种情况往往忽略了网站最重要的客户绝大多数都是在中国以外的地区。而服务器在中国,国外打开的速度往往会比较慢。

埃克森数字营销在2023年就接过一个这样的案例客户,客户原来做的网站使用的国内服务器,当时客户花了十几万的谷歌广告费用,结果一封询盘也没收到。后来客户找到我们。我们通过谷歌分析和网站速度测试工具发现几个关键数据:

  • 一个月5万多的访客平均停留时间3秒钟(来自谷歌分析的数据)
  • 网站打开时间为17秒(来自测速工具数据)

这样我们就得出结论,访客点击客户网站广告,结果没等网站打开就离开了。也就造成广告的钱花了,不用说询盘,客户连网站页面都没看到就离开网站。

一般来讲网站打开速度尽量要控制在三秒内。超出这个时间越长,客户的退出率就越高。

后来我们帮助这个客户重新设计了网站,服务器放在国内,并进行了SEO优化和转出率优化。网站全球打开速度不到2秒。目前即使不跑广告,每月也有2000多的自然流量,按2%的转化,至少每月询盘也在40封以上。

为什么要优化网站速度?

提高网站速度对于积极的用户体验、更高的搜索引擎排名和更高的转化率至关重要。 更快的网站可以降低跳出率、提高互动度,并最终带来更多转化。

提高网站速度如此重要的原因如下:

  1. 增强用户体验:

降低跳出率:用户更有可能离开加载缓慢的网站,从而导致更高的跳出率。

提高互动度:更快的网站可以吸引用户的注意力并鼓励他们浏览更多页面。

提高满意度:流畅、快速的体验会让用户更满意,更有可能再次访问。

  1. 更好的搜索引擎优化(SEO):

Google 排名因素: Google 将网站速度视为排名因素,这意味着速度更快的网站往往在搜索结果中排名更高。

提高知名度:更高的排名会带来更高的知名度和更多的自然流量。

  1. 更高的转化率:

更多销售:更快的网站带来更多交易和更高的收入。

提高转化率:用户更有可能在快速的网站上采取所需的操作(例如,注册表单、进行购买)。

4.移动优化:

移动优先索引:Google 在其搜索索引中优先考虑网站的移动版本,因此移动速度至关重要。

移动用户体验:移动用户对缓慢的加载时间特别敏感,因此速度优化对于这一领域至关重要。

5.成本效益:

长期利益:优化网站速度是一项长期投资,可以在用户参与度和业务增长方面产生可观的回报。

减少广告支出:更快的网站可以带来更好的转化率,从而可能减少对昂贵广告的需求。

本质上,网站速度是影响网站成功各个方面的关键因素,从用户体验到搜索引擎排名和业务成果。

如何检测网站速度?

检测网站速度可以使用一下工具:

这些工具使用都比较简单,直接输入网址便可以测试网站速度。

网站速度优化策略

  • 选择合适的服务器主机(例如SiteGround):服务器主机可以说对网站速度影响非常大。我们曾经把一个网站从Bluehost转移到SiteGround,在网站内容、插件、主题等没有发生任何变化的情况下,打开速度提升了2秒。
  • 图片优化:尤其在上传到网站之前一定要先进行压缩(推荐压缩工具:Tinypng), WordPress网站还可以使用图片压缩插件,例如Smush Pro。实践操作中,像一般全宽Banner图片我们会控制在300kb以内,非全宽图片我们大多控制在100kb以内。
  • 控制插件使用数量:插件安装多了会明显拖慢网站速度,所以不要有用没用装一堆插件。原则就是能不用就不用。
  • 使用加速插件:加速插件可以有效删除缓存,优化网站代码,帮助提升网站速度性能。常用的比如WpRocket。
  • 视频和图片的外部托管:如果视频和图片能使用外部托管,就不会占用网站资源从而提升网站速度。例如,视频可以嵌入Youtube视频。

关于如何优化网站速度,埃克森数字营销之前发布过两篇详细的指南文章,大家可以参考:

keyword

页面速度是测量页面加载内容的速度。它是页面的一个排名因素,也是用户体验的一个重要因素。提高你的网站页面速度比以往任何时候更重要。这将有助于提高你的整体用户体验,并帮助你提升网页排名。

keyword

所有关于页面速度和搜索引擎优化,你需要知道的内容,包括Google PageSpeed最新更新的详细信息。

29.WordPress网站安全

WordPress 网站的安全至关重要。因为一旦出现安全问题,不管网站目前运营效果再好,一切有可能归零。

为了保护你的网站免受各种威胁,请务必采取一系列安全措施。

这些措施包括保持WordPress 、插件和主题的更新,使用强密码,更改登录页面路径,安装安全插件,以及定期备份你的网站。

以下是一些具体的WordPress 网站安全建议:

  1. 保持更新:

WordPress 、插件和主题的更新: 及时更新WordPress 核心、插件和主题是确保安全性的最重要步骤之一。新版本通常包含安全补丁,修复已知的漏洞。

使用最新版本的WordPress: 新版本的WordPress 修复了旧版本中存在的漏洞,并增强了安全性。

  1. 密码安全:

使用强密码:创建复杂且独特的密码,包含大小写字母、数字和符号,并且不要在多个网站上重复使用相同的密码。

避免使用默认用户名(admin):默认的”admin” 用户名很容易被攻击者利用,应更改为更安全的用户名。

  1. 安全插件:

安装安全插件:安装一个可靠的安全插件,如Wordfence、Sucuri 或iThemes Security,可以提供额外的安全保护,如扫描恶意软件、阻止恶意IP 地址等。

  1.  备份网站:

定期备份:定期备份你的网站数据,以便在发生安全事件时能够快速恢复。例如,使用SiteGround服务器,系统自动每天进行一次网站备份,还支持手动备份,并且保留30天备份记录。

  1. 其他安全措施:

更改后台登录地址:修改默认的后台登录页面,例如 /wp-admin,可以防止暴力破解攻击。

禁用文件编辑:在WordPress 后台中禁用文件编辑功能,防止恶意用户修改你的网站文件。

限制登录尝试:限制登录尝试次数,防止暴力破解密码攻击。

安装SSL证书:安装SSL 证书,启用HTTPS,保护用户数据的安全传输。

隐藏WordPress 版本:隐藏WordPress 的版本信息,防止攻击者利用已知漏洞。

管理用户权限:仅授予用户必要的权限,避免权限滥用。

删除不使用的插件和主题:删除不使用的插件和主题,减少潜在的安全风险。

使用可靠的托管服务:选择提供安全保护的WordPress 托管服务,例如支持防火墙和DDoS 保护。

通过采取这些安全措施,你可以显著提高WordPress 网站的安全性,降低被黑客攻击的风险。

视频操作:

第五部分:网站推广与增长 - 让网站被看见

30. 网站引流

WordPress网站引流主要通过SEO、社交媒体推广、内容营销、以及广告投放等方式实现。

以下是一些具体方法:

1. 搜索引擎优化(SEO):

  • 关键词研究和优化:找到与你网站内容相关的热门关键词,并在文章标题、正文、图片alt标签等位置合理使用,提高网站在搜索引擎结果中的排名。
  • 网站结构优化:确保网站结构清晰、易于导航,方便搜索引擎抓取和索引。
  • 内容质量:提供有价值、原创且高质量的内容,吸引用户,增加用户停留时间和分享,从而提升网站权重。
  • 外部链接建设:争取其他网站的外部链接,尤其是高质量、相关性强的网站,可以有效提升网站权重和排名。
  • 技术SEO:优化网站加载速度、移动友好性等,提升用户体验,也有利于搜索引擎排名。

了解更多:SEO内容中心

2. 社交媒体推广:

  • 选择合适的平台:根据目标受众选择合适的社交媒体平台,如Facebook、Twitter、Instagram、LinkedIn等。
  • 内容分享和互动:在社交媒体上分享网站内容,与用户进行互动,增加网站曝光度和流量。
  • 社交媒体广告:利用社交媒体平台的广告功能,精准定位目标受众,投放广告,吸引更多用户访问网站。
  • 社交分享按钮:在网站上添加社交分享按钮,方便用户将内容分享到社交媒体平台。

3. 内容营销:

  • 创建高质量内容:发布有价值、有趣、引人入胜的内容,吸引用户访问网站。
  • 多种内容形式:采用多种内容形式,如文章、图片、视频、音频等,满足不同用户的需求。
  • 定期更新内容:定期更新网站内容,保持网站活跃度,吸引用户持续访问。
  • 内容推广:通过社交媒体、电子邮件等渠道推广网站内容,吸引更多用户访问。

了解更多:内容营销中心

4. 广告投放:

  • 搜索引擎广告(SEM):通过Google Ads等平台投放广告,吸引用户点击进入网站。
  • 社交媒体广告:利用社交媒体平台的广告功能,精准定位目标受众,投放广告。
  • 其他广告平台:还可以选择其他广告平台,如联盟广告、展示广告等。

5. 其他引流方法:

  • 邮件营销:建立邮件列表,定期发送邮件,推送网站内容,吸引用户访问。
  • 合作引流:与其他网站、博客、KOL等进行合作,互相引流。
  • 线下活动:参加行业展会、研讨会等线下活动,推广网站,吸引用户。

WordPress网站引流需要综合运用多种方法,包括SEO、社交媒体推广、内容营销和广告投放等,并根据实际情况不断优化和调整策略。同时,还需要持续关注网站数据,了解用户行为,才能更好地实现引流目标。

第六部分:常见问题解答 - 扫清障碍

31.常见问题问答

什么是WordPress?

WordPress 是一款免费的开源内容管理系统 (CMS),可让你轻松创建和管理网站。它是最受欢迎的网站创建平台之一,支持从个人博客到成熟的商业网站等各种类型的网站。

创建WordPress网站需要什么?

你需要以下元素来启动你的WordPress网站:

  • 网站服务器主机
  • 域名
  • 按照本教程创建网站
创建一个WordPress网站需要花多少钱?

这要分不同的情况,如果你自己建站,只需要买域名和服务器即可。那么域名85元加服务器首年50美元,这样费用也就在500元以内。

如果你寻求第三方建站服务,价格也因技术水平、建站时间、要求难度等因素不同而已,从2000到几万甚至几十万不等。

创建WordPress网站我需要懂代码吗?

不需要。WordPress 是一款面向初学者的无代码解决方案。得益于其强大的模块编辑器,你几乎可以通过其可视化界面进行任何更改。

WordPress 是创建网站的唯一方法吗?

不,市面上有很多其他网站构建工具,例如Wix、GoDaddy等等。但我们相信,WordPress 是构建可在桌面和移动设备上运行的网站的最佳且最便捷的平台。

其他行业专家也同意我们的观点,这就是为什么超过 43% 的网站都使用 WordPress。

如何安装WordPress?

大多数网站托管服务提供商在其仪表板上提供一键安装 WordPress 的功能。SiteGround就是其中之一。

什么是WordPress主题,如何找到和安装WordPress主题?

WordPress 主题是一系列模板和样式表的集合,用于定义网站的外观。你可以在 WordPress 主题目录或第三方网站找到免费主题。

什么是WordPress插件,如何找到和安装WordPress插件?

插件是扩展 WordPress 网站功能的软件附加组件。它们可以为你的网站添加新的功能和特性。你可以在 WordPress 插件目录或第三方网站上找到免费插件。

建立我的WordPress网站需要多长时间?

这个问题没有固定的答案。这取决于你想建什么类型的网站、你的专业水平、你能投入多少时间等等。

一般来说,你可以在一个周末内用 WordPress.com 创建一个基本的网站。正如你上面所看到的,只需完成设计、创建页面和内容,然后发布就足够了。如果你需要更复杂的内容,当然需要更长的时间。

如何让我的 WordPress 网站适合 SEO?

WordPress 本身就已经非常 SEO 友好了。不过,您可以使用 Yoast SEO 或 Rank Math 等 SEO 插件来增强其 SEO 功能。这些插件可以指导你针对搜索引擎优化内容。

我可以使用 WordPress 创建电子商务网站吗?

是的,你可以使用 WordPress 创建电商网站。WooCommerce 是最受欢迎的电商插件,它提供了您创建在线商店所需的所有基本功能。我们这里有一份关于如何使用WordPress 搭建电商网站的完整指南。

第八部分:案例展示

33.埃克森数字营销建站案例

案例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 粮储设备外贸网站

Leave a Reply

Your email address will not be published. Required fields are marked *

联系我们

联系电话:13665461054 或者表单留言

让我们帮你打造更高转化的网站

需要更专业的外贸网站设计、WordPress建站或SEO优化?把你的需求告诉我们,埃克森数字营销将为你提供更适合海外市场的解决方案。填写信息即可获得免费咨询,我们会尽快与您联系。

联系我们

免费获取《谷歌快速排名秘诀-4.0》

---这些都是埃克森数字营销多年SEO总结而来的实践经验汇聚而成

请放心,我们只会偶尔发几封有干货的邮件,你的信息我们会严格保密。

注:订阅后请一定,一定,一定到您的邮箱中确认您的订阅,这样才能收到我们的《谷歌快速排名秘诀》!!!