Web Technical Guidelines

• List phone numbers with dashes; no parentheses.
  Ex. 302-831-1111
• The link text for email addresses should be the email address, not a name.
  Ex. mbaservices@udel.edu
• Identify fax numbers with “Fax:” and include “Phone:” if both a phone and fax number are given.
  Ex. Fax: 302-831-1111
  Ex. Fax: 302-831-1111 Phone: 302-831-1112

• In lists, format this way: Course prefix, all caps [space] course number [space] dash [space] course name, title case
  Ex. ACCT 804 – Database Design, Networks and Implementation
• In text, no dash; format this way: Course prefix, all caps [space] course name, title case
  Ex. All students must take ACCT 804 Database Design, Networks and Implementation

Headings

• There is only one H1 per page. This is the page title, automatically assigned an H1 by WordPress.
• H2, H3, H4 should be used hierarchically. All should be written in title case.
• Do not use headings to affect a visual style.
• Do not use formatted (bold, etc.) text to stand in place of a heading. Use an actual heading.
• For parenthetical information included in a heading: sentence case. Ex: Required Courses (Choose three)

“Marketing” headlines on pages

• (div class=”intro-text”)
• Full sentences, in sentence case, with punctuation.

Blog headlines

• Sentence case, without ending punctuation (may or may not be full sentences).

Images

Images used on the Lerner website must be of professional quality. They should be used only if they enhance or support the message of the page. Images should not be used on forms.

• If an uploaded file is replaced and the original one isn’t in use anywhere, delete it from the website’s uploaded files.
• Images should have an alternative text unless the use of an alt tag is made redundant by the context of the image.
• Standard sizes:
  • Hero image – 1400 x 790
  • Callout – 567 x 320
  • Featured video thumbnail – 400 x 400
  • Directory headshot – 360 x 540

PDF documents

Uploaded documents should only be used if the content cannot be represented as web content or needs to be printable.

• Uploaded documents must be in PDF form. Links to PDFs should include “(PDF)” at the end of the link text to indicate to the user that the link will open a file, not a webpage.
  Ex.: M.S. in Accounting Planning Sheet (PDF)
• If an uploaded document is replaced and the original one isn’t in use anywhere, delete it from the website’s uploaded files.

• Link text should be meaningful, to provide ease of use and accessibility for all users. Do not use “click here” or “learn more.”
• Links to PDFs include “(PDF)” at the end to indicate to the user that the link will open a file, not a webpage.
• All internal links will open in the same window.
• All external links will open in a new window.
• Link attribute selection and usage will be left to the discretion of the Lerner Communications Team.

News sections should be headed “News” or similar, ex. “MAEEE News.” News sections should begin and end with a horizontal rule. To add a news feed to a webpage:

• Stories must be posted to the blog.
• Limit 5 stories per feed.
• Format for including the news feed:

  [display-posts category="" posts_per_page="5" include_date="true" order="DESC" orderby="date"]

(Any of the following sections may be edited as needed, but this is the general format.)

Page Title

“Applying to the (program name)” Ex. Applying to the M.S. in Business Analytics and Information Management

Additional Items in WP Admin

• Delete “Featured Image” module
• Nothing in the 1/3 column (no nav or callouts)
• “Parent” in page attributes is the program page
• “Exclude from Local Menu” – yes

Content

Text or Code Module
Accordion. Accordion title = “Suggested Application Dates” (or Application Deadlines). Content as applicable, but follow other pages where information is consistent across pages.

Text or Code Module
Accordion. Accordion title = “Admissions Requirements”

• (H2) “1. Application Fee” A $75 application fee is due when you submit your online application. Waivers are available for qualified students
• (H2) “2. Bachelor’s Degree” (Content as applicable)
• (H2) “3. Transcripts” (Content as applicable)
• (H2) “4. Resume” (Content as applicable)
• (H2) “5. GRE or GMAT Scores” (As applicable)
• (H2) “6. Letters of Recommendation” (As applicable)

Global module “Grad Tuition Toggle”

Text or Code Module
Accordion. Accordion title = “Financial Aid & Loans” (As applicable)

Global Module “Grad Intl Students Adm Toggle”

Global Module “Button: Start Your App Grad”

Page Title

“Department of __”

Additional Items in WP Admin

• “Featured image” 1400×790. Do NOT add the image to the “featured image” module. Add it to the “featured image” box at the right in WP.
• “Excerpt,” shows on router pages; should be approx. 30 words
• “Order,” under Page Attributes, controls in what order the page is listed in router pages and side navigation
• “Parent,” under Page Attributes, controls the section the page appears in

Content

Text Module

(1) Intro text; limit 200 words.

(2) — Horizontal rule —

(3) “Academic Programs,” h2, “Undergraduate,” h3

<ul class=”router-blocks”>
<li><a href=”/relative-link”>Program Name</a></li>
</ul>

“Graduate,” h3

<ul class=”router-blocks”>
<li><a href=”/relative-link”>Program Name</a></li>
</ul>

(4) If additional sections are added, an — Horizontal rule — should come after the programs list. If news is included, an — Horizontal rule — should come before it.

Callouts

Global module “Callout: Give to Lerner button and text” (or department-specific giving button). Other callouts are optional for department pages.

See web content guidelines for the faculty/staff bio page content templates.

Curriculum Vitae (not required)

• Save PDF file with name: Firstname_Lastname_CV.pdf
• When updating CVs, delete the old PDF in the media library, then replace upload the new, identically-named file.
• Link text: “Download Firstname Lastname’s CV (PDF).” Set the link to open in a new tab.

Website (not required)

• Link text: “Visit Firstname Lastname’s professional webpage”
• Set the link to open in a new tab.

Profile Photos

• Files should be 250 x 375.
• If no photo is provided, use the “silouhette.jpg” that is in the media library.

Page Title

Program Name (M.S. / M.A., etc.) Ex.: International Business (M.S.)

For dual degrees, the naming convention is to use a “+” between degrees: M.S. / M.A., etc. in Program Name + M.S. / M.A., etc. in Program Name. Ex.: M.S. in Business Analytics and Information Management + M.S. in Cybersecurity; MBA + Master of Science in Accounting

Additional Items in WP Admin

• “Featured image” 1400×790. Do NOT add the image to the “featured image” module. Add it to the “featured image” box at the right in WP.
• “Excerpt,” shows on router pages; should be approx. 30 words
• “Order,” under Page Attributes, controls in what order the page is listed in router pages and side navigation
• “Parent,” under Page Attributes, controls the section the page appears in

Content

Text Module

(1) Marketing headline. Sentence case; full sentence with punctuation. Div class=”intro-text”. Introductory text, max. 150 words.

(2) “Program Highlights”, h2, title case

• Sub-Points in Title Case, h3
• Max. 500 words total for highlights section

(3) “Program Requirements”, h2, title case

• (accordion) title: “Courses (XX credits)”
• Explanatory information is in bold and followed by a colon; ex. “Choose 3 courses from:”
• Course numbers separated with a space, dash between course number and name (but not when in regular text)
  Ex.: ECON 101 – Microeconomics
• Elective information, but not lists of elective courses
• (optional, accordion) title: variable; suitable for prerequisite information
• Other program requirements, h3, title case, variable heading text

Global Module “STEM In-text Section” if applicable

Text Module for video, if applicable; placement variable

Text Module

(4) Optional items; placement on the page may vary, limit 3:

• A section of additional information; faculty, internships, etc.
• News
• (One) Quote

(5) “Careers”, h2

• Introductory sentence optional
• List of potential careers/jobs, max. 5
• OR data from the UD career outcomes website:
  • Percent employed or pursuing further education
  • Median salary
  • Top employers, max. 5
  • Top jobs, max. 5
  • Top institutions, max. 5

(6) — Horizontal rule —

(7) “Contact Us”, h2, title case

• Name of Contact, title
• email@udel.edu
• 302-xxx-xxxx

(8) — Horizontal rule —

(9) “Admissions Information”, h2, title case

• This text: “Learn more about [program name] admissions requirements, deadlines, tuition and financial aid available to you.” An additional sentence is acceptable.

Global Module “Button: In-text [program name] Applying

Callouts

Call-to-action buttons and callouts are global modules.

• In WP Page Properties, check the box “Exclude Parent Callouts?”
• 1 or 2 callouts selected by the department
• Prescribed callouts for all grad program pages:
• Program-specific RFI button
• Program-specific applying button

Page Title

“Program Name (B.S. / B.A.)” Ex.: International Business Studies (B.S.)

Additional Items in WP Admin

• “Featured image” 1400×790. Do NOT add the image to the “featured image” module. Add it to the “featured image” box at the right in WP.
• “Excerpt,” shows on router pages; should be approx. 30 words
• “Order,” under Page Attributes, controls in what order the page is listed in router pages and side navigation
• “Parent,” under Page Attributes, controls the section the page appears in

Content

Text Module
Marketing headline. Sentence case; full sentence with punctuation. Div class=”intro-text”.
Introductory text, max. 150 words.
“Program Highlights”, h2, title case; sub-point headings in title case, h3. Max. 500 words total for highlights section.

Global Module “UG Program Req”
Contains this content: “Program Requirements”, h2, title case; “Suggested Course Sequence”, h3, title case; “All courses are three credits unless stated otherwise.”

Text Module
(1) Accordions by year:

• Within the accordion, by semester; “First semester,” “Second semester,” etc., bold
• Course numbers separated with a space, dash between course number and name (but not when in regular text)
  Ex.: ECON 101 – Microeconomics

(2) If applicable, other program requirements with h3 headings.

(3) Optional items; placement on the page may vary, limit 3:

• A section of additional information; faculty, internships, etc.
• Video (videos are put into their own text modules)
• News
• Quotes

(4) Career section:

• “Career Opportunities”, h2
• Introductory sentence: “After graduating in 2017, XX% of Lerner’s [major] graduates were employed (earning a median starting salary of $XX,000) or pursuing further education. For more information on career resources please visit the [Lerner Career Services Center] (link).”
• Top Employers, h3, max. 6. List in order of number employed if data is available on UD career outcomes website
• Top Jobs, h3, max. 6
• Closing sentence: “Visit [Career Outcomes of Lerner [major] students] (link) to see more top employers, job titles, salaries and locations.”

Global Module “STEM In-text Section” if the program is STEM-designated. If used, this module appears after the careers section.

Text Module; optional contact section
– horizontal rule –
“Contact Us”, h2, title case

Name of Contact, title
email@udel.edu
302-xxx-xxxx

Global Module “UG Admissions”
Contains this content: – horizontal rule –, “Admissions Information”, h2, title case; “Learn more about undergraduate admissions requirements, deadlines, tuition and financial aid available to you.”

Global Module “Button: In-text Undergrad Admissions”

Callouts:

Call-to-action buttons and callouts are global modules.

• In WP Page Properties, check the box “Exclude Parent Callouts?”
• 1 or 2 callouts selected by the department
• Prescribed callouts for all UG program pages:
• “Button: Undergraduate RFI”
• “Button: Visit Campus”

Title

Short, descriptive title.

Additional Items in WP Admin

• “Featured image” 1400×790. Do NOT add the image to the “featured image” module. Add it to the “featured image” box at the right in WP.
• “Excerpt,” shows on router pages; should be approx. 30 words
• “Order,” under Page Attributes, controls in what order the page is listed in router pages and side navigation
• “Parent,” under Page Attributes, controls the section the page appears in

Content

Content should follow the guidelines for style, length and readability.

(Optional) marketing headline: Sentence case; full sentence with punctuation. Div class=”intro-text”. Introductory text, max. 150 words.

Headings, title case.

Title

Post titles are written in title case.

Additional Items in WP Admin

• “Featured image” 1400×790. Do NOT add the image to the “featured image” module. Add it to the “featured image” box at the right in WP.
• “Excerpt,” shows on the blog main page (and homepage, if it is selected to appear there); should be approx. 30 words
• ”Categories,” choose one or several categories as appropriate. Categories will determine the news feeds where a story will show on the site.

Text

When pasting text from Word or Google docs, check for extra code by clicking on the “text” tab. Any code beginning with or containing “span,” like <span style=”font-weight: 400;”> or </span> should be deleted.

Links

• Links that take the user away from the Lerner website must open in a new window.
• Link text should be meaningful, to provide ease of use and accessibility for all users. Do not use “click here” or “learn more.” Meet users’ expectations for links: make sure there is a clear connection between the link text and the subject of the page the link opens.

Video Blog Entry

• Get the embed address for the video from YouTube.
• In the WP editor, click the “text” tab, where you can insert HTML code.
• Copy and paste the following code, adding the embed address provided by YouTube between the ” “ after src=

  • <div class="responsive-video-wrap"><iframe src="" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>
    &nbsp;

• After the video, provide a caption, beginning, “In this video …”
• After the caption, provide the transcript:
  • Head the section with an H2, “Transcript”
  • Provide each speaker’s name, bolded and followed by a colon
  • Separate each speaker’s quote with a paragraph break
• Example: https://lerner.udel.edu/seeing-opportunity/what-i-love-about-my-major-accounting/