Elementor教程:最新原生Elementor Mega Menu如何实现?(附视频)
本文介绍最新基于原生Elementor Mega Menu实现方法,Elementor最新版本3.12.0实现了原生的Mega Menu功能。该功能需要安装激活Elementor Pro。 本站提供E
本站分享WordPress外贸建站技术,教你从0开始一步一步的搭建自己的外贸网站,本站教程涵盖域名注册、主机购买、WordPress基础知识、WordPress主题教程、插件教程、页面构建器Elementor教程、网站加速优化教程、SEO及数据分析等内容。通过本站的内容学习你可以掌握一整套的外贸网站搭建及运营的知识。
以下内容是整理的一套完整的基于WordPress的B2B外贸建站教程。
当然,WordPress存在一些缺点,比如大多数好用的主题和插件都是需要收费,不同的插件和主题之间会存在兼容性问题,代码冗余等等,如果用的好,除了收费的主题和插件,其它问题大部分其实都可以避免。
如果你还没怎么听说过WordPress,→前往WordPress官网学习基础知识
首先,我自己是不推荐宝塔和Cpanel面板建站,宝塔和Cpanel面板需要你了解一些基础的运维知识,即使网络上已经有了很多资料和教程,它们任然会消耗你一些额外的时间和精力。
如果只想专注自己的业务,可以选择操作更加简单的主机比如SiteGround和Cloudway。
使用管理简单的WordPress主机可以事半功倍,尤其是对于一些0基础新手来说,可以省略底层环境的管理的知识。
即使我不喜欢宝塔面板,我还是写了如何使用宝塔搭建wordpress的教程,国内大部分主机例如阿里云或者腾讯云都需要借助宝塔来管理网站。
域名和主机我都视为数字资产,既然是自己花钱购买的资产,那么就要掌握在自己手里。
尤其是域名,你为网站所作的一切工作所带来的流量都是和域名绑定在一起的。
大部分WordPress托管主机在购买时就需要你绑定域名,所以我们应该先购买好域名,或者直接在主机商那里选择购买一个域名(部分主机商会免费赠送一年)。
先检查域名是否已经被注册(去NameSilo输入域名检测是否被注册);
域名邮箱是外贸必不可少的工具,SiteGround提供了免费的域名邮箱服务(我猜这大概是第二年续费价格昂贵的原因之一),Cloudway也提供域名邮箱服务,$1/每月一个邮箱账号。当然也可以从阿里云或者其它平台购买邮箱服务。
WordPress的主题就像是一套皮肤,不同的主题之间的差异非常大,更换主题意味着需要额外投入学习成本,不要轻易换主题,除非必须。你应该在规划建站的时候就考虑好选用什么样的主题。
我自己非常喜欢Hello Elementor主题,再加上Elementor Pro的Theme Builder功能我完全可以自定义主题。本站基于Hello Elementor主题制作。
Astra也是我非常喜欢的主题,因为它非常轻量化,当我需要制作透明页头和Mega Menu时我会选择Astra主题。
没有十全十美的主题!适合的就是最好的!
以下是我在B2B外贸建站过程中用到的插件汇总,这些插件基本可以满足一个完整的B2B外贸网站搭建。如果你还需要额外的功能,比如接入Whatsapp就需要额外接入插件来实现。
Elementor Pro提供了表单功能可以实现外贸网站的询盘功能,你不需要再额外购买和安装额外的插件。
插件名称 | 主要功能 | 官方价格 | 备注 |
---|---|---|---|
Woocommerce | 产品管理(B2B网站不需要使用其电子商务的功能) | 免费 | Woo有配置要求,如果可以不装,建议不安装,如果你的产品比较少,可以使用Post管理,如果只有几个产品落地页使用page也可以展示产品。 |
Elementor | 可视化页面编辑器 | 免费 | |
Elementor Pro | 可视化页面编辑器高级版本,创建主题模板自定义主题,元素可以设置动态数据。必须安装Elementor插件。 | $49/1个站点/年起步 | 站长资源49元/年1个授权 |
Iks Menu Pro | 超级可定制的手风琴菜单,可以制作非常精美的侧边栏菜单,通过简码添加到网站的任何地方。 | $99.9终身无限 | 联系站长购买49元无限终身版本 |
Rank Math SEO | SEO管理工具,非常完备的网站SEO管理功能,而且免费。 | 免费 | |
Ultimate Addons for Elementor | Elementor元素扩展,增加额外的元素可以在使用Elementor页面编辑器中使用。我最喜欢的一款Elementor元素扩展。 | $59/年起(不限网站) | 福利:添加微信或者进入微信群可以领取一个站点终身授权!!! |
WP Rocket | WordPress加速优化插件,可以设置网站缓存,优化CSS和JS文件,设置预加载,图片懒加载,以及CDN等。 | $49/1站点/1年起步 | |
Redis Object Cache | 缓存设置,配合主机的Redis缓存服务使用,可以在网站后台刷新网站的Object缓存。 | 免费 | |
Perfmatters | 轻量级 WordPress 性能插件,和WP Rocket部分功能重复,优势在于可以禁用一些不需要的脚本以提升网站速度。 | $24.95/1个站点/1年 起步 | |
Post SMTP | 设置网站询盘等信息的邮件转发。 | 免费 | |
ShortPixel image optimizer | 图片压缩工具,免费账号每个月有100张的压缩额度,你可以购买一次性额度。比免费的reSmush.it Image Optimizer效果更好! | $3.99/每月7000张图片起步,或者一次性$9.9910000张起步 | 可以使用免费的图片压缩插件reSmush.it代替,但是付费版的效果更佳。 |
Wordfence Security | 网站安装保护,可以设置登录保护,防止恶意扫描等。 | 免费版本足够用 |
B2B外贸网站不建议接入在线聊天工具,一方面需要加载外部资源,会影响网站速度,另外你需要有有一个24H在线的支持人员,如果开启在线聊天,客户的消息不能及时回复,会流失客户,反而询盘表单更加好一点,或者WhatsApp更加好一点。
我非常喜欢Elementor Pro的Theme Builder功能,它可以自定义主题。我的B2B外贸建站模板都是使用Theme Builder来实现的。
如果你要使用Elementor Pro来制作外贸网站,你可以
首先,你需要设置SMTP服务,部分主机自带了SMTP服务,也可以在WordPress网站后台通过Post SMTP插件来配置SMTP服务。
配置SMTP服务过程就是将一个邮箱地址(可以是任何邮箱,包括企业邮箱或者个人邮箱地址)配置到你的网站进行邮件转发,当网站收到用户提交的询盘时,SMTP服务的邮箱会转发一个询盘邮件到你任意邮箱(接收询盘的邮箱可以是多个,通常在表单中配置即可)。
然后,设置一个询盘表单,并配置接受询盘消息的收件箱,同时需要将询盘发送的邮箱地址设置为你配置SMTP服务的邮箱。
网站加速优化的终极指南还在更新中,敬请期待!
本文介绍最新基于原生Elementor Mega Menu实现方法,Elementor最新版本3.12.0实现了原生的Mega Menu功能。该功能需要安装激活Elementor Pro。 本站提供E
本文介绍如何在Elementor中实现点击事件显示或隐藏元素,Elementor目前没有点击事件的设置,比如像通过点击某个元素之后另外的元素显示或者隐藏,原生的Elementor还不具备这样的功能。
E-Addons是一套Elementor扩展组件,它包含免费插件和付费插件,其中核心插件Display Condition组件是免费的,我通常用它来实现一些元素点击显示与关闭的效果。
ElementsKit Elementor 插件是 Elementor Page Builder 的终极一体化插件。它包括最全面的模块,例如Header Footer Builder、Mega Men
本文介绍Icon Element Elementor插件安装使用教程,Icon Element Elementor插件 是一款Elementor页面编辑器的图标扩展包,安装之后你可以在图标库中选择和使
本文介绍基于WordPress通过CPT UI和ACF实现产品管理的外贸B2B建站方法,相对比通过Woocommerce插件实现产品管理速度回更快,而且基本可以满足外贸B2B建站功能需求。 本站B2B
本文介绍如何使用Elementor Loop Item定制产品列表展示结构。Elementor 3.8 Pro 引入了 Loop Builder ,可以实现自定义循环列表项目。解决了产品列表
CPT UI全称Custom Post Type UI,是一款开源免费的WordPress插件,可以实现自定义内容类型,本文将介绍CPT UI插件的安装使用教程。 我通常会使用CPT UI来帮助我定义