3d presentation tutorial

Set Up 3D Presentation

1Open Settings page.

Set Up 3D Presentation

2Set optional linked stylesheet url (e.g., Google Fonts).

Set Up 3D Presentation

3Set additional CSS styles.

Set Up 3D Presentation

4Set 3D Presentation page Title and Meta (description and author)

Set Up 3D Presentation

5Default 3D Presentation is available at the link indicated here.

{ your web site url } / index.php?3dpresentation=true

Set Up 3D Presentation

6Default 3D Presentation is there.

Edit 3D Presentation Step

7Click on 3D Presentation to open Steps list

Edit 3D Presentation Step

813 Defaults Steps are there in draft status.

Edit 3D Presentation Step

9Let’s create a new Step (Add New Step) and have it at the beginning of the sequence.

Current minimum Sequence Number is 10, we will put Sequence Number = 5 in the new Step in order to have it shown at the beginning of the 3D presentation.

Edit 3D Presentation Step

10Each Step has Title, a Content and specific 3D Presentation Step Attributes.

Title

Content

StepAttributes

Edit 3D Presentation Step

11Let’s set Title, Content and sequence number and Save Draft.

Hello

Hello World!

5

Edit 3D Presentation Step

12If we check back to the 3D Presentation now we have the new Step we just created at the beginning of the 3D Presentation.

Edit 3D Presentation Step

13The other Step Attributes allow you to name, to position, to rotate, to scale, and to style your 3D Step.

Name

3DPosition

3DRotation

Scale

Style (selector)

STEP 2 - Import Data

14Overview (Front overall View) helps you to calibrate your elements attributes within the whole 3D Presentation.

End

15Enjoy 3D Presentation! The power or impress.js brought into Worpdress.