Cog Icon signifying link to Admin page

Built on Spanglefish 3

@Spanglefish Youtube

Spanglefish 3 Manual

The Editor

When editing page blocks, news stories, profile biographies etc you are able to do so in a WYSIWYG editor. This allows you to format text by adding headings, making text bold or italic, adding lists, links, emojis smiley etc.

You can also embed tables and images in the text.

Note that the editor has its own (simple) styles. Your site styles get automatically applied to your text once you save it.

Headings

It's important to structure your text well for three reasons.

Readability

Breaking up long screeds of text with headings describing the content makes your pages more readable.

Accessibility

Correctly laying your page out makes it easier for people who use screen-reader software to navigate it, more quickly finding the content they're searching for.

Search Engine Optimisation

Search engines will use your headings to help determine what your page is about and improve your rankings.

Editor Styles

There are a number of buttons on the toolbar which allow you to format text - Bold, Italic and Underline as you'd expect, but less common options like Strikethrough, Subscript and Superscript each have their own buttons. You can (and should) also use the Headings dropdown to create a sensible hierarchy of headings on your page.

The Styles dropdown on the editor toolbar allows you to style text in a number of other, less commonly used ways.

Here are some examples. They can be very useful, but if you use them too much they can make your page look very messy.

 

For example, this is the the code style.

Extra Large Text

Larger Text

Smaller Text

Extra Small Text

Highlighted Text

Most of these styles can be used within a paragraph or sentence. However we've set Code to be a block style, so wherever you use it it will force a new line. You can use more than one style on an area of text.

The inset block style just adds some padding around a paragraph of text.
You can use an inverted paragraph which may make the text stand out on your page depending upon your page colour scheme.

Other Styles

Some styles can be set on a site wide basis. They won't be visible within the editor but will when shown on the public page. The horizontal rule below is an example.


 

Site Search
^