Content Types & Paragraphs on the Drupal 8 Federation
2
3
Table of ContentsContent TypesBasic Page ...................................................................................................................................... 4Landing Page ................................................................................................................................. 5Division/Unit ................................................................................................................................. 6Program ......................................................................................................................................... 8Lab ............................................................................................................................................... 10Subsite ......................................................................................................................................... 12Scholars Profile ............................................................................................................................ 14Personnel ..................................................................................................................................... 15News ............................................................................................................................................ 16Blog.............................................................................................................................................. 18Story ............................................................................................................................................ 20Event ............................................................................................................................................ 22Policy ........................................................................................................................................... 24
ParagraphsFull Content Box .......................................................................................................................... 26Media .......................................................................................................................................... 26Button .......................................................................................................................................... 26Callout ......................................................................................................................................... 26Text + Image ................................................................................................................................ 27Accordion Section ........................................................................................................................ 27Sidebars ....................................................................................................................................... 272 Column Row ............................................................................................................................. 283 Column Row ............................................................................................................................. 28Icon Row ...................................................................................................................................... 28View placement ........................................................................................................................... 29 - News ......................................................................................................................................... 29 - Events ....................................................................................................................................... 29 - Blog........................................................................................................................................... 29 - Stories....................................................................................................................................... 29Tables........................................................................................................................................... 30Home Page Header Options ........................................................................................................ 31Enterprise Integrations ................................................................................................................ 31
4
Content Types
Basic Page: Can be placed under a variety of other content types and utilized as sub-informational pages.
Basic Page Field Listing Field Purpose Notes
Title Name of the page Short text field
Featured Image Primary image on page Will require mandatory alterna-tive text
Intro Text This serves as text that is larger, more important brief summary, near the top of the page or begin-ning of a section. Limited to 300 characters.
Long text field
Body Long full text content window with summary
Additional Available Functionality utilizing paragraphs
• Full Content Box – full WYSIWYG• Media – Additional imagery, and videos• Callout– A call to action in the main content area• Text + Image – Formerly top content, alternating content blocks with image• Button – link with button styling• Accordion Section(s) – Expand and collapse informational groups• Sidebar Callout (dependent on design) – Callout in the page sidebar• Ability to place particular views (News, Events, Profiles, Personnel)
Basic Page Additional Relationships (associating basic page with other content types)
• Division – If this basic page is associated with a division (make one selection)• Program – if this basic page is associated with a program (make one selection)• Subsite – if this basic page is associated with a subsite (make one selection)
5
Landing Page: Used for special endeavors, a splash page, or the page associated with the top items on the main menu. Landing pages will allow for the choice of hero layout based upon available templates.
Landing Page Field Listing Field Purpose Notes Notes
Title Title of Landing Page Short text field.
Additional Functionality utilizing paragraphs: • Full Content Box – full WYSIWYG• Media – Additional imagery, and videos• Button – link with button styling• Callout – A call to action in the main content area• Text + Image – Formerly top content, alternating content blocks with image• Accordion Section(s) – Expand and collapse informational groups• Sidebar Callout (dependent on design) – Callout in the page sidebar• 2 Column Row – ability to display content in 2 column row • 3 Column Row – ability to display content in 3 column row• Icon Row – for statistic and goals display • Ability to place particular views (News, Events, Profiles, Personnel, etc)
Landing Page Additional Relationships: N/A
6
Division/Unit – Primary page content type for Departmental Divisions and other Units
Division/Unit Page Field Listing Field Purpose Notes Notes
Title Name of Division Short text field
Featured Image Primary image on page – full slide Will require mandatory alterna-tive text
Intro Text This serves as text that is larger, more important brief summary, near the top of the page or begin-ning of a section. Limited to 300 characters.
Long text field
Body Long full text content window with summary
Additional Functionality utilizing paragraphs: • Media – Additional imagery, and videos• Full Content Box – full WYSIWYG• Callout – A call to action in the main content area• Text + Image – Formerly top content, alternating content blocks with image• Button – link with button styling• 2 Column Row – ability to display content in 2 column row • 3 Column Row – ability to display content in 3 column row• Icon Row – for statistic and goals display • Accordion Section(s) – Expand and collapse informational groups• Sidebar Callout (dependent on design) – Callout in the page sidebar• Ability to place particular views (News, Events, Profiles, Personnel)
Division Page Additional Relationships: N/A
7
8
Program: To be used for programs, offices, centers, etc.
Program Page Field Listing Field Purpose Notes Notes
Title Title of group Short text field
Featured Image Primary page image Media reference. Will require mandatory alternative text.
Intro Text This serves as text that is larger, more important brief summary, near the top of the page or begin-ning of a section. Limited to 300 characters.
Long text field
Additional Functionality utilizing paragraphs: • Full Content Box – full WYSIWYG• Media – Additional imagery, and videos• Callout – A call to action in the main content area• Text + Image – Formerly top content, alternating content blocks with image• Accordion Section(s) – Expand and collapse informational groups • Button – link with button styling• Sidebar Callout (dependent on design) – Callout in the page sidebar• Ability to place particular views (News, Events, Profiles, Personnel)
Program Additional Relationships: • Division – Programs will be able to be manually tagged with a specific Division associated with it.
Multiple if need be. • Subsite – Programs will be able to be manually tagged with a specific Subsite associated with it.
Multiple if need be.
9
10
Lab: For Faculty research labs. The “section” paragraph referenced below will eliminate the need for sub-pages formerly placed under primary Lab pages.
Lab Page Field Listing Field Purpose Notes Notes
Title Name of the lab Short text field
Intro Text This serves as text that is larger, more important brief summary, near the top of the page or begin-ning of a section. Limited to 300 characters.
Long text field
Body Long full text content window with summary
*Primary Investigator To provide name of PI and link to full profile
Entity Reference
PI Image Image of Primary Investigator Image/Media field. Manual entry
PI Contact Info Provide PI/Lab contact informa-tion
Full HTML long text WYSIWYG. Manual entry
Lab Location Provide location information for Lab
Short text field
* Option to add a co-PI
Additional Functionality utilizing paragraphs:
• Section – Additional content sections for Lab Members, Research, etc (full WSYWYG, paragraphs, view placement)
• Media – Additional imagery, and videos• Callout – A call to action in the main content area• Text + Image – Formerly top content, alternating content blocks with image• Button – link with button styling• Accordion Section(s) – Expand and collapse informational groups• Sidebar Callout (dependent on design) – Callout in the page sidebar
Labs Additional Relationships
• Division – Labs will be able to be manually tagged with a specific Division associated with it. • Subsite – Labs will be able to be manually tagged with a specific Subsite associated with it. • Program – Labs will be able to be manually tagged with a specific Program associated with it. Multi-
ple if need be.
11
• Ability to place particular views (News, Events, Profiles, Personnel)
Lab with Hero image Lab without Hero image
12
Subsite: This is the Site within a site. Subsites may have their own branding above the primary navigation menu, but will carry the parent site URL.
Subsite Page Field Listing Field Purpose Notes Notes
Title Name of the Subsite Short text field
Subsite Logo Will allow for Dual Branding Media reference
Subsite logo link The URL the logo will link off to Link field
Site Logo Override Media Reference
Site Logo Link Override Link field
Hero Image Subsite hero image Allows for Image w/text or Video (like Surgery)
Hero Overlay text Text overlay on hero image, limit-ed to 120 characters
Short text field
Additional Functionality utilizing paragraphs: • Full Content Box – full WYSIWYG• Media – Additional imagery, and videos• Callout – A call to action in the main content area• Text + Image – Formerly top content, alternating content blocks with image• Button – link with button styling• Accordion Section(s) – Expand and collapse informational groups• Sidebar Callout (dependent on design) – Callout in the page sidebar• 2 Column Row – ability to display content in 2 column row • 3 Column Row – ability to display content in 3 column row• Icon Row – for statistic and goals display • Ability to place particular views (News, Events, Profiles, Personnel)
Subsite Additional Relationships: N/A
13
14
Scholars Profile: All Scholars profiles will pull directly from Scholars, and rather than a majority of the in-formation actually being stored on the site, it will be a mirror or display of the content on Scholars@Duke. Additional information desired on site should be added to the Overview section of an individual profile on Scholars@Duke. This content type will be utilized for both Faculty and Non-Faculty (resident and fellow) profiles.
The Scholars profile will have a WYSIWYG editor for departmental specific content. That content will be displayed wherever the profile appears on the site.
Profile Additional Relationships
• Division – Scholars Profiles will be able to be manually tagged with a specific Division associated with them. Multiple if needed.
• Subsite – Scholars Profiles will be able to be manually tagged with a specific Subsite associated with them. Multiple if needed.
• Program – Scholars Profiles will be able to be manually tagged with a specific Program associated with them. Multiple if need be.
• Lab – Scholars Profiles will be able to be manually tagged with a specific Lab associated with them Multiple if need be.
15
Personnel: For individual profiles not associated with Scholars@Duke. Used for Staff, Administrators, Medical Students
Personnel Page Field Listing Field Purpose Notes Notes
Title (Name) Individual’s name Short text field
Image Optional photo of the individual Media field. Will require manda-tory alternative text.
Body Long full text content window with summary
Position Position of Individual Short text field
Phone Phone number for individual
Short text field
Email Email for individual Email field
Body Long text field
Personnel Additional Relationships
• Division – Personnel will be able to be manually tagged with a specific Division associated with it. Multiple if need be.
• Subsite – Personnel will be able to be manually tagged with a specific Subsite associated with it. Multiple if need be.
• Program – Personnel will be able to be manu-ally tagged with a specific Program associated with it. Multiple if need be.
• Lab – Personnel will be able to be manually tagged with a specific Lab associated with it. Multiple if need be.
16
News: For the addition of News content pieces.
News Page Field Listing Field Purpose Notes Notes
Title Title of Article Short text field
Date Publishing Date No end date, only MM/DD/YYYY. Required field. This date will be added by the user, and not pulled from the Drupal default.
Author Name Author Name will link to Author Email if provided, otherwise this is just text
Short text field
Author Email For Author Name to link to Optional field. Email link.
Featured Image Primary Blog Post image Optional field. Media reference
Body Main content Optional field. Long text field
Additional Functionality utilizing paragraphs: • Media – Additional imagery, and videos• Callout– A call to action in the main content area• Accordion Section(s) – Expand and collapse informational groups• Sidebar Callout (dependent on design) – CTA in the page sidebar
News Additional Relationships: • Division – News posts will be able to be manually tagged with a specific Division associated with it.
Multiple if need be. • Subsite – News posts will be able to be manually tagged with a specific Subsite associated with it.
Multiple if need be.• Lab – News posts will be able to be manually tagged with a specific Lab associated with it. Multiple
if need be. • Program – News posts will be able to be manually tagged with a specific Program associated with it.
Multiple if need be.
17
18
Blog Post: To be used for blog pieces, separate from standard News.
Blog Page Field Listing Field Purpose Notes Notes
Title Title of Blog Post Short text field
Date Publishing Date No end date, only MM/DD/YYYY. Required field. This date will be added by the user, and not pulled from the Drupal default.
Author Name Author Name will link to Author Email if provided, otherwise this is just text
Short Text
Author Email For Author Name to link to Optional field. Email link.
Featured Image Primary Blog Post image Optional field. Media reference
Body Main content Optional field. Long text field
Additional Functionality utilizing paragraphs: • Media – Additional imagery, and videos• Callout– A call to action in the main content area• Accordion Section(s) – Expand and collapse informational groups• Sidebar Callout (dependent on design) – CTA in the page sidebar
Blog Post Additional Relationships: • Division – Blog posts will be able to be manually tagged with a specific Division associated with it.
Multiple if need be. • Subsite – Blog posts will be able to be manually tagged with a specific Subsite associated with it.
Multiple if need be.• Lab – Blog posts will be able to be manually tagged with a specific Lab associated with it. Multiple if
need be. • Program – Blog posts will be able to be manually tagged with a specific Program associated with it.
Multiple if need be.
19
20
Story: To be used for feature news pieces, like that of SoM Magnify and other E-zines.
Story Page Field Listing Field Purpose Notes Notes
Title Title of Story Short text field
Brand Logo For e-zine logo, i.e., Magnify Image reference field
Featured Story For promoting a piece of content in particular
Optional checkbox
Featured Image This is the image that will appear for a story on a view listing
Optional field. Will require al-ternate and maintain captioning ability
Body Primary content Long text field
Date Publishing date No end date, only MM/DD/YYYY. Required field
Author Name Author Name will link to Author Email if provided, otherwise this is just text
Short Text
Author Email For Author Name to link to Optional field. Email link.
Additional Functionality utilizing paragraphs: • Full Content Box – full WYSIWYG• Media – Additional imagery, and videos• Callout – A call to action in the main content area• Text + Image – Formerly top content, alternating content blocks with image• Button – link with button styling• Accordion Section(s) – Expand and collapse informational groups
Story Additional Relationships: • Division – Story posts will be able to be manually tagged with a specific Division associated with it.
Multiple if need be. • Subsite – Story posts will be able to be manually tagged with a specific Subsite associated with it.
Multiple if need be.• Lab – Story posts will be able to be manually tagged with a specific Lab associated with it. Multiple
if need be.
21
• Program – Story posts will be able to be manually tagged with a specific Program associated with it. Multiple if need be.
22
Event : All Events will pull directly from the Duke Events Calendar to maintain parity and will mirror the information provided on the Calendar. There should be no ability to add events manually to each individual site. Duke Events Calendar will be the standard source, where groups can add a local event to flow to their website if they don’t want it to appear on the Duke Events Calendar. The node for individual events will be created by the pull from the Calendar.
Event Page Field Listing Field Purpose Notes Notes
Title Override If this field maintains a value, it will be displayed as the event title
Short text field. Optional field. For longer event titles that pull in from the calendar and need trimmed
Image Override Will allow for local media library image, over image pulled in with Event
Optional field that requires alter-native text if used.
Additional Functionality utilizing paragraphs: N/A
Events Additional Relationships • Division – Events will be able to be manually tagged with a specific Division associated with it.
Multiple if need be. • Subsite – Events will be able to be manually tagged with a specific Subsite associated with it. Multiple
if need be. • Program – Events will be able to be manually tagged with a specific Program associated with it.
Multiple if need be.• Lab - Events will be able to be manually tagged with a specific Lab associated with it. Multiple if need
be.
23
24
Policy: To be used for institutional policy documents
Policy Page Field Listing Field Purpose Notes Notes
Title Name of Policy Short text field
Date of Last Revision To relay to users the most recent revision to the policy in question
MM/DD/YYYY Time
Policy Type Term reference to “policy type” taxonomy
Body Main content of the policy Long text WYSIWYG
Policy File Attachments Media that only allows media type of document/file – current unlimited number
Additional Functionality utilizing paragraphs: N/A
Policy Additional Relationships: N/A
25
26
Paragraphs
Full Content Box – places a full WYSIWYG content window on the page, accompanied with all of the tools that come with that content window
Media – Allows for the additional of further media (i.e. images, videos, podcasts..) beyond the featured image a page may contain
Button – Will allow for traditional button styling w/ link provided by user. Color of the buttons on each site using the Fed model can be determine by the stakeholder at launch
Callout – Will allow for the addition of a page width call to action in the main content area
27
Text + Image – Formerly top content, this paragraph will allow users to place alternating content blocks w/ image wherever they so choose on their page
Accordion Section – Will allow users to create expand and collapse informational groups, and place on their page wherever they so choose
Sidebars – Will allow the user to create a callout in an appropriate page’s sidebar, where applicableSidebar callout: Background always Duke Health Blue, button always yellowSidebar views: Background always white, button always DH Blue, line color is secondary accent color
28
2 Column Row – Will allow users to display certain pieces of content in a 2 column row within the main portion of their page.
3 Column Row – Will allow users to displays certain pieces of content in a 3 column row within the main portion of their page
Icon Row – Will allow users to place a row of three icons with corresponding statistics or short text notes that they’d like highlight within the main portion of their page.
29
View Placement – Users will have the ability to place particular views on the pages they so choose (News, Events, Profiles, Personnel..)
Blog
Events
News
Stories
30
Tables
31
Home Page Hero OptionsHero options are not permanent and can be changed at will.
Enterprise Integrations
• Scholars@Duke integration/module • DukeCalendar (Events) module• DukeAlert Bar • DukePay• Warpwire
Additional features• Social media embeds (i.e. Twitter Feeds, Facebook) • Social media sharing with appropriate social media cards where applicable
32