如何配置WooCommerce运费费率表Table Rate Shipping
本篇教程是针对Woocommerce的付费插件Table Rate Shipping(运费费率表)的,我们在进行B2C的购物型外贸网站建设时,可以使用到它配置复杂的运费计算规则。如果运费规则简单,那可以使用WooCommerce自带的功能配置运费。 运费费率表插件能够创建复杂的、适用于全球配送范围的运费规则。 您可以根据产品的配送区域,配置多个运费费率表,也可以针对每个地区设置多个运费费率表,还可 […]
Elementor页面设置
在Elementor的页面设置功能中,你可以设置当前页面/文章/产品的标题、发布状态、页面布局、页面背景、自定义CSS等等,按下图所示,我们打开页面设置面板,你将能看到三个标签页:设置、样式、高级设置,接下来我们逐一讲解。 常规设置 在常规设置中,对于页面、文章,有不同的设置项,文章比页面的设置项多了:摘要、特色图像、评论开关。 样式设置 高级设置
Elementor自定义代码教程 (PRO)
Elementor自定义代码(Custom Code)功能是Elementor Pro付费版本功能,它允许你添加代码片段,如Google Analytics代码或Facebook Pixel代码,你可以设定代码在网站里的展示位置和覆盖页面范围,还能设定的代码的加载优先级,这样你就不需要编辑你的主题文件来实现代码的插入了。 备注:如果你没有Elementor Pro,先看看你的主题是否支持插入自定义 […]
WooCommerce优惠券教程
WooCommerce优惠券功能可以帮助我们向客户发放折扣、优惠,能够实现商品的促销。 如果想要使用WooCommerce优惠券功能,请按如下步骤启用该功能: 进入: WooCommerce > Settings > General 勾选 Enable the use of coupon codes,然后保存 添加优惠券 添加优惠券码和介绍 进入: Ma […]
如何在Elementor中给图片、标题、栏目添加边框半径border radius,即圆角效果
要设置Elementor的小部件/元素块为圆角,请左键点击小部件后,在左侧找到Style/样式标签,其中,如果你能找到border radius/边框半径属性,便可以用于设置圆角。如果找不到,说明当前元素不支持圆角设置,但是你也可以在Advanced/高级标签中,找到border并设置整个元素的border radius属性进行设置。 给图片设置边框半径 如下图所示,我们可以直接在图像小部件中设置 […]
如何从速卖通(AliExpress)快速导入产品到WooCommerce商店
在外贸建站中,如果你做的是B2C dropshiping外贸独立站,那这款一键导入速卖通商品到你的WooCommerce商店的插件就非常棒了,它的名字是Aliexpress dropshipping for Woocommerce by theShark。 这个插件免费版可以每月导入160个产品,每周导入50个产品,如果要导入不限量产品,就购买付费版吧。 首先,请你到网站后台安装插件界面,输入wo […]
如何用Elementor Pro制作网站页头导航【视频】
使用Elementor pro可以创作出多种多样的页头导航,可以不再局限于主题自带的导航了。并且Elmentor Pro的模板库里提供了几十款导航模板,一键导入就可以直接用起来了,还可安装Envota elements插件,里头还有十几款页头。 2021年4月更新视频教程 操作步骤如下: 鼠标放在在“模板”菜单 点击theme builder 点击添加新模板 选择模板类型为header 输入模板名 […]
如何使用WooCommerce的12个小工具(Widgets)
WooCommerce小工具可以让你在WordPress外贸建站时,添加不同产品功能到页面上,譬如展示最新产品、产品分类、搜索产品、产品价格筛选等等。 如下图所示,这些小工具位于WordPress后台的外观》小工具页面中,你可以将它们添加到网站主题设定的区域中。下图中右侧的主侧边栏、页面小工具区域1等便是区域,网站主题是指你安装并启用的WordPress主题,不同主题提供的区域有所不同,并且不同主 […]
如何用Elementor Pro制作网站页脚【视频】
使用Elementor pro可以创作出多种多样的页脚,可以不再局限于主题自带的页脚了。并且Elmentor Pro的模板库里提供了多款页脚模板,一键导入就可以直接用起来了,还可安装Envota elements插件,里头还有页脚模板供选用。 2021/4/6更新详细的视频教程 下方为简要的图文教程 操作步骤如下: 点击 模板>theme builder 点击添加新模板 选择模板类 […]
如何使用Elementor Pro制作文章列表页模板(视频)

你是否想定制博客文章的列表页,但主题又不支持修改?有了Elementor Pro插件,我们便可以突破主题的限制。让我们一步步演示给你看~ 用Elementor Pro插件,还能省付费主题的钱,譬如我直接用Hello Elementor免费主题,直接用Elementor Pro导入模板库的文章列表模板页(下方有视频),或者自己制作文章列表页模板。 如果你购买了付费主题,又习惯用Elementor编辑 […]
如何使用Elementor Pro制作文章详情页模板【视频】
你是否想摆脱主题的限制,自己制作文章详情页的模板?本文将教你使用Elementor Pro制作文章详情页的Single Post模板,我会介绍两种模板库及其使用方式,让新手可以快速制作一个还不错的模板,还会讲到模板中常见的问题哦~ 制作文章详情页模板 1.点击左侧菜单template> add new,选择模板类型为single post,点击“create template/创建模板”按钮 […]
如何隐藏WooCommerce购物车页面中的价格、总计等列
本文讲述:如何用自定义css,隐藏WooCommerce购物车(cart)页面的产品表中的某些列,譬如隐藏价格列(Price)、总计列(Subtotal)。 请进入WordPress网站后台的菜单:外观>>自定义>>额外CSS,并添加如下CSS,来实现上图的需求。 如上图所示,添加完代码后,就能看到购物车中的价格、总计列消失了。 你还可以通过code snippet添加cs […]
为什么blog/news页面无法用Elementor编辑
当你在wordpress中发布了一些文章,想用Elementor编辑blog或news页面时,却出现了如下报错,提示你无法编辑博客页面,这是为什么呢?又怎么解决这个问题呢?我们会逐一讲解。 Elementor无法编辑blog页面的原因 因为在WordPress后台的设置(setting)-阅读(reading)中,将文章页设为了你所说的blog或news页面。这个文章页其实就是存放文章格子的列表页 […]
如何用Elementor制作woocommerce产品列表【视频】

本文是B2B外贸建站教程的内容之一,我将逐步介绍如何使用Elementor Pro制作woocommerce产品列表模板,下面进入正题。 视频教程 2021/4/12更新视频教程 注意:视频中用于产品搜索的插件,现在已经更名叫做:FiboSearch – Ajax Search for WooCommerce 相关教程:如何用Elementor Pro设计WooCommerce产品分类和产品标签侧 […]
如何用Elementor制作woocommerce产品详情页(视频实例)
本文将逐步介绍如何使用Elementor pro制作woocommerce产品详情页模板,下面进入正题。 2021/5更新详细的视频教程 下方是2021年写的简单版图文教程 导入后,系统会自动选择一个产品数据嵌入,以便我们直观看到效果,但依然有一些看不到内容的元素,譬如价格、加入购物车,那是因为我们上传产品时没有填写对应内容 对不需要的元素可以使用右键删除功能。 如果你想更换一个产品以预览效果,那 […]
如何用ACF给产品详情和产品列表添加自定义字段(实例)
使用ACF(advanced custom fields)插件可以为woocommerce的产品分类、产品增加自定义字段,譬如视频、QA等等,叠加运用Elementor Pro的模板功能,就可以制作进阶的产品列表页、产品详情页了。 给产品详情页增加自定义字段 首先,请安装ACF(advanced custom fields)插件,并启用,按照下述步骤添加字段。 依次输入字段标签,譬如QA;字段名称 […]
如何用Elementor Pro制作弹出式产品询盘表单
思路:用Elementor Pro制作产品详情页模板(single product)和询盘表单弹出层(popup),在产品详情页模板上添加一个询盘按钮,将按钮链接设置为dynamic调用popup即可。 注意,不要将Ninjaform、Wpforms、contact form7制作的表单放到Elementor的Popup中,会出错:无法显示表单或无法提交表单。 2021/5/12更新,最新的ele […]
如何用Elementor Pro的Form元素制作联系表单【视频】
本视频介绍如何用Elementor Pro付费版制作联系表单,如果你没打算购买Elementor Pro,可以考虑用Ninja Forms或者Fluent Forms插件来制作联系表单。 下方是视频教程,如果分辨率不佳,请在视频的设置中选择清晰度。
如何给Elementor的表单添加反垃圾验证(Google reCAPTCHA)
在使用ELementor制作询盘表单/联系表单时,为了避免频繁收到垃圾询盘/邮件,我们可以给表单添加Google reCAPTCHA V3进行反垃圾验证,这样以来,当网页里包含表单时,会自动加载reCAPTCHA进行无感知验证,能大幅度减少垃圾询盘邮件,也不会给用户添加负担:譬如点击验证码或验证图片等等。 按照这篇教程添加谷歌反垃圾验证后,在表单所在页面的左下角/右下角/表单提交按钮上方,就能看到 […]
如何用Elementor Pro设计WooCommerce产品分类和产品标签侧边栏的样式
WooCommerce产品分类和产品标签侧边栏的样式是跟随主题设计的,通常没有设计样式功能。如下图所示,它是我用Hello Elementor主题+ Elementor Pro制作的产品列表模板,在左侧的侧边栏里包含了产品分类和产品标签。接下来,我们就讲如何用Elementor Pro来将样式设置为下图所示的模样。 首先,我们用视频讲解如何设计产品分类的样式 然后,针对产品分类的custom cs […]
如何用Elementor制作Wordpress网站的返回顶部按钮(3分钟解决)
LOYSEO使用的主题不提供网站的返回顶部按钮,而免费的Elementor页面编辑器就能解决这个问题,只需要3分钟,跟着教程试一下吧。 前提说明: 本教程只适合使用Elementor搭建的WordPress网站。 本教程中的演示站是使用Elementor – Header, Footer & Blocks插件制作的页头(Header), 如果你的网站使用Elementor Pr […]
WordPress教程:零基础全面学习WordPress建站
在本WordPress教程中,您将找到使用WordPress建站所需的一切,从安装WordPress、主题、插件、优化网站速度、到网站安全,我们系统涵盖了全面的WordPress入门级教程。 什么是WordPress?WordPress是一款内容管理系统(简称CMS),它是基于PHP和MySQL开发的,是一款在线的、开源的、网站构建工具,将WordPress安装到你的主机之中,你不仅可以访问网站, […]
WordPress后台教程:新手入门指南
WordPress教程 WordPress后台教程:新手入门指南 这篇WordPress后台教程,是在你安装完WordPress,登录进入WordPress后台之后,所见到的左侧菜单中的功能的介绍,如右图所示,包含了仪表盘、文章、媒体、页面、评论、外观、插件、用户、工具、设置,让你对WordPress有一个快速的认识。 Dashboard/仪表盘 首页 更新 仪表盘首页 登录WordPress后台 […]
入门教程:如何快速安装WordPress
如何安装WordPress到不同的平台或环境中?本指南将基于本地电脑、虚拟主机中的Cloudways主机和SiteGround主机,向您介绍安装WordPress的具体步骤,同时,我会介绍每种方式的优势与缺点,以便您根据具体需求选择。 在虚拟主机中安装WordPress 通过虚拟化技术,可以将一台物理服务器分割成多个独立的虚拟主机,每个虚拟主机都可以独立运行自己的操作系统和应用程序。 在虚拟主机中 […]
6步轻松安装WordPress到Windows和Mac电脑上
WordPress是一个强大且易于使用的建站系统,你不仅可以选择在WordPress主机中一键安装WordPress,也可以学习一些额外技能,在自己的电脑中安装WordPress,它能节省一些网站开发阶段的主机费用。本文将为您提供在Windows和Mac电脑上安装WordPress的详细步骤。 步骤1:下载并安装本地服务器软件 首先,您需要安装一个本地服务器环境,以便在本地电脑上运行WordPre […]
如何安装WordPress主题(3种方法)
在安装WordPress后,我们需要安装WordPress主题,主题能为网站带来皮肤以及网站模板,它就像一个样板间,有简装的,也有精装、豪华装的。 WordPress主题分为免费主题和付费主题的,通常免费主题在网站后台搜索并安装,而付费主题是通过上传主题压缩包到wordpress后台安装。 接下来我们讲解一下主题安装的三种方法: 2021/4/11更新视频教程(针对1、2方法) 在wordpres […]
WordPress如何安装插件(3种方法)
在外贸建站时,安装完Wordpress后,我们需要为Wordpress安装插件,以便实现各种功能,诸如制作网页的Elementor、制作联系表单的Ninjaforms、管理产品用的woocommerce等等。 Wordpress插件分为免费和付费的,通常免费插件在网站后台搜索并安装,而付费插件是通过上传插件压缩包到wordpress后台安装。 接下来我们讲解一下插件安装的三种方法: 由于使用FTP […]
WordPress页面教程
这篇WordPress页面教程介绍了如下内容:什么是页面,页面具有哪些功能,如何制作页面,如何将页面添加到网站菜单中,如何给页面添加SEO标题、关键词、描述。
WordPress菜单教程:10个功能点
本文讲解: 什么是WordPress菜单、如何添加菜单、如何调整菜单顺序、如何将产品分类加入菜单、如何编辑菜单、如何添加自定义菜单、如何添加锚点菜单、如何制作超级菜单(megamenu)、如何制作产品分类伸缩菜单、如何制作带图标的语言菜单。 什么是WordPress菜单 菜单通常位于网站的顶部和底部,用于方便用户快速打开关键页面,譬如下方两张图片,依次是顶部菜单和底部菜单。 而B2B外贸网站的菜单 […]
【视频】如何给WordPress菜单中添加自定义链接、锚点链接
本视频介绍如何在WordPress网站的菜单中添加自定义链接,以便你链接到第三方网站;同时,也可以添加页面内锚点链接,也就是点击菜单可以链接到指定页面的指定位置。
如何将WordPress菜单固定在页面顶部
通常付费的WordPress主题都会提供菜单固定在页面顶部的功能,英文名sticky header,而如果使用免费WordPress主题,那则不一定提供导航固顶功能。此时,我们可以使用插件来实现:将WordPress菜单固定在页面顶部。 安装插件并激活:Sticky Menu, Sticky Header (or anything!) on Scroll 我们在WordPress后台的settin […]
如何在Wordpress中发布和管理文章?【视频】

本文将介绍如何在Wordpress中发布和管理文章/新闻/博客,包括常见功能的操作说明:所有文章列表、添加文章、修改/批量修改文章、克隆或复制文章、删除/批量删除文章、定时发布文章、文章排序、制作文章页模板、制作文章列表页面模板。 以下为文字版教程。 所有文章列表 从wordpress后台的左侧菜单All posts进入所有文章列表页,你可对已有的文章进行分类筛选、搜索,也可以对文章进行批量编辑或 […]
WordPress建立数据库连接时出错,什么原因?怎么办?
WordPress建立数据库连接时出错(Error Establishing a Database Connection),如果遇到这个问题,是怎么回事?要怎么办?那依据我多年的观察,我总结了5种常见原因及其解决方法。 对于使用WordPress托管主机的同学而言,譬如我用的Cloudways主机,不需要自己去配置数据库信息,那么,遇到数据库连接出错的情况,通常原因是: 那如果你买的是具备在线客服 […]
如何在WordPress中制作联系表单(3种方法)
本篇教程提供3个在wordpress中创建联系表单并记录询盘的方法: 插件Contact Form 7 + Flamingo,两者都免费 插件Elementor Pro+Elementor Contact Form DB,前者付费,是网页可视化编辑器,后者免费。 插件Ninja Forms,免费,这是我目前新发现且推荐的方式,相关教程请查看:Ninja Forms:免费的联系表单插件,却提供了付费 […]
网站域名教程
域名教程:域名是什么、域名如何取名、如何注册域名、如何解析域名

什么是域名 域名,可以说是网站在互联网中的地址,人们可以通过访问你的域名打开你的网站。 就像实体店铺会有一个具体地址以便客人找到它,在网络中,网站就是你的经营场所,也需要一个地址以便别人找到你。 你或许注意到有些网站是用一串数字的IP访问的,譬如公司内部网站,但IP不仅难记,没有辨识度,也体现不了品牌,所以,我们要为网站绑定域名。 我们要做的是:给域名取名、在域名注册商处购买域名,然后通过域名解析 […]
域名解析:如何切换到WordPress主机的域名服务器
未做解析的域名,是无法打开网站的,域名解析是为了将域名与服务器IP建立关联,本文将介绍的域名解析方法是:修改域名的Nameserver(NS)为wordpress建站主机的NS,因为wordpres建站主机(譬如siteground)通常提供域名解析功能,同时,你在siteground建站所需的解析记录都会自动生成,无需人工再逐条添加,这是最为省事的解析方式。 下文提供了三个域名注册商的NS修改办 […]
如何修改Hosts文件以设置域名指向
当域名未在域名注册商处设置解析时,为了能够自己访问网站,以便网站搬家或测试,可以通过在自己电脑中给Hosts文件增加域名指向来实现; 如果你需要其他朋友、同事、客户也能够访问,那也是同理操作,每台电脑都相应添加域名指向,具体方法如下: Windows系统如何修改Hosts文件 STEP1:如下图所示,找到记事本并右键选择“以管理员身份运行”,如系统提示:“允许此应用对你的设备进行修改吗”,请选择“ […]
WordPress网站备份、还原、搬家教程
网站备份 网站备份通常有两种方式:①网站所在主机提供自动备份功能;②您使用插件进行网站备份。 我通常两种都使用,因为要考虑一些极限情况,譬如主机欠费忘记续费,或者主机坏了无法快速复原。 那接下来依次说说我的经验。 主机提供的网站备份功能 我给建站客户用的主机是Cloudways,它提供了每日自动备份功能,并且是异地备份,并不是直接备份在你所用的主机里,这样更加安全。你也可以在需要的时候手动进行网站 […]
如何将WordPress网站备份到OneDrive,以及恢复备份还原网站
虽然WordPress的主机通常都提供了自动备份和还原功能,但如果你想将网站备份到主机以外的地方,或是将其他地方的网站备份还原,要怎么做呢?本文将介绍如何将WordPress网站备份到你自己的One Drive,同时,也会教你如何将这个备份从Onedrive里导入到网站中,以便恢复网站或克隆网站。 为什么需要自己做WordPress网站备份呢? 一方面,是为了避免意外,曾经有人一时大意忘记给主机续 […]
如何将WordPress网站备份到Google Drive,与恢复网站备份
虽然WordPress的主机通常都提供了自动备份功能,但如果你想将网站备份到主机以外的地方,要怎么做呢?本文将介绍如何将WordPress网站备份到你自己的Google Drive。 为什么需要自己做WordPress网站备份呢? 一方面,是为了避免意外,曾经有人一时大意忘记给主机续费了,并且也过了主机提供的恢复期,从而导致网站被删除,无法从主机层面恢复了,如果没有自己的备份,那么网站就等于白做了 […]
2种方法给WordPress网站安装Google Analytics(GA4)跟踪代码【视频】

本文将介绍如何给WordPress网站安装Google Analytics,用于跟踪网站的用户数据。 前提条件:你已拥有Google账号(譬如注册了Gmail);你是使用WordPress创建网站的。 具体步骤是: 创建Google analytics账号 对于新用户,在访问https://analytics.google.com/analytics/web/后,点击开始衡量按钮 对于老用户,直接 […]
Google Analytics如何关联Google Search Console
将google analytics(GA) 关联google search console (GSC)后,能在GA中查看到GSC的自然流量数据,对于Google SEO而言,是不可缺少的配置,本文将介绍如何将GA关联GSC。 注意:本文中的GA不是最新版的GA4,而是老版本的GA,GA4目前没有入口关联Google Search Console。 1.在已经创建网站的Google analytic […]
WordPress网站安全教程
只用几招,就能轻松搞定WordPress网站的常规安全防护,抵御大部分安全风险。我用自己近百个外贸建站项目的经验,为你讲解WordPress网站安全如何守护。 1.选择可靠的WordPress主机 我用的是Cloudways主机,它是托管式的WordPress主机,已经为我们提供了主机层面的安全防护措施,如果你没有专业运维技能,尽量不要买那种需要自行装系统的裸机(这就像你自己扛了个机箱回家自己装电 […]
如何用Wordfence Security插件设置Wordpress网站安全防护

使用Wordfence Security,可以为你的WordPress网站构建防火墙和恶意软件/程序扫描,就像电脑的防火墙与杀毒软件,能够保护网站的安全。并且,大部分功能都是免费的。如果你还没有WordPress网站,可以查看本站的外贸建站教程自学试试。 Wordfence Security的功能 WORDPRESS防火墙 WORDPRESS安全扫描 建议你注意邮件通知,或定期登录网站后台查看是否 […]
如何修改WordPress登录地址(WPS Hide Login插件)

使用WPS Hide Login,可以为你的WordPress网站更改后台登录地址。它确实能减少部分攻击,但不是万无一失的安全措施,你还需要查看更多的网站安全措施。 下载WPS Hide Login并安装 WPS Hide Login插件下载地址:https://wordpress.org/plugins/wps-hide-login/,请安装后启用它。 一但装上启用后,立刻会将你的后台登录地址改 […]
如何通过数据库修改WordPress网站用户名与密码
如果你想修改WordPress网站的密码,但又不能进入网站后台,又或是你想更换用户名,怎么办呢?解决方法是:只要能进数据库,都能分分钟修改密码。当然,如果你的主机提供了网站密码修改功能,那也可以直接用,但用户名一般都只能进入数据库修改哦。 那如何进入你的网站数据库呢? 通常,WordPress主机都提供了数据库管理工具。我们以几个常见主机为例,来讲解如何进入数据库并修改用户名和密码。 Cloudw […]
安装SSL后,如何将WordPress网站中的http改为https(2种方法)
在网站中安装了SSL证书后,如果建站的主机未提供自动将http改为http是的功能的话,你需要自己修改一下,有如下两种方法。 方法1:在Wordpress中安装Really Simple SSL并启用 接下来,我们进入登录网站后台安装Really simple ssl插件,如果不会安装插件,请查看这篇安装插件教程,插件安装完成后,启用它。启用这个插件后,将在界面上看到下图的提示,此时点击Go ah […]
如何在网站离线时及时收到通知
为了避免网站离线了而我们自己却不知道,就需要工具来监测自己的网站是否在线,以及在网站离线时发送通知给我们。故此,本文将介绍如何使用免费软件Uptimerobot来监控网站是否正常运行,以及发送离线通知。 之前,我推荐的是使用Freshping,由于它目前已经不开放对外注册了,所以下文中的对应功能也便失效了,还请转为使用Uptimerobot来监控网站在线情况。 Uptimerobot Uptime […]
如何手动备份WordPress数据库
想知道如何在不使用插件的情况下手动备份WordPress数据库吗?通过了解手动方法,您可以在需要时快速创建数据库备份。在本文中,我们将向您展示如何手动备份WordPress数据库。 何时以及为何手动备份WordPress数据库 你应该总是为你的网站安装和设置一个WordPress备份系统。这让你可以在网站出现问题时恢复站点。 许多用户在黑客尝试或一些插件错误后无法访问他们的WordPress管理区 […]