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.

(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”

(H1/page title is “Department of __”)
(Intro text; limit 200 words)
(Horizontal rule)

(h2) Academic Programs

(h3) Undergraduate

(Blocks)
<ul class=”router-blocks”>
<li><a title=” ” href=”/relative-link”><span class=”block-title”>Program Name</span></a></li>
</ul>

(h3) Graduate

(Blocks)
<ul class=”router-blocks”>
<li><a title=” ” href=”/relative-link”><span class=”block-title”>Program Name</span></a></li>
</ul>

(Horizontal rule)
(Optional additional sections, headed by H2s)

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.

• Title and Router / Nav Title fields: Program Name (M.S. / M.A., etc.)
  Ex.: International Business (M.S.)
• Headline field: Master of Science/Arts in Program Name
  Ex.: Master of Science in International Business

Dual degrees naming convention: Use a “+” between degrees:

• Title and Router / Nav Title fields: M.S. / M.A., etc. in Program Name + M.S. / M.A., etc. in Program Name
  Ex.: M.S. in Information Systems and Technology Management + M.S. in Cybersecurity
• Headline field: Program Name + Program Name Dual Degree Program
  Ex.: MBA + Master of Science in Accounting Dual Degree Program

Additional items in WP admin:

• Hero image 1400×790, saved for web at approx. 70% quality, tagged appropriately in WP
• Long description, Under Teaser Copy, 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

Content:

1. Marketing headline. Sentence case; full sentence with punctuation. Div class=”intro-text”.
2. Introductory text, max. 150 words.
3. “Program Highlights”, h2, title case
   • Sub-Points in Title Case, h3
   • Max. 500 words total for highlights section
4. “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
5. Optional items; placement on the page may vary, limit 3:
   • A section of additional information; faculty, internships, etc.
   • Video
   • News
   • (One) Quote
6. “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
7. — Horizontal rule —
8. “Contact Us”, h2, title case
   • Name of Contact, title
   • email@udel.edu
   • 302-xxx-xxxx
9. — Horizontal rule —
10. “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.
    • Applying to the Program button
      • Use only for programs within Lerner – not dual degrees
      • Link on button goes to the specific program admissions page on the Lerner website

Callouts:

• 1-3 callouts selected by the department
• In WP Page Properties, check the box for Exclude Parent Callouts?

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; in WordPress Page Properties:

• Title and Headline fields: Short, descriptive title
  Ex.: Undergraduate Career Resources
• Router / Nav Title field: as appropriate for the site section
  Ex.: In the example above, the side nav is headed, “Careers and Networks,” so the Nav Title “Undergraduate” is sufficient

Additional items in WP admin:

• Hero image 1400×790, saved for web at approx. 70% quality, tagged appropriately in WP
• Long description, Under Teaser Copy, 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

Standard format for content:

1. Marketing headline, optional. Sentence case; full sentence with punctuation. Div class=”intro-text”.
2. Introductory text, max. 150 words
3. Sub-points with headings in title case, max. 100 words each
4. Optional items; placement on the page may vary, limit 3:
   • Video
   • News
   • Quotes/testimonials
5. — Horizontal rule —
6. “Learn More”, h2, title case, section optional
   • (first column) Name of Contact, title
   • email@udel.edu
   • 302-xxx-xxxx
   • (second column) Department/Center/Office name
   • Faculty and staff (link)

Callouts:

• 1 or 2 callouts
• In WP Page Properties, check the box for Exclude Parent Callouts?

• 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/