Body
Overview
- The text type allows you to use any text: headings, paragraphs, links, list, etc. If you know html, you can also use it to add more complex types of content from the style guide. This is also where buttons, faq, etc can be added.
- Remember that on any webpage there should only be one header 1 since Google and other search engines view that as the name of the page.
- When you are typing, if the amount of text you are adding is larger than the original size of the text box, do not be alarmed when it looks hidden. The content box will resize itself when you click to edit another element.
Sections
Adding text
1. Go to the Layout sidebar and drag in the Text widget.
Editing Text
1. Click on any text block. From within the text block, you can edit the text just by typing within the block.
2. You can also add headings and other styling easily by selecting the content you would like to change and clicking at the top of the text box to select a heading.
3. Change the text into a heading simply by clicking on a heading. Remember that on any webpage there should only be one header 1 since Google and other search engines view that as the name of the page. There are no limits on the other types of headers.
4. When you are typing, if the amount of text you are adding is larger than the original size of the text box, do not be alarmed when it looks hidden. The content box will resize itself when you click to edit another element.
The Code View
Tip: When working on text, there may be limited times where you need to go into the code editor view. This could be because your formatting doesn't seem correct, or you are adding code elements like accordions (FAQ's) or cards.
1. To get there, click on the text box you would like to edit the code on.
2. Click "</> Edit in HTML"
3. To give some context to the code editor, there will be some html tags
(things between brackets <tag> and then
<tag> content that goes between the tags </tag>. The content that is shown is the stuff between the tags.
4. If you see this section within any part of your text, leave it be!!! Don't type in between the <style> tags. Don't move it. Don't edit it. This creates a lot of the automatic styling on your site and can break things like the FAQ or cards if even a letter is changed.
5. Instead, make sure any additions you have are outside of the <style> </style> tags. Most of the time, you can look through the code, between the tags, for context about where you are going to be adding things.
6. If there is an error in what you typed, two things will happen. The first is, you cannot hit save/close the code view. The second, a helpful error X will appear to the left of the line where they perceive an issue. This can be helpful, but not always as correct as we might want it to be. In this case, it says the issue is an Unexpected end tag (p). However, the end tag is not the error - its the fact the first one is missing!
7. After the first one is added in, you can see the error goes away.
8. Once you have no errors, you can hit the apply button. This only applies the current code to the draft you are working on. It does not save or publish the page.
9. Now you can see your content is shown here. We did not add any fancy tags or anything, so you can't really see the "magic" of html, but you can see that the tags have disappeared and only show the content in between them.
