UMD Drupal Theme
This template is available for campus websites and can be requested through the Division of IT. Use this site as a guide on all the features available in the template.
Layouts and Resources
This demo site showcases the features made available by the UMD Drupal Templates, and how they may benefit you and your unit. You can, Get started with a few key features, Deep dive into the Guidelines, View examples on the kitchen sink, or Find inspiration from existing sites.
Getting Started
Use the following information to assist in the set-up and configuration your UMD Terp themed site.
Template Guidelines
The UMD Terp Theme (sometimes called Drupal 8 Templates, UMD Templates or just the “Templates”) is the Drupal theme for all UMD drupal 8 based websites.
Kitchen Sink
Examples and best practices for all the widgets and features made available by the UMD Drupal Templates.
Find Inspiration
A collection of sites created using the UMD Drupal Templates.
Homepage Layouts
The UMD Terp Homepage is meant for a site's home or landing page, but the layout can be placed anywhere on the site. As such, the Homepage layout is also useful for self contained projects that exist under a School's, Department's, or Unit's site.
Articles
Your organization might differentiate between "blog posts", "statements", "press releases", or many other types of editorial content. The UMD Terp Theme simplifies all this by calling them all "articles" using the UMD Terp Article layout.
People
The UMD Terp Person provides space to share or promote important information for individuals in your school, department or unit.
Basic Pages
The UMD Terp Basic Page is great for sharing more in-depth information about an organization (About page, Resources pages, Photo Gallery pages, etc). View examples of the Basic Page being used for the site's News feed, Directory, and an Internal page of resources.
Short Eye-catching Alert Title
Short Subtitle
While Alert text areas support the same formatting as standard text widgets, it is best to keep the text here short, and link to another page where you can put lengthy details.
View more examples of Alert Widgets
Call to Action Alert LinkCard Groups
Card title, keep it catchy, keep it short
Text areas support a number of formats by default with "Basic HTML" text formatting including Normal text, Headings 2 through 6, Links, Bold, Italics, Numbered lists, Bulleted lists, Blockquotes, and Images.
Card groups help break up related content into manageable chunks for easier understanding, or as a teaser for longer articles/pages.
Cards do not need to include links
Cards without a link do not behave interactively (no hover effects). As mentioned in the previously, Card Groups provide another way to present information with or without an accompanying image for each card.
Like with the card's title, keep the content in text areas short; no more than a couple of short paragraphs. If this card links to a page or article, think of this space as the summary to that page or that article.
Notice this link is within the body text of the card, and does not cause the whole card to become interactive (no hover effect).
Cards can be presented with and without images
Without an image, cards still fill the full height of the space they occupy. If the card has a link, it will still behave interactively with a hover effect.
Filler text: Suspendisse faucibus interdum posuere lorem ipsum dolor sit amet consectetur. Tincidunt augue interdum velit euismod. Non tellus orci ac auctor augue. Feugiat nisl pretium fusce id. Nulla facilisi cras fermentum odio eu feugiat pretium.
Button Sets
Feature Widgets
Feature Widgets are exclusive to the UMD Terp Homepage layout.
A Feature widget showcases an image, and a panel of text
Text options include a Title, Body of Text, and a link that appears as a button. The background behind the text can be set to 1 of 7 colors.
Keep link titles short
Reverse
Each Feature is a separate widget on the admin panel. Text can be set on the right or left (reverse) like this one.
Feature widgets are unique to the UMD Terp Homepage
Images are added from the media gallery. Recommendations for using the best image possible can be found in the template guidelines.
Template Image Guidelines
A different Style Feature
Setting the style to "background" causes the image to stretch across the full width of the page, so make sure it is wide enough.
Image with Text Widget
This widget is called "Image with Text", and each one supports an image along with a text area. Images can be aligned left or right, and are pulled from the site's media library (accessible on the admin panel), so you can include images that have been previously uploaded, as well as newly uploaded images. Descriptive "alt-text" is required on each image during the upload process.
Text areas support a number of formats by default with "Basic HTML" text formatting including Normal text, Headings 2 through 6, Links, Bold, Italics, Numbered lists, Bulleted lists, Blockquotes, and Images.
Filler text: Bibendum enim facilisis gravida neque convallis. Erat imperdiet sed euismod nisi porta lorem. Elit sed vulputate mi sit amet mauris. Ut aliquam purus sit amet luctus venenatis lectus magna. Blandit turpis cursus in hac habitasse. Sollicitudin tempor id eu nisl nunc mi ipsum. Facilisi morbi tempus iaculis urna id. Bibendum at varius vel pharetra vel turpis nunc. Semper risus in hendrerit gravida rutrum quisque. Etiam dignissim diam quis enim. Blandit turpis cursus in hac habitasse platea dictumst quisque. Vel pharetra vel turpis nunc eget. Cursus metus aliquam eleifend mi in. Eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Duis at tellus at urna. Aliquam vestibulum morbi blandit cursus risus at.
Stat Group
Blockquote
This is a Blockquote, meant for featuring quotes, comments, or messages from experts and other persons of note. Statements like "Fear the Turtle" are great for the Blockquote widget.
News Feed Widget pulling in Articles from Maryland Today
First-Time Terp Voters Flock to Polls
Backed by $10M Grant, UMD Researchers Tackle Tech Roadblocks on School-to-Adulthood Transition
