Updated

Pages — how to add, move and delete pages

Always remember that artboard name = screen code.

For example:

  1. an Illustrator file called about.ai
  2. contains artboards called mb and cp
  3. which create SVG files called about_mb.svg and about_cp.svg
  4. which will display the Mobile and Computer screen versions of the page

Creating a New Page

Copying a page involves three steps:

  1. open Blank Page.ait (or duplicate an existing Illustrator file)
  2. save the new page in Illustrator using Svija Tools
  3. add the new page in Svija Admin

To add the page in Svija Admin:

  • go back to Svija Sync and click on the Admin button
  • navigate to Pages, then click Add Page
Page Settings in Svija Admin

To add the page in Svija Admin:

  1. go back to Svija Sync and click on the Admin button (or go to yoursite.com/a)
  2. navigate to Pages, then click Add Page
  3. enter the address you want the page to have (mysite.com/thispart) and give it a title
  4. click Add another Illustrator file, then paste the Illustrator file name into the orange rectangle

Click save and you’re done. You can now visit the new page at mysite.com/thispart.

Note: to publish both mobile and computer versions of the page, you’ll need to do this twice.


Default Page Formats

The following formats are supplied by default, and included in the Illustrator template Blank Page.ait:

  • Mobile screen pages: 300px wide — artboard code mb
  • Computer screen pages: 1200px wide — artboard code cp

These are defined in the Screens settings in Svija Admin.

You can change the existing settings or add new settings (for “tablet” for example).


Pages in this section:

Leave a Reply

Your email address will not be published. Required fields are marked *