Setting Up Aptuitiv Studio
Below is a screenshot of the Site Manager navigation bar, accessible by clicking the My Apps button in the bottom-left of the screen and selecting Site Manager. This menu will be integral to the process of setting up your website in Aptuitiv Studio.
Navigation
A great place to begin setting up Aptuitiv Studio is by establishing the navigation, which is found under Site Manager. To the right is an image displaying the list of navigation menus for this very site. Within the highlight is where you can copy the Navigation Tags as needed.
In most cases you should be able to immediately begin adding navigation menus and items, but for the few cases that the default navigation layout doesn't fully support your needs, use the Navigation Layout feature to fully customize the structure of your menus.
Content Blocks
After navigation is completed, content blocks will be the next component that you will want to set up. Setting up content blocks is as easy as navigating to Content Blocks under the Site Manager and assigning a name, the Aptuitiv Tag will be automatically created.
For more detail on setting up content blocks, click here.
Templates
With both navigation and content blocks established, you are now ready to begin building templates within the Templates tab under Site Manager.
Before adding your HTML, select the appropriate content blocks you wish the template to recognize from the list on the General Information tab (pictured to the right). Now simply copy and paste the <body> content from your HTML mock-ups into the template under the HTML Tab, including any body ID or class.
At this point the template should look very similar to your original HTML file, but with the addition of special API tags in the <head> (remember when adding content in the <head> to add it, don't replace it). Now, within the <body> section, insert the content block tags and any navigation menu tags into their respective locations. For an example of this, using our demo site code, click here.
More information on templates can be found here.
Congratulations, you have set up a basic and flexible template which can be applied to display literally hundreds pages! For any additional templates repeat these steps, perhaps even copy the template and change the code that differs to save time.
Even still, there are ways to further optimize your templates, such as the use of snippets which replace large areas of code that are repeated across templates. Since these are additional measures and not necessary to creating your site, the next step is to set up any Apps that your site has available.