WordPress 三维模型展示插件-3D Viewer

3D Viewer是一款 WordPress 三维模型展示插件，用于在 WordPress 网站中展示产品的三维模型。3D Viewer 能嵌入 3D 模型到 WordPress 网页中。用起来非常简单，新手也能轻松使用。包括在文章、页面、小部件区域及 WooCommerce 产品页面中嵌入任何 3D 文件。并提供多种展示、互动功能，提高访客体验。

一、3D Viewer插件特色

• WooCommerce：支持并扩展了 WooCommerce 功能。在产品页面中嵌入 3D 模型。
• 3D 画廊：添加每个产品变体的 3D 模型，作为图库嵌入到产品页面中吸引客户。
• 轻量级：使用单个 JavaScript 库，使嵌入器非常轻量级。
• 多源：支持 3d 文件的外部链接，也可以将 3d 模型文件上传到 WordPress 媒体库中。
• 预设：预设设置简单易用。
• Elementor：与 elementor 页面构建器完美兼容。
• 用户友好的界面：提供了一个简洁且易于使用的界面。
• ShortCode：使用 ShortCode API 把模型嵌入网站任何位置。
• 自动旋转：自动旋转选项提供 360 度观看体验。
• 触摸：与启用触摸屏的设备的模型交互。
• 缩放：通过鼠标滚动或触摸放大、缩小。
• 延迟加载：改善用户体验，减少加载时间，并通过搜索引擎获得排名。

二、3D Viewer插件安装启用

在 WordPress 后台>插件>安装插件，搜索 3D Viewer，如下图就是这款插件了。点击安装并启用就行了。

三、3D Viewer插件设置

进入设置页面，点击 skip跳过更新、新闻的推送。

看到插件介绍页面，有教学视频可以学习如何设置插件。

分为两种添加类型，一种是添加到文章、页面及其他地方；第二种是添加到 WooCommerce 产品页面中。

3.1、3D Viewer添加到文章、页面

使用简码（短代码）添加。

在 3D Viewver > add new，起个名字。

在下面的 3D source 上传本地的 3D 文件。支持.glb、.gltf等多种3D模型文件。

还可以调整宽度、高度、背景色、移动控制、缩放、加载形式、显示位置等。

保存。

把生成的 Shortcode 复制，粘贴到文章、页面及其他位置，并根据可显示大小调整宽度、高度。

以古腾堡为例，在文章、页面中添加 shortcode（简码）区块，把上面的 [3d_viewer_id=”559] 粘贴进来，保存后查看效果。

3.2、3D Viewer添加 WooCommerce 产品页面

WooCommerce >add new，添加新产品。

向下滚动到 3D Viewer 的 Metabox，添加 3D 模型或粘贴模型 url，发布产品。

访问产品页面查看嵌入式模型。