Basic Page

Basic Page Example

This page demonstrates the full range of text formatting and structural options available in a Basic Page layout. Use this as a reference when creating or editing content.

Heading Levels

Heading 2

Use for major sections within a page.

Heading 3

Use for subsections or to break up content under a Heading 2.

Heading 4

Use sparingly for deeply nested content or minor subpoints.

Heading 5

Use for inline headings within blocks of content or to label small sections, such as callouts or side notes.

Heading 6

Use for the smallest headings, often within microcontent or to label fine details in structured layouts.

Paragraph Text

This is a standard paragraph. Use paragraphs to present information clearly and concisely. Avoid long blocks of text by breaking content into readable chunks. You can use bold to emphasize key points, italics for subtle emphasis or titles, and monospace for code or technical terms.

Text Formatting Guidelines

Bold
Use bold to emphasize key terms, necessary actions, or critical information that users need to notice quickly.

Examples:

• Important deadlines
• Call-to-action buttons (e.g., Register Now)
• Key terms in definitions or instructions

Italic
Use italics for subtle emphasis, titles of works, or to distinguish terms or phrases from the surrounding text.

Examples:

• Note: This policy is subject to change.
• Titles of books, reports, or publications (e.g., The Appalachian Review)
• Foreign words or phrases (e.g., cum laude)

_Subscript
Use subscript for scientific or mathematical notation, such as chemical formulas or footnote references.

Examples:

• H₂O
• CO₂

Lists

Unordered List:

• Use for items without a specific order
• Great for:
  • Features
  • Benefits
  • Grouped ideas
• Easy to scan

Ordered List:

1. Use when sequence matters
2. Ideal for step-by-step instructions
   1. Including sub steps
   2. And more details
3. Helps guide users through a process

Blockquote

This is a blockquote. Use it to highlight a quote, testimonial, or important excerpt. It helps draw attention and adds visual variety to the page.

Responsive Table

Using the WYSIWYG Table Tool

When you click the table icon in the WYSIWYG toolbar, you can:

• Insert a table with a specified number of rows and columns
• Add headers (row or column)
• Merge cells
• Align text within cells
• Apply basic formatting (bold, italic, links, etc.)

Best Practices for WYSIWYG Tables

• Keep tables simple for readability and accessibility.
• Use headers (first row or column) to define the structure.
• Avoid nesting tables or using them for layout purposes.
• Ensure responsiveness: While WYSIWYG tables are not inherently responsive, your Drupal theme may apply styles that make them scrollable on smaller screens.

Example Table

Horizontal Rule

Use horizontal rules to visually separate sections of content.

Modules

Modules can be added to any page to for more visual appeal. These are ideal for displaying content in an engaging way, such as including interactions or calls to action.