October 2018 Meeting Notes

IANR WEB MANAGER NETWORK

Meeting 8/18/2018
9:00am
Zoom Meeting Recordings
How to Switch to 5.0 Full Meeting

Meeting Agenda

  • IANR Web Manager Network Update – Anne Holz
  • UNL.edu Framework 5.0 updates – Anne Holz

Update



screenshot of icon factory

UNLcms Help

  • WDN Help Chat M-F 8 a.m. - 5 p.m. CT
  • IANR Web Manager Network members
  • Google search
  • The WDN and IANR Media websites
  • Nebraska Extension County's use the "Web Guide" link on your site's admin toolbar

5.0 Framework vs. Drupal 8

The 5.0 framework is a theme (look and feel)
5.0 framework example screenshot
Drupal 8 is software (online tools)
Drupal 8 example screenshot

What you need to know about 5.0

  • It's a work in progress until its official release
  • The Tungsten font is going away and will be replaced with Gotham
  • The band blue, green and tan background colors are no longer supported and will change to a light grey color
  • The main menu bar, breadcrumbs and footer navigation are changing
  • .wdn- class names are changing


screenshot of h2 fonts
4.1 styles mapped to 5.0 classes
.wdn-inner-wrapper → .dcf-wrapper
.wdn-stretch → .dcf-full-width
.wdn-center → .dcf-txt-center

5.0 Classes

Goal of the 5.0 Classes
  • Reduce file size of CSS by removing duplication
  • Provide pre-defined classes with formatting flexibility
  • Improve style consistency across sites
  • Reduce or eliminate the need to write custom CSS
<div style="font-size: 3.16em; line-height: 1.33em; font-weight: bold;">
<div class="dcf-txt-2xl dcf-lh-3 dcf-bold">

Whenever possible, use 5.0 Classes instead of writing CSS

Not Working Yet in 5.0

  • Carousels
  • Event Calendar embed
  • Links to external CSS files
  • Book page navigation formatting
  • List hidden bullets
  • Local footer fonts

What should you be doing now?

  • Preview your site in 5.0
  • Report issues in the WDN Help Chat
  • Do not make your site live until after the final release Jan 3, 2019
  • Update CSS on the "UNLedu 5.0" tab: change font-family: "Tungsten A",... to font-family: 'Gotham SSm A', 'Gotham SSm B', Verdana, sans-serif;
  • Add dcf- classes if needed (adding these will not change how your site currently looks in 4.1)