APPLY TO MESSIAH

Jadu 102 Training

Welcome to Jadu 102

Congratulations on completing your Jadu training! As you begin to navigate the ins and outs of Jadu and editing your site, you can reference this page for more information.  

Homepages:

  • A homepage is a main landing page.
  • Sub category landing pages also use homepages for their main landing pages.
  • A homepage usually has one set of numbers in the url.
    • Example: messiah.edu/info/21711/widgets_and_supplements
  • Homepages are structured in rows and are customized with widgets. 
  • We reccomend you do not add more than 3 widgets in each row. 
  • You can embed events on a homapge. 
  • You can add supplements to homepages, but only on the left and bottom of the page. 
  • If you'd like to add an image to a homepage, use the image widget rather than the content widget. By using the image widget, you can control the size of the image better than an image embedded in a content widget.
  • Homepages are not added to the left nav automatically. 
  • If you would like a homepage to be added to the website navigation in the left nav, you must submit a web services help ticket.

Document page:

  • Document pages are supplemental pages, that are sub pages of certain homepages or categories. 
  • A document page usually has two set of numbers in the url.
    • Example: messiah.edu/info/20074/support_and_training/2637/creating_web_content
  • Typically document pages don't require much customization, and contain only text and images. 
  • When you look for a documnent page in the left nav, the document pages is typically going to be an indented link listed beneath a homepage. 
  • You can enhance a document page by using page supplements.
  • If you don't see content on your page in the editor, click the "Page Supplements" tab and select 'bottom' from the supplement location.  It's probably an accordion supplement or a contact supplement
  • Only images that are aligned left and right are resized at 30%. If images need to be actual size you can choose “inline” - here is a good example of images with inline images

There are two types of links in the left navigation on your site.  

  1. Homepage links: These are the links that you see when you go to a main landing page. These are driven by categories and can only be added, removed, or edited by the web services team.
    (image 1, homepage)
  2. Document page links: These are the indented links that appear when you click on a main link. 
    (image 1, document page)

Left nav

Supplements allow you to add navigational elements to your pages, as well as elements such as accordions, which are typically only available on a Homepage.  You can add supplements to Homepages AND Document pages.

The links that say "adding" a supplement are just that, how to add them.  The other links are to examples of how the specific supplement is used. We will provide directions on how to add them at a later date.

Other examples of supplements:

Widgets can only be added to Homepages. 

For examples of all of our available widgets (and supplements), please visit the Widgets and Supplements page.

Additional widget help:

Upload PDFs and Word docs

We have several videos on uploadind and linking to pdfs.

 

To upload 'secure' files (if you have already worked with Web services to set that up)

PDFs (Portable Document Format) are a great way to provide a long document which can be viewed in any browser and on any computer.  We recommend linking to PDFs rather than Word documents, as PDFs can be viewing cross platform.

How to do it:

  1. Save your document as a PDF. Suggestion: use “Optimize for minimum size” when people will view the document and “Standard” when people will print it out, like for a form.
  2. Copy or save it to the correct folder.  All PDF and other documents for the web will be stored on the W drive in the documents folder.  Web services will set up a subfolder for your department or area. Your folder will be similar to this: W: documents > yourdepartment > OR W:/ documents > departments > departmentname
  3. Open a new browser tab, type in: /documents/mydepartment/filename.ext Or possibly /documents/departments/yourdepartment/filename.ext. (replace 'yourdepartment' and 'filename.ext' with the actual folder name and actual (exact) filename.ext you are linking to.
  4. Contact Web Services for the correct link to use if you are unsure.

Link to the file in Jadu:

  1. Find your web page and click on the wrench to edit the content block where the link should go.
  2. Type in the text or highlight the existing text that visitors will click on to open the PDF.
  3. Click on the link button (globe with link)
  4. Paste the link into the Web or Email Address window.
  5. Click insert link.

Anytime you make an update to that PDF, overwrite the existing file in your W:/docs/documents/mydepartment/ directory, and you won’t need to change the link on your webpage.  If you are archiving your pdfs, then you will want to rename the file and you will need to relink on your webpage.

Login directly from your page

  • Navigate to the page you want to edit
  • Scroll to the bottom of the page,
  • Hover your mouse below the last link in the "Quick Links" column
  • Click the "Jadu" icon to login.  

 

Use the search bar

If you login to Jadu, you can find any page using the search bar. 

Page name search

 

Narrow down by category

By navigating from "Publishing" to either Document Pages or Homepages, you will see a list of the pages that you have access to. 

 

Open Home pages

Image Sizing

When placing images on the left or right of a page, ensure they are sized between 450-500 pixels wide. This size will adjust responsively based on the user's device. Maintain a resolution of 72 dpi, avoiding the default 300 dpi common in camera or phone images.

Image Preparation Tools

For image preparation, Adobe Photoshop is recommended. Alternatively, you can utilize Pixlr, a free online tool.

Placing Images on a Page

  1. Adding an Image to the Homepage:

Image Widgets

Alignment Options

In content or document widgets, images can be aligned left, right, inline, or center. Left and right alignments maintain a 30% width, while inline or center alignments adjust the size accordingly. Experiment with these options to optimize your layout.

Creating a homepage

Creating a document page

You might encounter formatting issues while working on your content. Here are some solutions:

  1. Double Spaced Lines: If you want a single spaced line instead of double spacing, press Shift+Enter at the end of the line.

  2. Pixelated Photos: If your photo appears pixelated, it's likely too small and is being enlarged to fill 30% of the page. Resize the original image to 450 pixels wide to resolve this issue. Never enlarge a small photo.

  3. Text Display Discrepancies:

    • Copying and pasting directly from Word may retain Word formatting in your code. Use Shift+Ctrl+V in Jadu to paste and remove formatting.
    • Avoid selecting "address" from the format dropdown in the Jadu editor, as it alters font size and appearance, which we don't use in our content.

Using the YouTube widget on homepages