专注于外贸建站,分享WordPress教程和Elementor教程

建站教程

WooCommerce: 如何删除 “Default Sorting/默认排序” 下拉选项

如果WooCommerce的产品排序功能对你而言是没用的(即下图中的default sorting下拉选项),你可能想把它从页面上删除。 接下来这个PHP 代码段简直比CSS还简单清爽,你只需要把我的代码段添加到Code Snippet插件中。 WooCommerce: 隐藏 “Default Sorting” 下拉选项 PHP Snippet 1: 从wo

WooCommerce:如何给产品列表的“默认排序”删除、重命名、添加的排序选项

我们之前已经说过:如何完全删除 WooCommerce 商店、产品列表页面中显示的“默认排序”下拉选项。 但是,有时你可能只需要删除默认选项中的一个,或者重命名这些选项,甚至是添加新的排序选项。像往常一样,多亏了 WooCommerce 挂钩和过滤器,几行 PHP 代码就可以实现这个目标。 PHP 代码段 #1:在WooCommerce产品列表中删除某个排序选项 /** * @snippet Re

WooCommerce: 在后台寻找没有重量的产品

如果你的运费取决于产品的重量,可能也会出现忘记给某些产品添加重量的情况,这样一来,在WooCommerce结账页面上,运费可能就要被少算了。 因此,我们看看如何在WordPress仪表板>产品列表上展示一个通知,列出没有重量的产品,以及提供快速编辑它们的链接,就像下图这样。 PHP Snippet: 在WooCommerce后台寻找没有重量的产品

WooCommerce: 如何在商店中先展示有货商品

我们已经学到如何在WooCommerce Shop页面的 “默认排序 “下拉菜单中添加一个自定义的 “产品排序 “选项。 然而,我所面临的任务是根据一个自定义的 “元键/Metakey “来显示商品。现在,如果你不知道 “元键/Metakey “是什么,不用太担心。例如,”_stock_st

WooCommerce:在购物车页面上显示产品库存

我们已经讲过如何在商店页面上显示产品的库存数量和状态,今天我们将对购物车页面做类似的事情,以便我们可以直观地向购物客户显示产品的库存状态和数量。(见下图) 请注意:为了使代码段起作用,您必须在WooCommerce设置中启用“库存管理/stock management”,并且购物车中的每个产品都必须选中“管理库存/managing stock”,如果允许缺货下单,则必须选中“允许但通知客户”,否则

WooCommerce:在后台按库存对产品进行排序

我们已经学过了如何将前台的产品按有货在先和无货在后进行排序,但对于后台的管理员和商店经理来说,如何做到完全相同呢? 有时商店存在大量 “已售/无货 “的产品,产品表看起来乱乱的(有货和无货穿插混合),本文介绍的方法可以实现:当访问产品列表时,即:/wp-admin/edit.php?post_type=product,所有产品将按库存状态(有货->无货)排序。 一旦下面的代

WooCommerce:在结帐页面上显示产品图片

WooCommerce 结账页面的订单审查部分显示了产品名称、数量和费用,但没有产品图像,产品图像对于识别/区分相似产品或产品变体非常有用。 这个简单的代码段将帮助你在订单审查页面中展示产品的特色图片。 通过添加下面的PHP代码段,您可以在结帐页面中的产品名称快速显示产品特色图片 PHP代码段:添加产品特色图片到woocommerce的结帐页面的订单审核表中 请注意,下面的片段将生成一个尺寸为50

WooCommerce:在商店页面上显示库存状态/数量

在本教程中,我的目标是在WooCommerce商店、产品列表页面中,在每个产品下方展示“库存数量或状态”。 这跟在单个产品页面显示的库存是完全一样的,请前往/wp-admin/admin.php?page=wc-settings&tab=products&section=inventory“设置库存显示格式”。 WooCommerce:在商店页面上展示库存数量 PHP 代码段:在

WordPress:如何更改WordPress登录页面的Logo

本篇教程将教你如何更换或自定义wordpress登录页面上的logo(如下图所示示例),默认的logo是wordpress官方的logo,我们要用短代码的方式将它更换掉。 自定义了登录页面的logo,并且点击logo链接到自己的网站而不是 wordpress.org PHP / CSS 代码段:自定义wordpress登录页面的logo和logo链接 /** * @snippet Replace

WooCommerce:在购物车和结算页面显示所购产品总重量

在使用WooCommerce的跨境电商独立站中,如果你想在购物车和结算页面向客户展示它所加购的产品的总重量,那么,可以在Code snippet插件中插入下面的php代码段,不需要任何额外插件就能实现这个功能,真棒棒~ 代码如下: 说明:我在使用这个代码段后,在页面上看到重量信息时,页面布局有点错乱,这个时候需要有一点CSS代码知识,这个应该跟主题插件的使用有关,所以此处我没办法给出一个统一的答案

2021年最好的WordPress页面编辑器是谁?用数据分析一下

Elementor、Divi、Beaver Builder、Visual Composer、WPBakery、Brizy…我深度用过Elementor、WPBakery,为了试试能否撼动Elementor的地位,我体验了Divi、Brizy,翻阅各种国外的对比文,然后拿Ahrefs给他们做了流量数据分析,最终,王者依旧是我的心头好:Elementor。 本文不细说功能,他们都是拖拽式积

如何用Astra主题制作B2B外贸网站

本文全篇17800+字,一步步讲解如何用:Cloudways主机、 Astra主题免费版制作B2B外贸网站。除了域名和主机,本文所选的WordPress主题、插件通通是免费版,零经验的你也能建个靠谱的外贸网站,只要肯花点时间照着步骤做就能行~ 本文我选用的Astra主题,速度快、质量有保证,配套的功能插件也都是选择了用户多、评价好的插件,对起步阶段的外贸Soho自建站很有帮助~ 建站要花多少钱?

如何在WordPress中删除谷歌字体、本地托管谷歌字体(3种简单方法)

许多WordPress主题都会用Google字体,然而,Google字体并不存储在网站本地,它是一个第三方资源,这会影响网站的加载速度,让网站变慢,尤其当你的网站面向的是国内用户时,更需要禁用Google字体。 起初,我用Code snippets的代码段来移除主题的谷歌字体,然而发现依旧有漏网之鱼,我又不愿意去细究代码,所以,就找到了两个简单的方法来删除网站中的谷歌字体,以利于提升网站速度。 如

Avada教程 – 同时与Elementor对比

本文是用Avada的实操教程来讲解“为啥劝你不要用Avada”的劝退系列。不用Avada,我们能省下很多时间和脑细胞还有教程费。 Avada是Themeforest上热卖top1的主题,几年前我在接触WordPress建站时,接触的第一个主题就是它。国内看到的最多的WordPress建站教程,也是基于Avada,包括很多外贸建站教程的推荐主题也是Avada,那个时候页面编辑还是用的后端编辑器,做完

如何给产品页面添加询盘表单标签页

默认Woocommerce产品页面是没有询盘联系表单的,用免费插件Custom Product Tabs for WooCommerce可以给产品页面添加询盘联系表单标签页。 下图是添加完询盘表单标签页的最终效果,这是我在Astra外贸建站教程中的示例。 教程思路:用插件Custom Product Tabs for WooCommerce添加一个标签页,其中放入用Ninja forms制作的联系

如何通过数据库修改WordPress网站用户名与密码

如果你忘记了你的WordPress网站的用户名和密码,只要能进数据库,都能分分钟修改密码。 此外,如果你使用了我在B2B外贸建站教程中的制作的模板站,也需要用这个方法修改用户信息和密码。 首先,请在主机的管理面板中找到数据库的管理入口,通常是phpmyadmin。以Siteground主机为例,在Sitetools中,进入左侧菜单:Site>MySQL,就能找到数据库管理入口。如果你用的主机

Brizy页面编辑器使用体验,顺便对比Elementor

Brizy跟Elementor一样,都是WordPress页面编辑器。Elementor很棒,但Brizy提供了一个直观的云模板库功能,也就是用Brizy做的页面模板或模块模板,都可以同步到云端,然后在其他网站上都能同步下来直接使用,为此我买了Brizy Pro来体验。 感受:Brizy云模板库的功能确实不错,Elementor虽然有插件Templately能够提供同样的云模板库功能,但是不能直观

ChemiCloud主机:选购注意事项、建站教程、速度测评

我执着于寻找性价比高、速度快、服务好的WordPress主机用于外贸网站建设。Chemicloud是我在用Ahrefs挖掘WordPress主机,以及Siteground、GreenGeeks的同行时找到的,它是一家年轻的主机商,成立于2016年,目前4岁,通过Ahrefs探查它的自然用户流量,月均2000+,Trustpilot用户评价4.9/5分,来自111名用户评价,0差评。 鉴于它的价格属

如何将WordPress菜单固定在页面顶部

通常付费的WordPress主题都会提供菜单固定在页面顶部的功能,英文名sticky header,而如果使用免费WordPress主题,那则不一定提供导航固顶功能。此时,我们可以使用插件来实现:将WordPress菜单固定在页面顶部。 安装插件并激活:Sticky Menu, Sticky Header (or anything!) on Scroll 我们在WordPress后台的settin

如何解决国内WordPress网站无法更新和安装插件的问题?

最近我开始折腾国内的LOYSEO外贸网站建设教程分享网站,目的是为了体验一下百度SEO?,趁着双11买了很划算的腾讯主机(700元多3年2核4G3M带宽),买了域名做了备案,在宝塔面板中安装WordPress后,后台界面提示更新WP,结果更新失败,原因是国情使然,于是谷歌一下便找到了非常简单的解决方法——手动安装一个WP China Yes插件,请点击此处前往插件官网下载,因为WordPress插

如何高性价比的购买Elementor Pro与避坑

拥有Elementor Pro让建站就跟拼图一样方便了,那如何省钱的购买Elementor Pro呢?如何避开坑呢?下面分享自己的实践经验。(还不了解Elementor的点这里) 避坑:不要用Elementor Pro破解版 我曾经用过别人给的Elementor Pro破解版,破解版不用在线激活(而正版Elementor Pro是必须在线联接Elementor官方激活的),结果破解版里头植入了出站

如何安装WooCommerce

当你使用WordPress搭建一个外贸网站时,尤其是B2C外贸卖货网站(又或者叫做跨境电商),大概率会用到WooCommerce来管理产品、订单、配送、收款等等。本系列的WooCommerce教程是基于官方文档以及我的操作实践,在阅读本文前,建议先阅读我的B2B外贸建站教程,先搭建一个B2B外贸网站,然后再深入WooCommerce的电商功能。 友情提醒:在接下来的操作实践中,你可以直接右键翻译界

如何在WooCommerce中管理产品类别、标签和属性

在使用WordPress进行外贸建站时,如果你的产品类目和产品较多,那使用WooCommerce来管理产品是提高效率的最佳选择,本篇是WooCommerce教程系列之一,将详细讲解如何在WooCommerce中管理产品分类、标签和属性。 产品类别 产品类别是对具有相似功能的产品进行分组的主要方法。如果你需要,还可以添加子类别。 例如,如果你是销售服装的,则可能添加产品类别:“ T恤”,“帽衫”和“

如何用WooCommerce管理和添加产品

在使用WordPress进行外贸网站建设时,如果你的产品较多,那使用WooCommerce来管理产品是提高效率的最佳选择,本篇是WooCommerce教程系列之一,将详细讲解如何在WooCommerce中添加和管理产品。

Cloudflare教程:如何给网站开通免费的Cloudflare CDN

Cloudflare不仅能提供域名解析服务,还能提供一键开通的免费CDN,以便增加网站安全和提升网站访问速度,本文将介绍如何将你的域名解析服务器更换为Cloudflare的,并使用Cloudflare的免费CDN。 步骤概要: 注册一个Cloudflare账号; 添加你的网站到Cloudflare中,获取Cloudflare的域名解析服务器(NS); 前往你的域名注册网站,修改域名解析服务器(NS

WooCommerce如何添加可变产品

如果你的外贸网站建设的是零售商城,你很大可能会用到WooCommerce的可变产品,它是WooCommerce中的一种产品类型,允许你提供产品的一组变体,并控制每个变体的价格、库存、图像等。它们可以用于像衬衫、鞋子、口红这样的产品,你可以提供大号、中号和小号以及不同的颜色,下图是一个鞋子商品的展示示例,本篇是WooCommerce教程系列之一,将详细讲解如何在WooCommerce中添加可变产品。

如何使用WooCommerce的12个小工具(Widgets)

WooCommerce小工具可以让你在WordPress外贸建站时,添加不同产品功能到页面上,譬如展示最新产品、产品分类、搜索产品、产品价格筛选等等。 如下图所示,这些小工具位于WordPress后台的外观》小工具页面中,你可以将它们添加到网站主题设定的区域中。下图中右侧的主侧边栏、页面小工具区域1等便是区域,网站主题是指你安装并启用的WordPress主题,不同主题提供的区域有所不同,并且不同主

如何为WooCommerce可变产品属性启用色板选项

我们在外贸网站建设时,如果搭建的是零售商城,譬如出售鞋子、衣服,那么一定会用到可变产品色板选项功能,让你的客户可以直观的选择尺码、颜色、样式等等。本篇教程讲解如何使用插件Variation Swatches for WooCommerce实现产品色板功能。

WooCommerce如何设置与添加可下载产品

在使用WordPress建站时,如果你销售实物的同时还提供电子文件,譬如卖实体书的同时还提供电子书,又或是像我一样销售主题、插件、模板,那就能用上WooCommerce的可下载产品功能了。本篇是WooCommerce教程系列之一,将详细介绍WooCommerce如何设置与添加可下载产品。 可下载产品的功能设置 进入: WooCommerce > Settings > Prod

如何从速卖通(AliExpress)快速导入产品到WooCommerce商店

在外贸建站中,如果你做的是B2C dropshiping外贸独立站,那这款一键导入速卖通商品到你的WooCoommerce商店的插件就非常棒了,它的名字是Aliexpress dropshipping for Woocommerce by theShark。 这个插件免费版可以每月导入160个产品,每周导入50个产品,如果要导入不限量产品,就购买付费版吧。 首先,请你到网站后台安装插件界面,输入w

WooCommerce支付教程:如何添加PayPal标准支付

从收款角度来说,外贸建站分为两种,一种不需要客户在线付款(属于B2B外贸网站,以获得询盘为目标),一种需要客户在线付款(属于B2C外贸网站,多见于零售批发)。 本篇是WooCommerce教程之一,介绍的是WooCommerce B2C外贸网站常用的用户付款方法:PayPal标准付款——它能在用户下单后,将用户从你的网站带到paypal去为订单付款。 需要知道的是,如果你的商城是面向国内用户的,那

10个WordPress常用代码段(Code Snippets)

运用代码段(Code Snippets)插件管理代码,可以不用额外安装更多插件,来解决WordPress建站过程中的一些常见功能需求,譬如安装Google analytics跟踪代码。下文中记录了我在外贸建站和个人博客中常用到的代码段。 如何在WordPress文章/页面上禁止加载WooCommerce .js(javascript)和.css文件? woocommerce会在每个页面都默认加载几

适合Elementor编辑器的最佳搜索过滤插件

在外贸建站过程中,添加搜索过滤器能够为用户提供便捷和提高满意度。本文中,我们在网上搜集了WordPress的最佳搜索过滤插件,并介绍了它们的优缺点及使用指南。 当一个网站上的产品和文章越多,浏览起来就越困难,对于房地产、电商和餐馆列表等网站来说尤其如此。 想象一下,您正在网上浏览本地的餐馆名单,以便找到一家披萨店。如果你不得不单独浏览每一家餐馆的列表去查看是否提供披萨、服务好不好、价格如何,那这个

如何在WooCommerce中设置运费(免费功能)

这篇WooCommerce教程,我们使用WooCommerce自带的免费的运费配置功能来讲解如何设置运费。基本思路是:1.设置配送区域,2.向这些配送区域添加配送方法,3.在配送方法中添加运费费率。你可以按需创建多个配送区域,并为每个配送区域添加多种配送方法和运费费率。 免费的运费配置功能是有限的,如果本文无法满足的你的运费配置需求,可以查看付费运费插件的配置教程:如何配置WooCommerce运

如何实现下载文件前必须提交邮箱

我在外贸建站服务时,有些客户希望download页面的产品目录、测试报告等文件的下载需要用户先提交邮箱,然后以邮件的形式发送文件的下载地址到用户提交的邮箱里,本文就来介绍如何在WordPress中实现这个功能,且不需要购买付费插件。 实际效果演示 首先,我们看一下该功能的实际效果,如下图所示,这是一个download页面,内含3个文件,当用户点击文件下的Free download按钮时,页面内会展

WordPress页面教程

这篇WordPress页面教程介绍了如下内容:什么是页面,页面具有哪些功能,如何制作页面,如何将页面添加到网站菜单中,如何给页面添加SEO标题、关键词、描述。

如何配置WooCommerce运费费率表Table Rate Shipping

本篇教程是针对Woocommerce的付费插件Table Rate Shipping(运费费率表)的,我们在进行B2C的购物型外贸网站建设时,可以使用到它配置复杂的运费计算规则。如果运费规则简单,那可以使用WooCommerce自带的功能配置运费。 运费费率表插件能够创建复杂的、适用于全球配送范围的运费规则。 您可以根据产品的配送区域,配置多个运费费率表,也可以针对每个地区设置多个运费费率表,还可

Elementor Pro的许可证密钥可以更换绑定的域名吗?

可以的。如果您已经购买Elementor Pro,并且想要将许可证从一个网站转移到另一个网站,有如下两种操作方法。 1.在原网站的WordPress后台中,断开Elementor授权,然后在新网站中激活。 2.登录Elementor账户中心,进入授权网站页面,将原网站停用,然后在新网站激活。 那已经被停用Elementor Pro授权的网站会有什么影响吗? 针对已经做好的网页,内容设计都不会受到影

WooCommerce优惠券教程

WooCommerce优惠券功能可以帮助我们向客户发放折扣、优惠,能够实现商品的促销。 如果想要使用WooCommerce优惠券功能,请按如下步骤启用该功能: 进入:  WooCommerce > Settings > General 勾选 Enable the use of coupon codes,然后保存 添加优惠券 添加优惠券码和介绍 进入: Ma

如何解决WooCommerce产品标签筛选显示数量不全、无法排序的问题

我遇到一个问题:在WooCommerce产品列表的侧边栏中,Product tags标签云的tags显示不全,后台有50多个标签,但实际只展示了40多个,由于我是代码手残党,所以找大佬要到了解决方案: 首先,安装code snippet插件,然后,添加如下代码段,其中$args[‘number’] = 100中的100即为显示的标签数量上限,请按需修改这个数值。 如果希望产

WordPress教程 – WordPress新手指南(2021)

在本WordPress教程中,您将找到使用WordPress创建网站所需的一切。从安装到备份,我们涵盖了所有内容。 此外,本页底部的有我撰写的最新WordPress教程列表。 首先,我们了解一下WordPress的历史,如果不想看,那就直接点击右侧的内容目录跳到你想看的栏目,或者点击此处前往安装WordPress教程 2003年5月27日,WordPress首次面世。创始人是马特·穆伦维格和迈克·

如何在WooCommerce产品列表中展示变体产品的最低价格

我们在用WooCommerce进行外贸建站时,如果销售的某产品存在多种属性且价格不同,那么在产品列表和产品详情中查看到该产品价格将会是一个区间,格式是:最低价~最高价。如果你希望在产品列表页中仅展示产品的最低价,而在产品详情页还保持区间价展示,那么下面这段代码就能够实现你的需求。 首先,请安装Code Snippet插件 然后,添加一个snippet,将下方代码复制进去 添加完后就是下图所示的模样

9个最适合Elementor的免费主题【官方推荐】

本文将介绍官方推荐的最适合Elementor的13款免费主题,LOYSEO博主把它们都用了一遍。 随着Elementor Theme Builder(主题构建器)的发布,您可以使用任何主题并用Elementor Pro设计网站的页眉、页脚、文章详情页模板和文章列表页模板。因此没有Elementor Pro的用户,可能希望找到:具有用于控制布局和设计功能的主题。 Hello Elementor 如果

如何隐藏WooCommerce购物车页面中的价格、总计等列

本文讲述:如何用自定义css,隐藏WooCommerce购物车(cart)页面的产品表中的某些列,譬如隐藏价格列(Price)、总计列(Subtotal)。 请进入WordPress网站后台的菜单:外观>>自定义>>额外CSS,并添加如下CSS,来实现上图的需求。 如上图所示,添加完代码后,就能看到购物车中的价格、总计列消失了。 你还可以通过code snippet添加cs

Hostinger主机:建站教程与评测

Hostinger是一个成立于2004年、大众点评4.4分(满分5分)、价格较低的WordPress建站服务器。本文将详细介绍:对比Hostinger的主机套餐、购买Hostinger的过程、使用Hostinger如何建站、基于Hostinger的网站速度测试等等。 Hostinger分了全球各种子网站,而且同配置主机价格也不一样,所以难免眼花(我已经眼花了)。 Hostinger主机怎么样 我评

Linode主机:优惠券、开通主机、安装宝塔面板教程

本文将介绍:linode优惠券12张,最高额度有60美金;如何注册linode;如何在linode开通CentOS7主机;如何在主机中安装宝塔面板。 Linode优惠券 – 新用户60美金信用额 Linode优惠券 优惠券码仅限新注册用户使用 优惠券码 优惠额度 LINODE10 $10 DOCS10 $10 PodcastInIt2017 $20 bootstrapped2017 $

如何用Migrate Guru免费插件进行WordPress网站搬家或克隆

使用Migrate Guru免费插件可以实现WordPress网站搬家或克隆,且不论是跨主机操作还是本机操作。本质上,它能够复制一个网站到目的地而原站不受影响,所以网站搬家也可以说是网站克隆。 简单介绍一下操作的思路:在原网站安装插件Migrate Guru,然后输入新网站的配置信息并提交,待验证通过后,软件便会自行搬运网站。 第1步,在原网站安装插件 Migrate Guru并激活它。 第2步,

如何在Elementor中移动元素?(2种方法+视频)

在使用Elementor编辑器进行WordPress建站或外贸网站建设时,我们可以通过移动元素来进行内容顺序的调整,移动的方法有两种: 在导航/navigator中拖拽元素上下移动,如果元素较多时,建议在导航中定义元素的名称,以便识别 直接按住元素的编辑按钮进行拖拽移。(当鼠标悬停于元素上时,就会出现蓝色的编辑按钮) 详见下方的操作视频。 更多相关阅读:Elementor教程

WooCommerce简码【实例讲解】

WooCommerce简码(shortcode)可以让我们将产品、购物车等内容加入到页面或者文章中。我们在外贸建站时,可以直接通过Elementor Pro的Product元素块来配置产品的展示,但如果元素块或是免费主题无法提供所需的产品配置呢?尤其针对免费建站,那学习WooCommerce简码能让你自定义所需的产品展示,譬如在网站首页,以tab标签的形式展示不同类目的产品。 此外,如果你使用Wo

我的九成客户都在用的Cloudways超快独享主机,本站专属优惠码:LOYSEO,前2个月可优惠30%,感谢你的互惠互助
读者学习交流群,
欢迎微信扫码加入