7. Editing text on a Page
It is easy to update or add text on an already existing page.
Edit directly in the Block
1. In the WordPress dashboard, under Pages, locate the page you need to update, hover and click Edit.
2. Find the text you wish to edit. Click in that block and edit the text. You can type new text, delete existing text, or modify the content as needed. WordPress provides standard text editing features like bold, italic, alignment, and more in the block toolbar located above the block.
3. Publish or Save in the upper-right corner of the page.
Locating your block with the Document Overview button
1. If you have an issue selecting the correct block, you can click the Document Overview button on the left to see all the elements on your page.
2. Next, look for the block that contains the text you want to edit. Click inside the block to edit.
3. Edit the text as described above.
4. Publish or Save in the upper-right corner of the page.
Highlighting a heading
Headings can be formatted with three ASU styles: Black highlight with white text, gold highlight with black text and white highlight with black text (to be used on dark backgrounds). These are the only three combinations currently available in the ASU Unity Design System (UDS).
UDS highlights may only be applied headings, not paragraph text.
- Create a heading.
- Select all or part of the heading text to be highlighted.
- Click the “More” button (carrot) in the block toolbar and select the desired highlight from the bottom of the menu.
Highlights work like a switch. To add a highlight, select text and add it. To remove a highlight, select the text again and click the same highlight option remove it.
Highlights do not interchange, they overlap. If you add a gold highlight then decide to change it to black, first remove the gold highlight and then add the black.
Remove a highlight before editing highlighted text. To edit text that already has a highlight, you need to remove the highlight first, then edit, then reapply the highlight. If you edit highlighted text, the highlight gets applied to individual letters, and letter spacing becomes erratic.
Adding/removing links in text
- To create a hyperlink with text, select the text you want to link.
- Click on the link icon in the block toolbar.
- Copy/paste the URL (web address) you want to link to (including https://) and press Enter – or click on the arrow – to apply.
WordPress feature: If you want to link to another page in your website, you can start typing the name of the page in the link field and WordPress will find it and you may select it. This is only true for published pages. Drafts will not appear as link options.
4. To remove a link, click on the Remove link icon in the toolbar.
After making your edits, you can preview how your changes will look by clicking the Preview button at the top-right corner of the editor. This allows you to see how your content will appear to visitors before publishing.
Once you’re satisfied with your edits, click the Save draft button to save your changes as a draft, or click the Publish button to make your changes live on your website.
