Before you create an asset, you need to know where your asset should best be located within the website's information architecture (IA). The IA is a hierarchical tree of assets, listed in columns or levels, visibly demonstrated by looking at the Asset Finder in Edit+.
See more about organising assets in the IA
To create an asset in Edit+, click 'New' in the top left-hand button options. You'll be taken to the Asset Creation Wizard.
The Asset Creation Wizard
A broad range of assets can be created by using the Asset Creation Wizard.
From the left-hand menu in the Asset Creation Wizard we have options to create the following asset types:
Single Calendar Event
Recurring Calendar Event
File bulk upload
Once you select the asset type you want to create, you'll be presented with a screen with different fields to complete including:
- Link information (for Redirects). You can set links to asset numbers or urls for external links.
Locating assets in the IA
Locating your page or asset in the correct place in the asset tree — or within the website's structure — is important for the structural integrity of the website. The correct location of your asset assists important factors like:
- good user experience — users will intuitively locate the information they're looking for.
Information architecture (IA)
Locate your asset in the right place
The asset location string is the URL path after the host name (see #3 above). You can work out the asset's location in the IA (and CMS) by looking at the url.
Parent / child asset relationship
Consider what page would be the logical parent of your asset. Conversely, consider whether the content of your page works as the logical parent of other pages. For example, the following asset structure makes sense:
- Study Areas (parent)
- Classics & Ancient History (child)
- Political Science (child)
Image and document assets in Media folders
A Media folder that houses additional folders for documents and images should be located directly under your landing page. Organise all images, graphics and documents like PDFs or Word docs within these folders as seen in the example below.
- URL is the abbreviation of Uniform Resource Locator.
- The URL reflects where your asset is located the asset tree.
- If you change the location of your asset, the url for that asset will change.
A URL is made up of different components:
- HTTP or HTTPS — identifies the protocol used to access the internet. HTTPS indicates that a security certificate has been set for the site.
- Host name — e.g. une.edu.au
- Path — the asset location string that follows the host name. This identifies where the asset sits in the IA.
When an asset is made live, the page name is reflected in the URL. If you subsequently change the page name, the new name will not be reflected in the URL.
Changing the page name in the web path
A webpage named 'Writing for Web Example 3.1' could have the url:
une.edu.au/training/writing-for-the-web/writing-for-web-example-3.1 (where ‘Writing for Web Example 3.1’ is the name of the page)
Using the above example, changing the page name to ‘Examples’ (instead of Writing for Web Example 3.1) should be reflected in the url:
So, if you the change a name of a page after it's been made live, the URL suffix (the end part of the url string) should be changed. You need to do this manually in the URLs screen. Automatic remapping to the newly changed URL can be set to take effect.
If you change the location of page
If you relocate your page to another area, its URL path will change. Any internal links to the page asset number will remain in tact, unbroken. Any links from external sites to your page, including from the Course and Unit Catalogue, will be broken unless the link is updated with the new URL, or a redirect is created.
Creating redirects to pages
This will only be necessary for pages that you know have been linked to from external sites and it's difficult getting this external link updated. The web team creates redirects, remapping the old expired URL to the new one: email the old and new URL to firstname.lastname@example.org
If you page URL has changed and there are external
See Editing Screens > URLs Screen (to change a web path).
See setting up redirects for your page.
Images and Graphics
Creating image and graphic assets in Edit+
In the process of creating an asset in Edit+, you need to select a location for your new asset.
Locate image assets in Media folders
The correct location for all image and graphic assets is a Media folder.
Each School or business area should have one Media folder positioned as a direct child of the area's top-level landing page.
Within your one Media folder, sub folders can be created and named according for different sections within your area's part of the web. The image below, captured from the Research branch of the CMS, illustrates one Media folder as a child asset of the (Research) landing page with sub folders that contain image files.
File names for image and graphic uploads
For identification of your image and graphic files, rename any files named something like this — IMG74636.jpg — to a name that describes the image.
Examples: agbu-logo.png; orientation-week-lazenby-hall-2017.jpg
Only use the following characters:
- lowercase letters
Steps for creating image assets
1. Go to the Asset Creation Wizard.
2. Select File > Image.
3. In the Image upload dialogue box:
- Click the Browse button and select your optimised image or graphic
- Enter a friendly name for the image in the Title window
- Select No for decorative — our web images should be context specific
- Enter ALT text
- Select No for show in menu
- Create location — select the Media folder or sub folder relevant to your image
Please note that at this stage you can add more images to upload by click the +Add More button (top left)
- Select Create
- After processing, click Edit and make your image live (in the Details screen).
See information about how to optimise an image for the web.
See information about correct naming of image files.
Video and Audio
Video assets are set up by the web team for:
- land pages widgets
- right-hand columns widgets
Your video must:
- be in Kaltura or uploaded to YouTube
- have closed captions set to comply with accessibility standards.
Email email@example.com to set up your widget.
Closed captions for videos
For videos purposed for marketing on the website that have a verbal audio track, the web team can organise captions on a cost-recovery basis.
We currently use a company called 3PlayMedia. A rough estimate of costs is $3 – $4 per minute. Turn-around is 3–5 working days.
To organise captions, send your video to the web team with your cost code.
After selecting the asset you want to edit, you'll get the option of editing the following screens:
- Details Screen
- Content Screen (not with events assets)
- Emails (online form assets only)
- Metadata Screen
- Linking Screen
- URLs Screen.
Screens that enable functionality
The following screens enable functionality to help manage your assets:
- Analytics — data available for some higher level live assets only.
All newly created assets are under construction. One you've developed your page content, you make your asset live by using the Details Screen.
1. Status — using the drop-down options, change the asset status to/from Live, Under construction, Safe Edit or Archive. Once the status is changed, click Save.
Asset status colours:
- Under construction (blue)
- Live (green)
- Safe edit (pink)
- Safe edit — pending (orange)
- archived (brown). If you need to make an archived asset live again, first put it under construction.
2. Future Status — set a new status for your asset to take effect on a date and time in the future. This is helpful if you want an under construction asset to go live on a particular date and time in the future (or vice versa).
3. Page Name — the title of page, appearing H2.
4. Page Short Name — add or edit the name of page in the Menu.
5. Related Image — only relates to some assets that use thumbnail images e.g. calendar events and some widget types.
Content Screen — standard pages
WYSIWYG editor and tool bar
Extensive WYSIWYG Editor instructions in the Squiz Matrix Manual will provide helpful information about most of the tools in the WYSIWYG toolbar.
You can add all your page content into one content container, or you can add additional content containers.
Adding text to content containers
There are two approaches:
- Type text directly into a WYSIWYG Content Container and format using the tools.
- Copy and paste content from MS Word* or other text edit applications.
*Please note that problematic style tags — e.g. <font> <span> — can also be copied over from MS Word. Cleaning up unwanted tags is done manually in the source editor by clicking the < > button the WYSIWYG toolbar. See SquizMatrix information about 'Viewing the HTML source code'.
To help eliminate pasting problematic tags, copy your text from MS Word into a script editing application like TextEdit (Mac) or Notepad++ (PC), then paste from there into Edit+.
Adding additional content containers
To create additional content containers, use the + button above or below the default content container on your page.
Content container settings for adding styles to blocks of content
Content containers can be styled individually. You can do this by editing the properties of the content container:
Click the cog icon in the content container header bar.
Styles can be set to content containers.
Add content into to the content containers.
Create additional content containers by clicking on the + button above and below the content container.
Change the properties of the content container buy clicking the cog icon in the content container header bar (see image below).