麻豆传媒

Building a publication site

To build your own site using the Publications Templates site, start by reviewing the list of available content types below. Align these content types to content per story or modal. Follow the step-by-step guide provided and review the additional guidance. Once all sections are completed and visually aligned to the publication and once the site has been reviewed, edited, and approved, it's ready to publish.

Pre-built pages

• Landing Page - TOC - Can be used as a startup landing page
• Story - Can be used as a start up page to build stories or modals

Pre-built panels

These pre-built panels are mostly self-descriptive by the titles. The titles correlate with the labeling rubric applied to landing page wireframes. Builders can also review each using the titles.

• Accordion Group
• Accordion Group + Nested Accordions
• Blockquote
• Blockquote + Background Image
• Hero Image + Overview
• Image Group - One + Two + Caption
• Link
• Media Cards - Group of Two
• Media Cards - Group of Three + White Background
• Media Cards - Group of Three + Extra Light Gray Background
• Media Cards - Group of Four - Two Rows of Two Cards + White Background
• Media Cards - Group of Four - Two Rows of Two Cards + Extra Light Gray Background 
• Media Cards - Group of Six
• Media Cards - One Column - Stacked
• Section Label
• Statistics - Group of Three + Background Color
• Statistics - Group of Three + Background Image
• Statistics - Group of Six + Background Image
• Tabs Ensemble - Group of Three Subjects

Steps of the process

• Step 1: Work with UMC Digital to create a landing page wireframe
• Step 2: Review, provide feedback, and finalize proposed wireframe
• Step 3: UMC builds approved landing page
• Step 4: Create site folders
• Step 5: Build stories or modals that correlate with the landing page
• Step 6: Do a final review of every section of your site on desktop and if possible mobile
• Step 7: Submit the site to UMC Digital and shareholders for final review
• Step 8: All edits are completed and approved. The site can be published

Duplicating additional content to a section

When duplicating content to a section, open the folder select all items except the content type named "Page Layout - Full Width" (this is the Section Template content type) if present, and any divider you determine not to duplicate.

The Accordion Item section

Using the Panel Divider

Sometimes adjustments will need to be made. Usually it will be applied to spacing.

The mortar between the bricks: The Panel Divider content type is used to build space adjacent to content panels such as Media Cards. Generally a Panel Divider is placed before and after the content of a panel. In the instance of media cards, before the first media card and after the last media card. Only one divider is needed when adjacent panels share the same background color.

Alternating backgrounds: When directed, or when necessary, adjacent panels require separation by using a different different background for the panel.

An example of hoe the Panel Divider content type is used.

Content types

When building a page from scratch or even when using the Story Section as a starting point, it's necessary to add additional content to a story and one may not need a ready built panel. This list contains all of the content types available to builders to build publication sites.

• Accordion Item
• Accordion Item – Nested
• Image Content
• Image Group
• Modal
• Page Content Only
• Panel Divider
• Section Template
• Tabs Ensemble
• Universal Blockquote
• Universal Blockquote with Image Overlay
• Universal Buttons Panel
• Universal Hero Image
• Universal Image with Caption
• Universal Infobox
• Universal Intro Text
• Universal Media Card item
• Universal Section Header
• Universal Statistic Item
• Universal Video Card Item
• YouTube Video Embed