Publishing Schedule

CMS webpages and files automatically publish on a set schedule. You will have to wait for the CMS to publish your modified files before they become live on the web. Only files in the Public state will be published.

Mobile Publish Schedule

  • 3 a.m.

Desktop Publish Schedule

All publishes take about one hour to complete from the starting times listed below:

  • 1:00 a.m.
  • 12:00 noon
  • 4:00 p.m.

Unsure if your page published? Check the last-modified date of your webpage by viewing the page source (right-click -> View Page Source) and finding:

<meta http-equiv="Last-Modified" content="2014-02-08T15:00-0500" />

NOTE: In addition to viewing the source of the page, you may view the “Page Info” in some browsers.

Full Publishes

Full publishes (entire site) of all of the CMS websites will be run every Saturday. They are staggered depending on the site, and should be completed by 8 a.m.

Need an immediate publish? Please email cmshelp@mtu.edu.

Images with Pop-up Gallery

In the top navigation CMS template you can display images on a page, with or without captions, that pop-up into a gallery of images that the user can click through. Creating these galleries involves some code editing.

  1. Create your images using the Image Editor in the CMS. You will need to create the size that you will display on the page and either a 765 Banner, 1024 Feature, or 1600 Feature for the pop-up.
  2. Insert the images inline on your page or highlight using the screen shot of the inline image icon icon.
  3. Select each image and link it to the 765 Banner, 2014 Feature, or 1600 Feature size of itself using the CMS link icon (screen shot of the inline link icon).
  4. Access the code using the Source Code button (<>).
  5. Find the link tag for each image. It should look like
    <a href="...">
  6. Just after the “a” add class=”fancybox” rel=”group” so your code may look something like
    <a class="fancybox" rel="group" href="...">
  7. Find the image tag for each item, which should be right after the “>” of the link code you just edited. It should look like
    <img src="..."/>
  8. Just after the “img” add data-fancybox-group=”group” so you code may look something like
    <img data-fancybox-group="group" src="..." />
  9. Your final code should look like the following for each image in the gallery.
    <a class="fancybox" rel="group" href=" . . . "><img data-fancybox-group="group" src=" . . . "></a>
  10. You can save your work and preview the item to see the working gallery.
  11. Remember to direct or return all items created or edited to Public when done.

You can see an example of a pop-up image gallery on the Michigan Tech Class Ring page. Click on one of the ring images at the top of the page to access the gallery. You can also add captions to the images displayed on the page (not in the gallery).

 

Image Captions

In the top navigation CMS template you can add captions to images displayed inline on a page. Creating these captions involves some code editing.

  1. Create your image using the Image Editor in the CMS. Note: This feature will add a gray box around the image and caption that will extend the entire available width. Be sure to use the appropriate size image for the space the picture and caption will be using. Refer to the Suggested Use of Image Sizes to determine the appropriate size to crop.
  2. Insert the images inline on your page or highlight using the screen shot of the inline image icon icon.
  3. Access the code using the Source Code button (<>).
  4. If your image is linked, look for the link tag (<a …>), otherwise find the image tag (<img … />).
  5. Just before this tag add the following code
    <figure class="caption">
  6. After the closing link tag (</a>) or the image tag (<img… />) if your image is not linked add the following code, including your own caption text in place of “TEXT”
    <figcaption>TEXT</figcaption></figure>
  7. If your image is linked your final code should look like
    <figure class="caption"><a href=" . . . "><imc src=" . . . "></a><figcaption>TEXT</figcaption></figure>
  8. If your image is not linked your final code should look like
    <figure class="caption"><img src=" . . . "><figcaption>TEXT</figcaption></figure>
  9. If you are also including the pop-up image gallery your final code should look like
    <figure class="caption"><a class="fancybox" rel="group" href=" . . . "><imc data-fancybox-group="group" src=" . . . "></a><figcaption>TEXT</figcaption></figure>
  10. Close the Source Code window using the OK button at the bottom.
  11. You can now add links or other styling to the caption text if needed.
  12. Save your work and preview the item to see the captioned image.
  13. Remember to direct or return all items created or edited to Public when done.

Social Media Widget

The social media widget can only display and link to Michigan Tech social media accounts as this is a custom-coded item. Your site must be using the top nav, responsive layout for it to function.

social

  1. Copy the “SHARED Social Media Feed External Snippet” from the global folder under Top Level.
  2. Paste the External Snippet, As a Link, into the folder where you will be using it.
  3. Slot the External Snipped in the List Slot of the Generic (Page)

Events Widget (Top Nav, Responsive Version)

The events widget can be full content width (Figure 1), 2/3 width (Figure 2), 1/2 width (Figure 3), 1/3 width (Figure 4), or with (Figure 5) or without (Figure 6) images in the sidebar. You can add one or more buttons or social media links also. Your site must be using the top nav, responsive layout for it to function.

Figure 1
Figure 1
Figure 2
Figure 2
Figure 3
Figure 3
Figure 4
Figure 4
Figure 5
Figure 5
Figure 6
Figure 6
  1. Create an RSS Module item.
    1. Title will be displayed on the top left. The title is also used if there are no events found, the widget will display a message “No <Title> Found.”
    2. Alternate Title will be displayed in one button.
    3. Alternate URL is where that button will link to.
    4. RSS Feed URL is the feed URL where the events will be pulled from. To get this URL:
      1. Go to events.mtu.edu and Login.
      2. From the Admin menu, go to Content and select Widget Builder.
      3. Create the widget with the parameters needed and choose Preview Widget.
      4. Add “&format=rss” (without the quotation marks) to the end of the URL to use in this field.
    5. Leave Encoded RSS Feed URL blank.
    6. Select Events for the Module Template.
    7. Enter the Number of Items to display.
  2. For additional buttons:
    1. Slot the Page you want the button to go to in the More Link Page slot of the RSS Module.
    2. If the page you are linking to is not in the CMS or you want different text in the button than the page title, create an External Link item and slot that.
  3. To include Social Media icons:
    1. Create a Highlight.
    2. In the Highlight add the following code in the Source Editor:
      <div id="social-links">
      <a class="PLATFORM" href="URL" itemprop="sameAs" title="TITLE"></a>
      </div>
      1. The PLATFORM options are facebook, twitter, instagram, linkedin, youtube, and pinterest.
      2. For URL put your URL for that platform.
      3. TITLE will be the text that appears if someone hovers over the icon.
      4. Repeat the <a class=”PLATFORM” href=”URL” itemprop=”sameAs” title=”TITLE”></a> part of the code for each platform you want to include.
  4. For a full width or sidebar events widget, slot the RSS Module directly on the Generic (Page).
  5. For a 2/3 width, 1/2 width, or 1/3 width events widget, create a Boxed Item. You will need to have something else to slot with the RSS Module you created.
    1. Choose the Spacing Option desired.
    2. Choose the Title Option desired, most likely Separate Titles.
    3. Slot the Events RSS Module item and the other one or two items sharing this row in the Boxed Items slot using the RSS Module template.
    4. Slot the Boxed Item onto the Generic (Page), normally in the List Slot.
      Screen shot of a boxed item.

News Widget (Top Nav, Responsive Version)

The news widget can be full content width (Figure 1), 2/3 width (Figure 2), 1/2 width (Figure 3), 1/3 width (Figure 4), or with (Figure 5) or without (Figure 6) images in the sidebar. You can add one or more buttons or social media links also and you can combine multiple feeds. Your site must be using the top nav, responsive layout for it to function.

Figure 1
Figure 1
Figure 2
Figure 2
Figure 3
Figure 3
Figure 4
Figure 4
Figure 5
Figure 5
Figure 6
Figure 6
  1. Create an RSS Module item.
    1. Title will be displayed on the top left. The title is also used if there are no stories found, the widget will display a message “No <Title> Found.”
    2. Alternate Title will be displayed in one button.
    3. Alternate URL is where that button will link to.
    4. RSS Feed URL is the feed URL where the content will be pulled from. To get this URL:
      1. For a single feed source use the basic rss feed url.
        1. For Michigan Tech News, Unscripted, or Tech Today, these can be found using the links under the News Sources section on the RSS Feeds Subscribe page.
        2. For a Michigan Tech blog just add /feed to the end of the url. For example https://blogs.mtu.edu/webmaster/feed/.
      2. For a specific news category/topic use
        http://www.mtu.edu/mtu_resources/php/news/rss/?include=category&site=name
        1. “category” is the name of the existing category
        2. “name” is news, unscripted, or magazine if pulling from a single source only
        3. “&site=…” can be omitted if you want to pull from all sources.
      3. For combining multiple sources use
        http://www.mtu.edu/mtu_resources/php/RSScombine.php?limit=10&title=TITLE&link=URL&url=FIRST,SECOND
        1. “TITLE” is what you name the combined feed page (encoded, ie %20 for spaces).
        2. “URL” is the main URL of the page the feed will live on (not encoded).
        3. “FIRST” and “SECOND” are the individual feed URLs (encoded separately) separated by commas. You can use more than two.
    5. Leave Encoded RSS Feed URL blank.
    6. Select News for the Module Template unless you are including a feed from a blog, in which case choose Announcements.
    7. Enter the Number of Items to display.
  2. For additional buttons:
    1. Slot the Page you want the button to go to in the More Link Page slot of the RSS Module.
    2. If the page you are linking to is not in the CMS or you want different text in the button than the page title, create an External Link item and slot that.
  3. To include Social Media icons:
    1. Create a Highlight.
    2. In the Highlight add the following code in the Source Editor:
      <div id="social-links">
      <a class="PLATFORM" href="URL" itemprop="sameAs" title="TITLE"></a>
      </div>
      1. The PLATFORM options are facebook, twitter, instagram, linkedin, youtube, and pinterest.
      2. For URL put your URL for that platform.
      3. TITLE will be the text that appears if someone hovers over the icon.
      4. Repeat the <a class=”PLATFORM” href=”URL” itemprop=”sameAs” title=”TITLE”></a> part of the code for each platform you want to include.
    3. Slot the Highlight in the More Link Pages slot of the RSS Module.
  4. For a full width or sidebar news widget, slot the RSS Module directly on the Generic (Page).
  5. For a 2/3 width, 1/2 width, or 1/3 width news widget, create a Boxed Item. You will need to have something else to slot with the RSS Module you created.
    1. Choose the Spacing Option desired.
    2. Choose the Title Option desired, most likely Separate Titles.
    3. Slot the News RSS Module item and the other one or two items sharing this row in the Boxed Items slot using the RSS Module template.
    4. Slot the Boxed Item onto the Generic (Page), normally in the List Slot.
      Screen shot of a boxed item.

Homepage Visual Tout or Quote

The visual tout or quote can be placed on a homepage and uses the full screen width. It could have an image or solid color background, two different font sizes, links, and buttons. All text and buttons will automatically center on the image. Your site must be using the top nav, responsive layout for it to function.

quotestatquote and button

  1. If you are using a background image create an Image Editor item using the 1600 Feature crop.
  2. Create a Tout Wrapper item.
    1. Add a System Title.
    2. Enter the the text, link(s), and button(s) in the Callout. To move certain content to the bottom of the widget you must manually add spacing. Please include quotation marks around quoted text.
    3. Making the larger text requires code editing.
      1. Select the text that you want to be larger and click on the Source Code icon.
      2. The selected text should be highlighted and you should see a paragraph tag (<p>) at the beginning of it.
      3. Within the paragraph tag add “class=largest georgia” (without the quotation marks). Your code may now look like:
        <p class=”largest georgia”>The big text is here in this sentence.</p>
    4. The button is not automatically styled. A default button will be gold filled. To create the outline button you must format it as “blank.”
      1. Create the button.
      2. Click on the Source Code icon.
      3. Find the code that includes ” . . . a class=”button” href= . . . ” and change “button” to be “button blank” (with quotation marks).
    5. If you are using a solid color background instead of an image, choose the Background Color from the dropdown.
    6. Insert.
    7. If you are using an image background, slot the Image Editor item in the Background Image slot.
      Screen shot of a Tout Wrapper item.
  3. Slot the Tout Wrapper in the List Slot of the Generic (Page).

Homepage Square or Circle Touts

You can create these touts as squares or circles, with images behind them or a choice of solid colors, and with a choice of background color that stretches across the full screen width. The font color is set automatically based on the tout color and is not editable. You should use three or four statistics in a row. These can only be used on the homepage of a top nav, responsive site.

tout-circletout-square

  1. If the shape will have a background image, create an Image Editor item using the 250 Square crop.
  2. Create a separate Highlight for each statistic. Many shared statistics can be found in the touts folder under Top Level that you can copy and paste as a link to use on your site.
    1. The number or text within the shape goes in the Title.
    2. The text below the shape goes in the Callout.
    3. If the shape will have a background image, slot the Image Editor item in the Background Image slot of the Highlight.
    4. If the tout is linking to a page, slot and External Link or Generic (Page) in the Links slot of the Highlight.
  3. Create a Tout Wrapper item for the row of touts.
    1. Give it a System Title.
    2. The Callout field will not be used in this scenario.
    3. Choose the Tout Shape desired.
    4. Choose the Tout Color if you are not using background images for the shapes.
    5. Choose the Background Color. This is the shaded area behind the shapes that stretches the full screen width.
    6. Insert.
    7. Slot each statistic Highlight in the Tout Slot.Screen shot of a Tout Wrapper item.
  4. Slot the Tout Wrapper in the List Slot of the Generic (Page).

Link Lists (Top Nav, Responsive Version)

The newly styled link lists can include two, three, or four columns of links in a row. Your site must be using the top nav, responsive layout for it to function. Each list can have its own heading and a single title (Figure 1) or individual list titles (Figure 2).

Figure 1
Figure 1
Figure 2
Figure 2
  1. Create a separate Highlight for each column of links.
    1. The list heading or title will be pulled from the Title.
    2. Create the list of links as a bulleted list in the Callout, highlight the list, then go to Format, Lists, and select None.
  2. Create a Boxed Item for the link list.
    1. For Spacing Option choose Even Spaced.
    2. For Title Option choose Single Title to display a section heading (Figure 1) or Individual Titles to display underlined titles for each list (Figure 2).
    3. Insert.Screen shot of a boxed item.
    4. Slot each Highlight created in the Boxed Items slot using the Callout template.
      llout-template
  3. To include buttons above the title line (you must select Single Title for the Title Option):
    1. Slot the Page you want the button to go to in the Links slot of the Boxed Item.
    2. If the page you are linking to is not in the CMS or you want different text in the button than the page title, create an External Link item and slot that.
  4. To include Social Media icons above the title line (you must Select Single Title for the Title Option):
    1. Create a Highlight.
    2. In the Highlight add the following code in the Source Editor:
      <div id="social-links">
      <a class="PLATFORM" href="URL" itemprop="sameAs" title="TITLE"></a>
      </div>
      1. The PLATFORM options are facebook, twitter, instagram, linkedin, youtube, and pinterest.
      2. For URL put your URL for that platform.
      3. TITLE will be the text that appears if someone hovers over the icon.
      4. Repeat the <a class=”PLATFORM” href=”URL” itemprop=”sameAs” title=”TITLE”></a> part of the code for each platform you want to include.
    3. Slot the Boxed Item on the Generic (Page), normally in the List Slot.

Image Callouts

An image callout can include two, three, or four linked images in a row. Your site must be using the top nav, responsive layout for it to function. A Go button will be displayed over the image when hovering and they may or may not have a section title above them or additional text or links below them. The title beneath the image becomes centered with a special font type and size.

Figure 1
Figure 1
Figure 2
Figure 2
Figure 3
Figure 3
  1. Create a separate Image Editor item for each picture being used.
    1. For two across, crop a 515 Sub-Banner.
    2. For three or four across, crop a 350 Sidebar.
  2. Create a separate Highlight for each individual image and link.
    1. The title below the image goes in the Title field.
    2. In the Callout section, insert the image inline using the icon. Screen shot of inline image icon shortcut.
    3. Select the image and link it using a regular hyperlink for external pages or the CMS link for internal pages.
    4. To include additional text or links below the image and its title (Figure 1), type that information in a new paragraph below the image.
  3. Create a Boxed Item for each row of callouts.
    1. Choose the Spacing Option desired, either Even Spaced (for any number of callouts), One-Third + Two-Thirds (for two callouts only), or Two-Thirds + One-Third (for two callouts only).
    2. Choose the Title Option desired, either Single Title to display the Boxed Item’s Title field about the callouts (Figure 2) or No Title (Figure 3).
    3. Insert.
    4. Slot each Highlight created in the Boxed Items slot using the Image Hover w/Go template.Screen shot of a boxed item.image-hover-go-template
  4. To include buttons above the title line (you must select Single Title for the Title Option):
    1. Slot the Page you want the button to go to in the Links slot of the Boxed Item.
    2. If the page you are linking to is not in the CMS or you want different text in the button than the page title, create an External Link item and slot that.
  5. To include Social Media icons above the title line (you must Select Single Title for the Title Option):
    1. Create a Highlight.
    2. In the Highlight add the following code in the Source Editor:
      <div id="social-links">
      <a class="PLATFORM" href="URL" itemprop="sameAs" title="TITLE"></a>
      </div>
      1. The PLATFORM options are facebook, twitter, instagram, linkedin, youtube, and pinterest.
      2. For URL put your URL for that platform.
      3. TITLE will be the text that appears if someone hovers over the icon.
      4. Repeat the <a class=”PLATFORM” href=”URL” itemprop=”sameAs” title=”TITLE”></a> part of the code for each platform you want to include.
    3. Slot the Highlight in the Links slot of the Boxed Item.
  6. Slot the Boxed Item on the Generic (Page), normally in the List Slot.

Homepage Full Width Impact Statement

This widget can be used for a site homepage, generally beneath the main image. Your site must be using the top nav, responsive layout for it to function. It will stretch across the entire screen width and automatically centers the text, gets a gray background and yellow line beneath, and uses the outline button if a button is included. You could include links in the statement also. These styles cannot be changed.impact-statement

  1. Create a Highlight that includes the text with any links or buttons in the callout section.
  2. Slot the Highlight in the Academic Banner slot of the Generic (Page) item using the Callout template. It is generally slotted after the main page image.