Skip to main content

Basics: Add Text & Links

Add a text content block

23181217612916screencapture1216663749.jpg

Put your page into edit mode and click the "add to" for the area you want to add text to. Select the "Content" block type from the overlay.

A rich text editor will load for you to start entering text.



Add your content

89621217612915screencapture1216663724.jpg

Enter your text! You can format it with the toolbar options above the text area. If you have text that's already formatted with HTML, you can click the "HTML" button on the toolbar to paste directly in the source.






Adding an external link

70961217614888screencapture1216664476.jpg

To add a link to a page that's not on your site, just highlight the text you want to turn into a link and click the link button.





Add your link details

67381217614891screencapture1216683738.jpg

Link URL = Address of the site you want to link to. Make sure you include http:// at the beginning.

Target = determines whether the link will open in the same window or in a new one.

Title = the alt text visitors will see when they mouse over the link.

When you're done, click Update and your link will be added.


Heads-up!
When you add a link to your page, the block may have the option to enter an Alt Text/Title.

A link Title of a web page that appears when you hold your mouse over a link in a web page (or when the image does not appear). Using a link Title is important for web site visitors with visual or audio impairments who might use special readers to help navigate through your site or external website.

Button links or hotlinks such as click here, or http://www.SomeSuperCoolWebsiteWithARediculouslyLongURL.com/SomeRandomDate/orSomeSpiffyPageWithLotsOfInfo.htm, or this is a link that goes somewhere, or click to download some file can be exceptionally problematic when there is no link title or alt description to describe the purpose of the link or where it goes.

Adding a link to a page on your site

28461217614889screencapture1216665127.jpg

Ah, but what if you want to link to a page on your site? The smartest way to do that is to use a function here in the editor -- the "Insert Link to Page" at the top. Highlight your text and click that button.





Find your page

79631217614890screencapture1216681916.jpg

The search page has a variety of ways you can find the page you want to link to. If you know the page name, you can use the first field to do a keyword search. You can search by date, page type, and other page details. Or you can use the sitemap on the left to just find it.

Once you find the right page, click the the name and the search window will close. Your highlighted text should now be a link to that page in your site.

When you're done, click Update and your link will be added.


Add your text content

63721217615081screencapture1216683197.jpg

First of all, add your content block. This should include both the text that you want to turn into anchor links and the content that the links should jump down the page to.



Add your anchors

34941217615080screencapture1216683168.jpg

Head down the content area till you get to where you'll want to place your anchors. This is where the content will jump to. Place the cursor at the beginning of the area you're linking to, then click the "anchor" icon in the toolbar.

An overlay will prompt you for an anchor name. Make sure you give them names (without spaces) that you'll remember later.




Add your links

20311217615082screencapture1216683281.jpg

Once you've added all your anchors, it's time to link to them. Highlight the first item on your list of links and click the link button.




Find your anchor name

93191217615082screencapture1216683369.jpg

You'll see a drop-down called "Anchors". Use this menu to select the proper anchor. Don't change any of the other fields here. Click Update.

Repeat the last step and this one for each item on your list until they are all made into links. When you're done, click "Add."


Heads-up!
When using HTML code to insert a link to an internal or external webpage, make sure the alt=" " and/or title=" " tags is present within the code. Alt Titles can be used to provide a brief description of the link, while Title tags are used to link the title of the target web page.

A link Title of a web page that appears when you hold your mouse over a link in a web page (or when the image does not appear). Using a link Title is important for web site visitors with visual or audio impairments who might use special readers to help navigate through your site or external website.

Example HTML link code and output with mouse on hover:

<a title="Google" href="https://www.google.com">most widely used search engine</a>    
Sample complex link showing title on mouse hover
Images have the same Alt/Title tag options. Hover your mouse over the image above to see the image's title!

Button links or hotlinks such as click here, or http://www.SomeSuperCoolWebsiteWithARediculouslyLongURL.com/SomeRandomDate/orSomeSpiffyPageWithLotsOfInfo.htm, or this is a link that goes somewhere, or click to download some file can be exceptionally problematic when there is no link title or alt description to describe the purpose of the link or where it goes.