零基础学习产品展示网站 B2B 外贸询盘网站的超详尽中文教程｜WordPress建站教程
Рет қаралды 9,676
Күн бұрын这个视频将会为您详细讲解如何从零开始设计一个产品展示网站，B2B网站，外贸询盘网站的设计方法。从零开始，并不需要任何网页设计基础。我们使用了最棒的网页设计器 Breakdance来设计，可以让您更加自信的发挥您的想象，把网站设计成你想象中的样子。Breakdance包括了大量的内置模块，和整站模版，让你无需了解高超的设计技巧便能设计出高水平的网站。我们还详细讲解了如何设计询盘流程，可以让您和客户高效率沟通，祝您的生意一臂之力。
🟡 Siteground： wutong.ca/siteground
🟡 Breakdance： wutong.ca/bd
视频的时间表：
00:00:00 - Start
00:09:34 - 购买和租用服务器
00:16:53 - 搭建并安装WordPress程序
00:21:06 - Siteground 后台网站管理设置
00:23:55 - 进入WordPress后台进行初始设置
00:28:16 - 好用的网站设计器 Breakdance
00:34:22 - 安装Breakdance模版
00:37:10 - 安装Woocommerce商城插件
00:39:00 - 全局设计参数设定
00:46:46 - 导入添加Woocommerce产品
00:52:24 - 产品页面模板设计
01:02:35 - 亚马逊引流网站的妙用
01:06:21 - 产品列表页面设计
01:18:22 - 产品列表页面单独产品模块自定义
01:23:46 - 网站其他页面的设计
01:24:35 - Header 导航条的设计和修改
01:30:15 - 导航条的移动端自适应
01:30:56 - Footer 页脚设计
01:32:26 - 随意添加设计模块
01:35:38 - 网站设计移动端自适应的方法
01:37:43 - 重要！B2B产品展示网站的询价表格设置
01:44:38 - 请记得要使用第三方邮件发送服务
01:47:55 - 欢迎点赞订阅和转发
📬 找到梧桐： wutong.ca
WordPress 推荐主机：
🟡 Siteground-wutong.ca/Siteground (大多数情况都够用)
🟡 Kinsta-wutong.ca/Kinsta (高流量的独立站/B2B/高性能网站)
梧桐推荐WP主题和编辑器：
🟡 Breakdance-wutong.ca/Breakdance (最适合Woocommerce建站)
🟡 Elementor-wutong.ca/Elementor (用户基数最大)
🟡 Blocksy-wutong.ca/Blocksy （全面能力的主题，10%优惠码：wutong10）
🟡 Kadence 套装-wutong.ca/Kadence (全套WP产品，推荐)
梧桐推荐网站推广工具：
🟡 Semrush-wutong.ca/semrush (我最推荐的SEO工具，强大且可选中文界面)
商城独立站搭建推荐平台：
🟡 Shopify-wutong.ca/shopify
联盟营销声明(Affiliate Disclosure)
💌 本频道所有的视频的表述均为个人的真实，客观的观点。同时，若视频或视频描述中有包含链接，则这些链接，经常会以 Affiliate 链接的形式出现，若您通过此链接购买后，您不会多付费，而我们会从商家处得到一小部分利润分享，用来支持这个频道。非常感谢您一直以来的支持，这些支持能让我做出更多免费的教程并分享给大家，感谢！We have Affiliate links in our description. Meaning we get a commission if you decide to purchase through our links. At no extra to you. We appreciate your support.
@htchmhhung9143 Жыл бұрын
Breakdance 好強大呀, 期待更多教學
@phonefacts001 Жыл бұрын
感谢老师精心录制，谢谢
@user-po5pp5rx9b Жыл бұрын
非常感谢梧桐老师的教学讲解，受益颇多，希望梧桐老师做一期如何将worldpress做好的网站用AppPresser插件制作成APP的课程。网上用中文讲解AppPresser的很少。非常期待梧桐老师做一期讲解。祝您生活愉快！事事如意！
@LuckyArnold99 Жыл бұрын
请问blocksy里面哪里可以设置favicon网站图标啊 我没有找到 能指点吗 谢谢
@caixialu6755 11 ай бұрын
老师，您好！ 非常喜欢您的课程。我看了您两年前的Blocksy theme 做博客的课程。喜欢这个干净简洁的theme. 只是很惭愧我依然觉得自己做很难。您是否接受收费服务，帮我设计一个很简单的博客网站呢？我在夏威夷。谢谢您的回复。
@joechow3036 Жыл бұрын
希望把側邊的高級篩選也做到一起，這個需要如何做？
@user-dw8nw3db1r 8 ай бұрын
这个视频看4遍了，今天开始动工了，请问shop页面左侧能不能添加产品类别的列表
@caixialu6755 11 ай бұрын
老师，如果看中了一个好看的网站，是否能够用它的模版做一个同样的呢? 谢谢您的答复。
@linyuan7065 11 ай бұрын
感谢分享。
@tly-vo3os Ай бұрын
梧桐老师，根据您的推荐我买了 breakdance,我设置了新的mainheader 和 footer,也设置了everywhere ,可是为什么只有home有main header&footer,其他页面都是原来的header和footer
@davidyang7262 7 ай бұрын
elemetor里面自带的邮件系统，挺好用的，不用设置
@user-km9ql6ed9v Жыл бұрын
有没有一起做独立站讨论的呀
@elianezhong605 Жыл бұрын
感谢梧桐老师的分享，请问下客户在填写表单之后，如何能获取到客户的IP和IP对应的国家地址？如果也是增加类似 Product URL的隐藏按钮来实现？
@梧桐小讲堂 Жыл бұрын
好问题，Breakdance 目前还不支持，如果想实现，可以直接利用fluentform，这样在提交的时候，可以就可以选择ip地址了。
@jasonxie2830 Жыл бұрын
老师。请问我的博客页面打不开是怎么回事呢？我建立了page但是浏览器发不开，没有内容
@AliceAlice-gd9ci Ай бұрын
请教：ADD NEW产品的时候，主图可以显示，但示GELLERY里面的一张都不显示出来是什么意思呢?
@TyohoTV 10 ай бұрын
梧桐老师,Astra主题有没有针对求职类网站的模版？客户可以在网站上注册、检索、互动等等，我们就是想做一个可以提供各种职位的信息的网站，这样的话，Astra主题是最好的选择吗？还有，这类的，可以互动的网站，你有专门的教程介绍吗？如何实现客户在检索的时候可以指定条件，比如说职位属性、范围、工资水平、地理位置等等，谢谢你！
@梧桐小讲堂 10 ай бұрын
你好，我没有这样的教程，有些复杂，还有别人有这样的需求吗？选astra模板一般不含功能性，只是设计。你的需求要选特定插件来实现。
@user-dw8nw3db1r 8 ай бұрын
梧桐老师，我在制作breakdance网站的时候碰到一个问题，就是我在add product的时候，那个long description 不能添加表格，我从excell里面制作好了，复制进去就是虚线的边框，有没有办法在前台显示实线的边框？期待您的答复
@梧桐小讲堂 8 ай бұрын
网页中加表格需要特殊办法，在wordpress中有插件可实现，如ninja table。但最简单的办法是把你的表格截图，当图片放在描述中
@joechow3036 Жыл бұрын
還有就是希望能夠做到把多個產品加到購物清單欄，之後統一個表單提交，這個如何實現
@marszhou2590 4 ай бұрын
同问
@xiulanxu1053 Жыл бұрын
請教, 我已經開始了製作 wordpress 一個網頁, 但想要做中文英文置換那種, 怎樣可以做到呢? 有沒有相關影片教學可推薦? 我好像沒找到. 謝謝
@梧桐小讲堂 Жыл бұрын
如何设计一个多种语言的WordPress网站|最简便的实现方式 kzfaq.info/get/bejne/pLNpkpOm3cyUdoU.html
@Venus-yr4by Ай бұрын
感谢老师的分享，想问下用breakdance做完网站之后直接发布吗，需不需要像AI建站一样移动到自己的服务器，怎么操作呢？怎么做SEO优化呢，谢谢梧桐老师
@梧桐小讲堂 Ай бұрын
在自己的服务器上用 breakdance，就可以直接发布了。不需要移动了，SEO 复杂一些。可以简单开始，用 rankmath 插件，根据提示一点点操作，网上有一大堆教程的。
@Venus-yr4by Ай бұрын
@@梧桐小讲堂 非常感谢梧桐老师，很受用。在breakdance上如何实现自适应多国语言呢
@user-ks9oz8lk1p 8 ай бұрын
梧桐老师，非常感谢您的视频！我尝试了导入和您一样的模版，在用浏览器正常打开网页后，Header导航条和网页上的一些文字会从清晰慢慢变的非常淡，导致看不清了，请问在哪里可以关闭或者修改这个功能呢？非常感谢！
@ursilk1810 7 ай бұрын
那是你没有买pro版本，你用的免费版本就是这样的，会给你隐藏不让你用
@user-ks9oz8lk1p 7 ай бұрын
@@ursilk1810 了解了，謝謝您！
@yueertoys5064 3 ай бұрын
您好老师页面找不到blog页面是什么原因
@JANELEE-dx3gi 14 күн бұрын
老师你好，就是我在网站WordPress里更改了一下那个网址，我保存之后就点进去这个网站就404了，所有关于这个网站的都404了，这 怎么办呀
@user-jy5ki6ts8d 10 ай бұрын
请问梧桐老师，Kadence和breakdance相比较，您更推荐哪款？各个优劣能否讲解下？谢谢
@梧桐小讲堂 10 ай бұрын
都不错，我都用，但对新手来说，最推荐breakdance
@user-jy5ki6ts8d 10 ай бұрын
了解，多谢老师🙏
@WMG-yi7iz 4 ай бұрын
提示主机配置不满足怎么解决？
@AdamTorres-fl7lo Ай бұрын
老师。为什么我找不到siteground注册的地方呀为什么只有登录这个怎么注册呀
@xinxinxie6669 Жыл бұрын
有联系方式嘛？
@LuckyArnold99 Жыл бұрын
请教 如果我买了siteground的growbig，网站的月用户访问量超过25000的话，网站就打不开了吗
@梧桐小讲堂 Жыл бұрын
我没碰到这个情况，因为如果你的网站流量那么大，应该你的网站已经觉得这个套餐速度不够用，早就升级了。因为并发流量不小了。不过按照我的理解，siteground会给你提示邮件的
@walkerstibel4620 Жыл бұрын
请教，老师 主页page，图片分页怎么设置操作
@OPTIPOW 10 ай бұрын
梧桐怎么联系你，有WX吗？
@Aegis314 10 ай бұрын
请问这个免费版本可以做展示型网站吗？可以在产品页面添加询盘表单吗
@梧桐小讲堂 10 ай бұрын
要收费版才能加表单
@user-wn9ye5dz9b 8 ай бұрын
怎样能联系到你
@justinlian8104 Жыл бұрын
表单收集后 后台可以看到是哪个页面来的询盘吗？
@梧桐小讲堂 Жыл бұрын
可以，在视频中演示的正好可以看到这部分
@user-dr1hy2ol9l Жыл бұрын
感谢梧桐老师的倾情分享传授！能否制作一期B2B工业产品的展示、询盘，和与商城结合的一期视频？如此可以节约前面注册流程时间，因为您前面所有视频都有详细的说明。
@梧桐小讲堂 Жыл бұрын
又询盘又销售？有这类网站网址作为例子给我看一下吗？
@user-dr1hy2ol9l Жыл бұрын
@@梧桐小讲堂 可能我描述的不准确，其实就是你讲的，B2B独立站设计嵌入商城的元素，要么您讲一个更详细的设备类B2B独立站教程，以前您讲的都是其他商品类，个人感觉独立站更适合的是非平台、电商类商品，所以，能否来一个设备类产品公司的独立站，用这个最新的编辑器，请指正
@梧桐小讲堂 Жыл бұрын
@@user-dr1hy2ol9l 谢谢建议，为了更好地说明问题，能否给我一个符合您说的条件的网站链接给我看看，参考一下？
@user-dr1hy2ol9l Жыл бұрын
@@梧桐小讲堂 我也不清楚怎么找这样的网站又看了一遍您的教程，您就不要以我的做参考了，您能再出一期就很期待！之前刚刚把astra&blocksy弄得差不多了，这又出来一个高级的产品，虽然有点吃力，但是总得接受最新最丰富的东西，感谢梧桐老师专业又朴素的授课！
@pugood_mx 2 ай бұрын
@@user-dr1hy2ol9l 我想这是一个好主意。就是一个有购买按钮，一个有询盘按钮。但好像没有什么必要吧。只要能把价格设置或是创建一个没有价格的产品.
@betterlighting_leddisplay 9 ай бұрын
老师，你好，请问一下，为什么你没有讲WooCommerce里的购物这一块呢，如何让客户下单以及付款这个流程。我按你的课程指示，安装完Breakdance，也设置好WooCommerce的5个流程，绑定了paypal，可是，就是没有购物和付款这个功能出现在产品的旁边。但是从Breakdance里的主题模板，Shop页面里，那些默认商品就有产品下单以及付款功能。
@梧桐小讲堂 9 ай бұрын
你好，这个是产品展示网站，不是商城网站的教程，大家用来只做询盘的。所以我把产品模版里面的加入购物车功能删掉了。没关系，你可以在产品页面模版中，在价格下面加入 “加入购物车”功能，就是一个完整的购物网站了。
@betterlighting_leddisplay 9 ай бұрын
@@梧桐小讲堂 非常感谢了梧桐老师，这个问题解决了。另外一个问题，我把修改过的主题网页链接复制到别的浏览器看效果时，网页上的部分内容会慢慢地淡下去，导致看不清文字，刷新一下会亮出来，但是马上又会渐渐地淡下去，就像是透明度自动被调得很低了，每个页面都会这样，但是如果是登录worldpress，在后台预览，或编辑状态就不会这样，只要是在没登录的浏览器上打开，都是这样，各个浏览器都试了，也是这样。
@梧桐小讲堂 9 ай бұрын
@@betterlighting_leddisplay 你好，很抱歉，这个需要打开你的后台一点点排查，像是加了什么效果，不深入排查很难知道。
@betterlighting_leddisplay 9 ай бұрын
@@梧桐小讲堂 老师，您好，感谢您的回复，起初我以为是不是误操了哪个功能，直到我新建几个临时域名的网站，换了breakdance里别的任意主题测试，我不做任何修改，默认就是这样的，确实让人匪夷所思。梧桐老师，如果你有时间，也可以用临时域名网站测试一下，会不会是breakdance对所有用户都这样呢？
@syr1145 10 ай бұрын
你好，梧桐老师，我的SG后台---Security---Blocked Traffic---Add blocked IP这里的输入框里，是我的网站域名，这个正常吗？应该显示吗？
@梧桐小讲堂 10 ай бұрын
你好，不应该block，应该是误操作？可以解除掉，不要屏蔽自己域名。
@syr1145 9 ай бұрын
好的，谢谢梧桐老师！ @@梧桐小讲堂
@howardsu3411 4 ай бұрын
您好，请教一下，我用WordPress搭配breakdance制作了独立站，一切都正常。唯独产品展示页面的标签页标题栏会显示page not found，但是这个页面是可以正常打开浏览的，请问您知道是什么原因吗
@梧桐小讲堂 4 ай бұрын
您好！标签页标题栏是指浏览器上的标签栏吗？如果是，是否有设置过产品页面的SEO参数？或看产品页面模版有无设置过什么参数？
@howardsu3411 4 ай бұрын
@@梧桐小讲堂 感谢老师解答！ 是的指的浏览器上的标签栏，用rank math设置了页面title，产品页面模板参数没有手动调整过，目前还是没找到具体原因
@longchen9901 10 ай бұрын
老师你好，最近我发现了一款XStore主题，感觉介绍里的功能都蛮不错的，但是网上搜索并未有很多关于该主题的信息。请问你知道这款插件？怎么评价？谢谢
@梧桐小讲堂 10 ай бұрын
抱歉，我没用过也不太了解，我越来越多的在是使用综合性的编辑器而不是主题来解决问题，像breakdance，因为后期灵活性最好
@longchen9901 10 ай бұрын
谢谢回复， 是类似stackable这样的插件对？用Blocksy主题时安装的，感觉非常好用也很容易上手。 可stackable这类插件在电脑界面的时候还好，可手机界面，布局想要精细调整，就没办法了（好像大多插件都这样）@@梧桐小讲堂
@梧桐小讲堂 10 ай бұрын
@@longchen9901 你好，更推荐breakdance或者elementor，或divi，我使用breakdance更多了。这个可以让你更随心所欲的设计任何界面。包括手机界面，非常强大。比stackable更强大，stackable是基于wordpress的古腾堡的，只能实现部分功能，而以上几个跳出了古腾堡的限制，功能扩展容易，模版众多。breakdance直接禁用主题，更轻量，更彻底。且breakdance对woocommerce商城插件更好的支持。
@fulianchen9450 10 ай бұрын
梧桐老师，在最后一步提交表单那个按钮是灰色的，点击不了。 请问这是什么原因啊？？？
@梧桐小讲堂 10 ай бұрын
你好，邮件发送功能安装了吗？
@fulianchen9450 10 ай бұрын
@@梧桐小讲堂 可以了，我发现是同一个页面有两个表单才产生的问题。可是现在menu更新同步不了。。。。搞好这里其他地方弄不好
@Gohan696 7 ай бұрын
老师好，我购买安装breakdance后点插件下的任何按钮都打不开（home、templates)，错误代码500。这是什么原因呢？
@梧桐小讲堂 7 ай бұрын
你好，听起来是wordpress插件错误，可能的原因有很多。你使用的全新安装的siteground服务器吗？
@Gohan696 7 ай бұрын
@@梧桐小讲堂 我在看到您的视频之前买了别的主机商的服务器。现在解决好了，原来是因为主机商的插件版本更新了导致的，我更新了就好了，谢谢梧桐老师
@elshhhh1487 10 ай бұрын
请问加入购物车超出库存会提示中文，这个提示在哪改成英文呀，站点语言上英文的。
@梧桐小讲堂 10 ай бұрын
是不是你帐户语言是中文？那就在你个人右上角的名称点击去后修改。
@elshhhh1487 10 ай бұрын
找到原因了，是和浏览器的语言有关，浏览器语言改为英文就正常了！谢谢您！@@梧桐小讲堂
@user-wn9ye5dz9b 11 ай бұрын
你好，我用WordPress建了一个网站，但一些细节没有搞好，还有遇到的问题 ，没法解决，还有就是我把Blocksy点了一下，应该是重装了，但是没有装完，网站就就变的怪怪的了，不知道怎么修改过来，有时候能指导我一下吗
@syr1145 10 ай бұрын
我也遇到过，别着急，确实有点小麻烦对于新手来说，后台看一下，是否重装，或者你又安装了astra/同时你实验性的在blocksy thems 里上传了astra thems!我当时是这样的，费了老大劲才搞明白。相比你的网页看起来，页眉都是重叠的是吧？内容也花了？我也忘记是咋回事了，反正后来再也不敢用两个主题设计一个网站了。我是全部删除了这两个主题，然后在SG后台，找到folder 还是file,反正有个地方存放着你的网站的每一个网页，你将不是你想要的网页删除就好了，我就记得这些，不好意思。
@syr1145 10 ай бұрын
或者不用删除你安装主题，先去SG后台，找我说的文件夹或者文件的英文选项，打开就会看见每一个网页，你挨个删除，不是你正在设计的，都删除掉，就好了
@user-wn9ye5dz9b 10 ай бұрын
你好你在那里，你现在搞明白怎么建了吗？
@chriswc3 Жыл бұрын
老师你好，我是你的忠实观众，最近开始制作网站，是希望制作售卖NFC电子名片给顾客。可是不懂如何开始，尤其是让顾客登入填写个人资料的页面，不懂如何制作，老师可有办法以及可以介绍的Plug In? 是希望可以让顾客随时更改资料，还可以追踪讯息。先谢谢老师。
@梧桐小讲堂 Жыл бұрын
对你来说，选择客户购买成功后，发送邮件给客户，并包含问询表格，是比较好的解决方案。你可以用Shopify或woo，然后用一些automation的工具如zapier等，链接你的Shopify或woo。实现当有新订单后，直接让表格工具发送新问卷链接，表格工具可以用fluentform（Wordpress），或第三方独立工具，如typerform。解释起来复杂，但实际不难。
@chriswc3 Жыл бұрын
@@梧桐小讲堂 谢谢老师，听起有点复杂，我会试试。可是还是实现不了顾客可以直接设计电子名片的部分，类似kzfaq.info/get/bejne/Z7ZjqMdq17GciZ8.html 我研究过Lumise plug in, 可是只是给衣服的，老师可有想法及步骤可以做到？
@situmike Жыл бұрын
老师，您好，我添加的表单，无法点击发送按钮，是什么原因呀
@梧桐小讲堂 Жыл бұрын
你好！是breakdance吗？
@situmike Жыл бұрын
@@梧桐小讲堂 是的，老师
@situmike Жыл бұрын
就是按步骤添加的询盘表单，底下发送按钮是灰色的。
@梧桐小讲堂 Жыл бұрын
有些奇怪，按理说不会这样的。哪怕你没有设置邮件发送功能，也可以发送询价表单，只不过在后台看结果而已。所以这个是可以使用的。你试试在breakdance里面，找到setting，advanced，Regenerate CSS Cache 试一试，如果不行，建议联系一下他们的客服。breakdance.com/support/
@situmike 11 ай бұрын
@@梧桐小讲堂 好的，谢谢梧桐老师
@yunzhao-ry2yz 9 ай бұрын
梧桐老师，我的wordpress网站为什么只有港澳和大陆的ip能打开，而其他国家的ip地址打不开呢
@梧桐小讲堂 9 ай бұрын
你的网址？
@yunzhao-ry2yz 9 ай бұрын
对，我用梯子挂美国ip还有其他国家就打不开@@梧桐小讲堂
@FY2024 10 ай бұрын
购买域名，移动手机信用卡付款收不到验证码,怎么办？
@梧桐小讲堂 10 ай бұрын
用这个链接找客服即可。siteground.chat-assistance.com/login?presales=1
@FY2024 10 ай бұрын
非常感谢，通过您的链接购买了siteground 和BreakDance，还在学习中……@@梧桐小讲堂
@user-wn9ye5dz9b 10 ай бұрын
梧桐怎么联系你了，
@梧桐小讲堂 10 ай бұрын
您可在这里给我留言
@BebeshkoNiko 10 ай бұрын
梧桐老师,想问一下可以安装多语言插件嘛?想展示给全球的客户@@梧桐小讲堂
@alvah5389 11 ай бұрын
大佬这个支持中文吗？
@梧桐小讲堂 11 ай бұрын
你好，支持
@alvah5389 11 ай бұрын
@@梧桐小讲堂 breakdance这个插件如何修改成中文，网站找了半天没找到相关的解决方法
@梧桐小讲堂 11 ай бұрын
@@alvah5389 抱歉我没说清楚，我是说wordpress支持中文，但breakdance目前不支持中文
@evcubnb 5 ай бұрын
梧桐老师，非常感谢您一直以来的教学。您这期讲的每个商品页连接不同的亚马逊链接需要用到什么插件？@NoCodeWuTong
@梧桐小讲堂 5 ай бұрын
ACF 插件
@evcubnb 4 ай бұрын
@@梧桐小讲堂 谢谢
Garena Free Fire Global
Рет қаралды 55 МЛН
与有风一起学习AI网络营销工具
Рет қаралды 9 М.
溫蒂老師
Рет қаралды 2,4 М.
ALFA TRICKS
Рет қаралды 12 МЛН
Sameer Gaming
Рет қаралды 2,5 МЛН
notebook-31
Рет қаралды 61 М.