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:
- H2O
- CO2
Lists
Unordered List:
- Use for items without a specific order
- Great for features, benefits, or grouped ideas
- Easy to scan
Ordered List:
- Use when sequence matters
- Ideal for step-by-step instructions
- 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
| Column1 | Column 2 | Column 3 | |
|---|---|---|---|
| Row 1 | |||
| Row 2 | |||
| Row 3 |
Horizontal Rule
Use horizontal rules to visually separate sections of content.
Reusable Microcontent
Reusable content blocks can be embedded here to maintain consistency across pages. These are ideal for shared contact info, disclaimers, or calls to action. Below is an example of Promo microcontent block:
