This is a sample post

h2 heading, be careful where you use it!

The above is an h2 heading. It should only be used once, at the very top of the main content, as an intro heading. It has no top margin, so if used lower down the page it will look odd!

Compare how this page looks on the "front end" to how it looks in the cms. Please make sure to read the content on this page as I have included notes!

Please note, this is a "private" post, which means it is only visible if you are a logged in user. The public will not see it.

Here is a link to an anchor on the same page (see below)

h3 heading - What headings and "inline" styles can I use?

Headings should be h2, h3 and h4 levels. Heading one should not be used in the main content. If you make sure your formatting makes sense semantically then the content should automatically take on the appropriate styling. Avoid using h1 in the main content.

Inline styles available are bold, italic, subscript_x and superscript^x.

Any extra "custom" styles for this theme can be found in the "formats" drop down menu.

You can also add horizontal lines.

---

 

h3 heading - How long should a post be?

There are no hard and fast rules, other than to do what will be most useful for visitors. However for SEO purposes it is recommended that a post or page should be at least 300 words long. because this is a sample post it may well be longer than that! There are many online tools that allow you to easily check the length of posts.

h4 heading - How do I write well for the web?

There is lots of online info about writing for the web. Find out more about writing good web content.

Remember also that the WordPress SEO plugin analysis tool gives advice about your content, including the following (in bullet (or "unordered") list format):

• 300 word recommended minimum for posts (and pages)
• images must have alt attributes, these could include your focus keywords.
• Show content  in easy to read bite-sized chunks wherever possible, with fairly short paragraphs and sentences, to improve readability. Readability is a signal in Google SEO. You can test your readability online.
• Appropriate outbound links are beneficial (inbound links are better still!)
• Use subheadings appropriately
• ensure your focus keyphrases appear in key areas like the url, the title, the meta description and so on.
• There should also have an appropriate keyword density in the main content. There is no hard and fast rule for this, although SEO tools try to abstract it as a mathematical formula and usually suggest 3 to 5%.
• page titles need to fit, so they should be less than 70 characters

That was a bullet (unordered) list. Here's a number (ordered) list.

1. item 1
2. item two
3. item three
   1. Note that you can add indented levels for both ordered and unordered lists by usign the increase and decrease indent buttons above.
4. ...so indent was increased for 3.1 above, and then indent was decreased again to go back to the top level of this numbered list.

Below is a "blockquote". Please note, at the moment the tag is not available in the editor buttons, if you want to use it you will need to add it in "code" view.

The HTML

Element (or HTML Block Quotation Element) indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation. A URL for the source of the quotation may be given using the cite attribute, while a text representation of the source can be given using the element.

The Scream by Edward Munch. Painted in 1893.

It is easy to create links. While it is possible to select "Open link in a new window/tab" it is considered bad practice to do so.

Anchors within a page (see the link at the top of this page) are a little more complicated, because WordPress has an annoying habit of "tidying up" (ie removing) anchors made with the visual editor. If you need to add Anchors within a page you will have to add an "id" to the appropriate tag, in "text" view. If in doubt let us know so we can give you detailed instructions.

Tables

Here's a table made with the editor.

row1 col1	row1 col2	row1 col3	row1 col4
row2 col1	row2 col2	row2 col3	row2 col4
row3 col1	row3 col2	row3 col3	row3 col4

Add media

There are two basic options.

Option 1 - full size

[caption id="attachment_1094" align="alignnone" width="800"] Woman talking in a meeting. Remember, the caption is added as metadata to the image, not by typing directly into the editor![/caption]

The image above is full width. This is done by selecting alignment > none and size > full size. It has a caption, which canbe added either in the media library or here on the edit screen. You do not type the caption into the cms editor, you add it by editing the caption metadata associated with this image. It also has a media credit. Again, this i snot typed in with the cms editor, it is added as metadata in the media library, and will then display automatically.

Option 2 - 33% width

Any image given the align left or align right property will automatically become 33% width. This is primarily intended for portrait orientation images that would look too large at full width.

33% width align right

[caption id="attachment_1094" align="alignright" width="800"] This should be a small image with a caption. Long captions are probably not a good idea on small images![/caption]

Here is the same image aligned right. When adding small images to pages, take care that they do not make the page look messy. You may need to tweak the page content a little to make it tidy.

Adding video

Videos should be added to the site as a "custom post" in the "Videos" section of the cms, then inserted into pages with shortcodes. It is not as hard as it sounds, instructions on how to do this are provided in the Videos section.

[nice-video title="Social Impact Investment"]