外掛說明
Advanced 3D Model Viewer allowing you to easily embed and interact with 3D models in your posts, pages, and custom content. Whether you’re an architect showcasing building designs, a product designer displaying prototypes, an educator creating interactive learning materials, or a 3D artist sharing your work, this plugin provides a seamless way to bring your 3D model to life on the web.
Work as
- gltf viewer
- glb viewer
Features:
- Gutenberg block for easy embedding of 3D models
- Shortcode support for use in classic editor or text widgets
- Custom post type for managing 3D model viewers
- Support for multiple 3D file formats including glTF, glb
- Customizable viewer size, background color, and alignment
- Optional auto-rotation and camera controls
- Poster image support for faster loading
- Responsive design for optimal viewing on all devices
- Built with modern web technologies for fast and smooth performance
Source Code Availability
To comply with WordPress.org guidelines and ensure transparency, we provide access to the uncompressed source code of our JavaScript files. This is important for the review process and for users who wish to examine or modify the code.
Accessing the Source Code
The uncompressed JavaScript source files are available in the src folder of our plugin repository. You can find these files at:
https://github.com/shehabulislam/advanced-3d-model-viewer/tree/main/src
Included in the src folder as well.
We utilized an open-source library for model viewing: https://github.com/google/model-viewer
Support
For support inquiries, please visit our support forum or contact us at wordpress@wpshopifyexpert.com.
Contribute
If you’d like to contribute to the development of this plugin, visit our GitHub repository.
螢幕擷圖
Settings
適用於區塊編輯器
這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。
- Advanced 3D Model Viewer Display a 3D Model In Your Website.
安裝方式
- Upload the plugin files to the
/wp-content/plugins/advanced-3d-model-viewerdirectory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the ‘Plugins’ screen in WordPress.
- Use the Advanced 3D Model Viewer block in the block editor, or use the shortcode [a3dmv_model_viewer] in your posts and pages.
常見問題集
-
What 3D file formats are supported?
-
The plugin supports various 3D file formats including glTF, glb
-
Can I customize the appearance of the 3D viewer?
-
Yes, you can customize the width, height, background color, alignment, and more using the block settings or shortcode attributes.
-
How can I use the shortcode?
-
You can use the shortcode [a3dmv_model_viewer] with various attributes to customize the 3D model viewer. Here’s a detailed explanation of all available attributes:
[a3dmv_model_viewer id=”123″ model_url=”https://example.com/model.gltf” poster_url=”https://example.com/poster.jpg” alignment=”center” auto_rotate=”true” loading=”lazy” mouse_interaction=”true” bg_color=”#ffffff” width=”800″ height=”600″]
Shortcode Attributes:
- id: (optional) The ID of a previously created 3D Model Viewer post. If provided, it will use the settings from that post.
- model_url: (required if id is not provided) The URL of your 3D model file.
- poster_url: (optional) The URL of an image to display while the 3D model is loading.
- alignment: (optional) Set the alignment of the viewer. Options: ‘left’, ‘center’, ‘right’. Default: ‘left’.
- align: (optional) Alternative attribute for alignment. Uses the same options as ‘alignment’.
- auto_rotate: (optional) Enable or disable auto-rotation of the model. Options: ‘true’, ‘false’. Default: ‘false’.
- loading: (optional) Set the loading behavior. Options: ‘auto’, ‘lazy’, ‘eager’. Default: ‘eager’.
- mouse_interaction: (optional) Enable or disable mouse interaction (camera controls). Options: ‘true’, ‘false’. Default: ‘true’.
- bg_color: (optional) Set the background color of the viewer. Use color hex codes or color names. Default: ‘transparent’.
- width: (optional) Set the width of the viewer in pixels. Default: 600.
- height: (optional) Set the height of the viewer in pixels. Default: 400.
Example with minimal attributes:
[a3dmv_model_viewer model_url=”https://example.com/model.gltf”]Example with all attributes:
[a3dmv_model_viewer model_url=”https://example.com/model.gltf” poster_url=”https://example.com/poster.jpg” alignment=”center” auto_rotate=”true” loading=”lazy” mouse_interaction=”true” bg_color=”#f0f0f0″ width=”1000″ height=”800″]
使用者評論
這個外掛目前沒有任何使用者評論。
參與者及開發者
變更記錄
1.0.0
- Initial release
- Added support for auto-rotation, camera controls, and poster images
- Implemented customizable loading behavior and mouse interaction