Tutorial 4 - Media, Menus, and Redirects

Media

Click on the Media tab on top to access the Media and Digital Asset Manager.

You can upload Images, Zip files, PDFs, and Videos.

Upload files by dragging them from disk.

You can also click the "Add File" button to add files to that folder.

Once files are uploaded, you can set meta data to make the files easier to find.

Managing Files

Add folders to organize the media files.

Move files by dragging them to the folder.

You can also move and rename files by changing the path.

One interesting feature of jsHarmony is that the paths are dynamically generated at publish time, so you can move files without breaking internal cross links between pages.

Revisions

Replace files by clicking the replace button.  This let's you put in a new file or logo without changing links.

You can click View Revisions to select a different active version.

If you're looking for a media file, you can click Search to find files across all folders.

Menus

Menus, like header menus, footer menus, and other menus, can be managed by clicking on the Menus tab on top.

When the Menus page is first accessed, it checks to see if any menus are required by the current theme / templates.  The "Functional" theme requires two menus in order to publish - a Main Menu and a Footer Menu.  You can automatically add these menus by clicking Yes.

Edit Menu items by clicking the Edit Button

Adding Menu Items

Try to add a few items to the Main Menu:

• Home
• About
• Contact

When done, click Save to commit the changes.

In the overview on top, it says that this menu supports items nested up to two levels deep.  Try to add a new top-level item and two second-level items:

• Services
  • Build
  • Engage

You can view revision history by clicking the Revisions button.

Now, if you go back to edit the Home Page, you'll see the new menu items on top.

Redirects

The jsHarmony CMS supports managing redirects per site via the GUI.

Redirects are an advanced feature, and in order for the redirect to work, a redirect site component must be installed.  For instance, Apache servers will require the .htaccess redirect site component to be installed.  If you are publishing to a Node.js Express site, you will need a site component that integrates with your Express router.

More information about configuring the redirect site components can be found in the Integration section.

Once the redirect site component is installed, you can manage the redirects under Page -> Redirects.

You can add redirect based on Exact Match, Begins With, or Regular Expressions

Below is an example of an Exact Match redirect:
    URL:   /contact.html
    Destination:   /contact-us.html
  
Below is an example of a regular expression redirect:
    URL:   /items/(.*)
    Destination:   /products/$1
The example above will redirect any URLs that start with /items/ to /products/.  The regular expression syntax will depend on the platform integration.

You can select a redirect type of 301, 302 or Pass-thru.  Redirects can function differently based on the integration, however generally:

• 301 and 302 redirects perform a redirect using HTTP headers
• Pass-thru will proxy or serve the target page in the original URL