- Display settings
- Add a heading
- Add a paragraph
- Add an image
- Add a link
- Embed a video
- Add a callout box
- Add columns
- Edit your page
Sign in
WordPress admin: https://engage.wsdot.wa.gov/wp-admin/
Create a page
Create a new page and give it a title.
1. Click Pages in the left menu
2. Click Add New at the top
3. If this is your open house home page, skip to step 4. Otherwise, select your open house from the Parent Page dropdown under Page Attributes in the right menu.
4. Click the settings button above the editor window to toggle display of the right menu space
5. Enter your page title
Add content to a new page
Add some basic content including a heading, some text and an image
1. Click the plus button at the top
2. Select Heading under Blocks
3. Select desired heading format and enter text
4. Click the plus button at the top
5. Select Paragraph under Blocks
6. Enter your content to the right of the inline plus button
7. Click the plus button at the top
8. Select Image under Blocks
9. Add your image
- Please do not exceed 1600 pixel width and 900 pixel height
- Use JPG for photographs and PNG or GIF for all other graphics
- Click Media Library to add a previously uploaded image
10. After selecting your image, select Full Size in the Resolution dropdown in the right menu space. This step is important, as selecting Full Size actuates lightbox functionality.
11. Add Alt Text in the right menu space
Add a link
1. Highlight your link text
2. Click on the link button and enter the title of your page. If you are linking to external content, enter the URL of the page
3. Press enter or click bold link to apply
Embed a video
Add a video to your page.
1. Click the plus button at the top
2. Search for and select Custom HTML under Blocks
3. Enter the following code, replacing YOUR-YOUTUBE-ID with the ID of your YouTube video
<div class="youtube-container"><div class="youtube-player" data-id="YOUR-YOUTUBE-ID"></div></div>
For example: in the URL https://youtu.be/oR_oSnHSL7k, oR_oSnHSL7k is the video ID
Add a callout box using the Group block
1. Click the plus button at the top
2. Search for and select Group under Blocks
3. Select Group: Gather blocks in a container
4. Click the plus button in the Group outline and select desired block
View callout box in style guide
Add a two-column block container
1. Click the plus button at the top
2. Search for and select Columns under Blocks
3. Select the 50 / 50 variation
4. Click the plus button in either column and select desired block
Note: columns will stack vertically on mobile, losing any horizontal relation
Edit your page
1. Click Pages in the left menu, or click Edit this at the bottom of your page
2. Click on your page title under Pages
Change the URL of your page
1. Click the link to the right of URL in the right menu space to change the last part of your page's URL
Style guide
View design documentation for common elements
WordPress documentation
For additional tips on how to add and update page content, please see the Wordpress Editor documentation.