On this page...
Headings
Basic pages should include hierarchical heading structure. Content writers can select the heading level for a highlighted portion of text under "Styles" in the menu above.
Heading Hierarchy
H2 Headings indicate major topics within the overall page topic. H3 Headings indicate subtopics contained under an H2 Heading. H4 Headings indicate subtopics contained under an H3 Heading and so forth for H5 and H6 Headings.
Bold and Italics
Bold and Italic text should never be used to indicate headings. Bold text should be used to emphasize specific information the user needs to know. Italicized text should be used to indicate the source of some information or the title of a complete work such as books, films, journals, or musical compositions.
Back to topImages
Images can be added to the media library and embedded in Basic Pages. Size and display options include full-screen, small left-justified, small centered, and small right-justified. Text will wrap around the small sized images.
Full-Screen Image
To embed a small left-justified image, click the Insert from Media Library button in the text editor. Select the desired image and embed.
Once embedded in the page, the image can be positioned by dragging and dropping where desired within the content.
Small Left-Justified Image
To embed a small left-justified image, click the Insert from Media Library button in the text editor. Select the desired image and embed. This will embed a full-screen image and you'll need to click on the pencil icon in the upper-left corner of the image to change its size and alignment.
Clicking that icon will open up a pop-up menu. Select Small from the Size choices and the Left radio button from the Alignment choices.
Once embedded in the page, the image can be positioned by dragging and dropping where desired within the content.
Small Centered Image
To embed a small centered image, click the Insert from Media Library button in the text editor. Select the desired image and embed. This will embed a full-screen image and you'll need to click on the pencil icon in the upper-left corner of the image to change its size and alignment.
Clicking that icon will open up a pop-up menu. Select Small from the Size choices and the Centered radio button from the Alignment choices.
Once embedded in the page, the image can be positioned by dragging and dropping where desired within the content.
Small Right-Justified Image
To embed a small right-justified image, click the Insert from Media Library button in the text
editor. Select the desired image and embed. This will embed a full-screen image and you'll need to click on the pencil icon in the upper-left corner of the image to change its size and alignment.
Clicking that icon will open up a pop-up menu. Select Small from the Size choices and the Right radio button from the Alignment choices.
Once embedded in the page, the image can be positioned by dragging and dropping where desired within the content.
Back to topRemote Videos
Remote videos can be added to the media library and embedded in Basic Pages. Size and display options include full-screen, small left-justified, small centered, and small right-justified. Text will wrap around the small sized video embeds.
Full-Screen Remote Video
To embed a small left-justified image, click the Insert from Media Library button in the text editor. Select the desired remote video and embed. Once embedded in the page, the remote video can be positioned by dragging and dropping where desired within the content.
Small Left-Justified Remote Video
To embed a small left-justified image, click the Insert from Media Library button in the text
editor. Select the desired remote video and embed. This will embed a full-screen image and you'll need to click on the pencil icon in the upper-left corner of the image to change its size and alignment.
Clicking that icon will open up a pop-up menu. Select Small from the Size choices and the Left radio button from the Alignment choices.
Once embedded in the page, the remote video can be positioned by dragging and dropping where desired within the content.
Small Centered Remote Video
To embed a small centered image, click the Insert from Media Library button in the text editor. Select the desired image and embed. This will embed a full-screen image and you'll need to click on the pencil icon in the upper-left corner of the image to change its size and alignment.
Clicking that icon will open up a pop-up menu. Select Small from the Size choices and the Centered radio button from the Alignment choices.
Once embedded in the page, the remote video can be positioned by dragging and dropping where desired within the content.
Small Right-Justified Remote Video
To embed a small right-justified image, click the Insert from Media Library button in the text editor. Select the desired image and embed. This will embed a full-screen image and you'll need to click on the pencil icon in the upper-left corner of the image to change its size and alignment.
Clicking that icon will open up a pop-up menu. Select Small from the Size choices and the Right radio button from the Alignment choices.
Once embedded in the page, the remote video can be positioned by dragging and dropping where desired within the content.
Back to topTables
Tables can be added to the page content. Tables are a great way to display information in an easy-to-read format. To embed a table, select the Table button from the editor's menu. For example:
| Purchaser | Apples | Oranges |
|---|---|---|
| Bob | 5 | 3 |
| Abigail | 4 | 13 |
Additional Guidance on Adding Tables
Accordion
Accordions are a great way to display information by topic when the user may only need select information. To create the Accordion select Content > Add micro-content > Accordion from the Drupal menu.
Once you've created the Accordion, you can embed it into a Basic Page by clicking on the Insert from Component Library button in the text editor menu and selecting Accordion. This will open up a dialogue box so that you can select the desired Accordion from the Library or create a new one.
Back to topAutomatic List
Automatic Lists are a great way to Contacts, How-Do-I Pages, Basic Pages, Events, Locations, Documents, or News that are updated frequently or have a large number of items. To create an Automatic List select Content > Add micro-content > Automatic List from the Drupal menu.
Automatic lists can be filtered by topic, type, area served, and/or Division/Section.
Once you've created the Accordion, you can embed it into a Basic Page by clicking on the Insert from Component Library button in the text editor menu and selecting Automatic List. This will open up a dialogue box so that you can select the desired Automatic List from the Library or create a new one.
Back to topContact
Embedding a Contact into a Basic Page, is a great way to help users connect with vital personnel who can provide assistance or information as needed. To create a Contact select Content > Add micro-content > Contact from the Drupal menu.
Once you've created the Accordion, you can embed it into a Basic Page by clicking on the Insert from Component Library button in the text editor menu and selecting Contact. This will open up a dialogue box so that you can select the desired Contact from the Library or create a new one.
For example, if I wanted users to contact Nikki Flores when they had a question about creating content on their new site, I would embed a Contact .
Back to topLink Collection List
A Link Collection List is a great way to present a collection of related links that won't be updated frequently. To create the Link Collection List select Content > Add micro-content > Link Collection List from the Drupal menu.
Once you've created a Link Collection List, you can embed it into a Basic Page by clicking on the Insert from Component Library button in the text editor menu and selecting Link Collection List. This will open up a dialogue box so that you can select the desired Link Collection List from the Library or create a new one.
For example, the following Link Collection List provides users with a collection of related resources related to creating websites.
Back to topPromo
A Promo is a great way to emphasize or highlight content that you want users to visit. A promo can feature a News Page, a Landing Page, a How Do I Page, a Location, a Contact, or Event. To create the Link Collection List select Content > Add micro-content > Promo from the Drupal menu.
Once you've created a Promo, you can embed it into a Basic Page by clicking on the Insert from Component Library button in the text editor menu and selecting Promo. This will open up a dialogue box so that you can select the desired Promo from the Library or create a new one.
For example, the following Promo highlights information about the progress of the Governor's Digital Transformation Initiative.
Iowa agencies move onto the updated platform
Sites are converting on a regular basis to a unified platform, sharing architecture, colors and styles, and approach.
Statistics
A Statistics micro-content block is a great way to highlight your agency's achievements and contribution to the success of all Iowans. To create the Link Collection List select Content > Add micro-content > Statistics from the Drupal menu.
Once you've created a Statistics block, you can embed it into a Basic Page by clicking on the Insert from Component Library button in the text editor menu and selecting Statistics. This will open up a dialogue box so that you can select the desired Statistics from the Library or create a new one.
For example, the following Statistics block highlights the number of sites that have been updated to the new platform. Keep in mind that this information does not auto-update, so someone will need to manually update the Statistics block once new sites have been migrated to the new platform.
Back to top