This article is aimed at Nuttify Squirrels and takes you through how to write a help article. We’ve made it public because some people may find it useful to read about how we produce readable help articles to help our website customers.
Important Things to Note
- All help articles are listed on the Help Articles page
- Articles that have their audience tagged as “nuttify” are only visible to Nuttify super admins
- Help articles can be tagged, and put into topics (categorised).
- Help articles can be hierarchical – have parent and child articles. This can help us group them into chapters.
How to Add a New Help Article
Only editors and administrators can create help articles. To start, make sure that you are logged in (well you would be if you are reading this, wouldn’t you?)
- From the Dashboard select Help Articles > Add Help Article
- Create a descriptive title for your help article, like “How to Write a Help Article“
- Type in your instructions in the main body area of the post.
- To restrict your article for Nuttify admin staff write “nuttify” in the “Audience” section in the right hand column (This is a handy feature and if you need a function like this, then please contact us)
- If you want to tag the article as relevant to a particular process or system, add this as a tag under “Help Topics“
We are Champion WordPress Website Developers
Where ever practical use the words “WordPress Website developer” as in “Ask your friendly Nuttify Champion WordPress website developer to help you out with this….”, or “Nuttify are the web developers that you’ll love, because we help you meet your business goals”, or “Nuttify are one of the few WordPress web developers around who care about you meeting your business goals which is why we…..”
eCommerce Help Articles
Where possible, please refrain from using the word “WooCommerce” and use “eCommerce Website”. Include the words eCommerce website in:
- The title
- The slug
- The copy
- Images file name, alt tag,description,title and caption if applicable
Use links on keywords to relevant sales pages, help articles and blog posts.
Refrain from linking on words such as “this article” or “here”. This is bad for SEO and user experience.
Titles of articles and headings within articles should use capitals for every word – because is is easier to read. For example:
How to write a help article
How to Write a Help Article
We rely heavily upon ordered bullet lists in our help articles. This helps users follow a sequence of steps. There are a couple of tricks that enable us to create nicely bulleted lists with embedded images. This involves a bit of raw HTML manipulation, but gives a great result.
For example, to create a list with images we use the following approach:
- Click on the ordered list button in the TinyMCE editor bar at the top of the main content editing area, and add your first instruction.
- To insert an image into the list item do a “Shift + Enter” to create a non-breaking new line. Then click “Add media ” and upload the image – which is likely to be a screen shot:
- You might need to go into “Text” view to tidy up the HTML
- Also it is a good idea to give the image a relevant and descriptive title, alt tag and caption.
You can also add H2 and H3 elements within List items
Best to go into the HTML and manually add <h2> and <h3>tags. Like in this example:
For example, to create a list with images we use the following approach:1234567891011<ol><li>Click on the ordered list button in the TinyMCE editor bar at the top of the main content editing area, and add your first instruction.</li><li>To insert an image into the list item do a "Shift + Enter" to create a non-breaking new line. Then click "Add media " and upload the image - which is likely to be a screen shot:<img class="size-large wp-image-979" alt="A screen shot inserted into a list item" src="http://nuttify.com/wp-content/uploads/2013/10/nuttify-how-to-write-help-article-1024x591.png" width="1024" height="591" /> A screen shot inserted into a list item</li><li>You might need to go into "Text" view to tidy up the HTML</li><li>Also it is a good idea to g</li><li style="display: inline !important;">ive the image a relevant and descriptive title, alt tag and caption.</li><li><h3>You can also add H2 and H3 elements within List items</h3><p>Best to go into the HTML and manually add <h2> and <h3>tags. Like in this example:</p></li></ol>
Inserting code into a help article
Code is inserted into help articles using the Canyon plugin. When you want to add a code snippet – whether that is CSS, HTML PHP, or any other language we might be using do the following:
- Paste in the code into the editor and select it , or
- Click the canyon button in the editor – it looks like two opening and closing brackets <> and paste in the code
- Set the code sing the drop down – if necessary – say to “PHP” or “CSS”.
- Click “Add“