b2evolution b2evolution

  • Sign in
  • Sign up
  • About
  • Downloads
  • Hosting
  • Docs
  • Support
  • Sign in
  • Sign up
  • Manuals Home
  • Latest Updates
 
  1. b2evolution CMS User Manual
  2. Archives
  3. Documentation Effort
  4. Guidelines for Writing Manual Pages

Guidelines for Writing Manual Pages

Be descriptive and neutral

Some writers have a tendency to write in very complacent terms making the manual sound like we are patting ourselves in the back.

Please try to be just factual and helpful.

For example: do not emphasize that we have clever, smart or efficient solutions to problem x or y. Just describe the solutions as they are.

Do not even say that something is easy or not complicated. Just describe the actions as they are. You may say that it requires only x clicks or only x steps/minutes to do something, but don’t be the judge of if it’s easy or the best solution.

Be concise

Please try to be concise. There is no minimum number of words to make a good manual page. Sometimes a single screenshot is enough. Please focus on getting the message through with maximum efficiency.

When users have a problem, they look for an answer and they want to read as little as possible before they get their answer. Of course some people need more details than others, so there’s some arbitrage to be done here. But don’t be wordy for the sake of it.

Formatting

No HTML

This manual does not allow HTML tags. Any HTML code will be displayed as is.

Creating Links

Despite not having HTML, there are several ways to create links.

If you type in URLs, they will automatically be linked like this for example:
http://b2evolution.net/man/introduction/overview/blog-anatomy

If you are giving example, put them in a "codespan" so they don’t transform into a link. They will appear like this:
http://b2evolution.net/man/introduction/overview/blog-anatomy.

You can also create nicer looking links, thanks to the WikiLinks plugin. Refer to this page for syntax instructions.

Examples: Blog Anatomy and This is a link to the Blog Anatomy page with a custom title

Note that in some cases, a manual page may have multiple slugs. Use any of them will point to the same page:

  • Manual Writing Guidelines
  • Guidelines For Manual Pages

Most of the time, the ((…))) syntax will be more convenient. However, if you want to automatically use the full title of the destination page, make sure to use the [[…]] syntax, rather than the ((…)) syntax.

  • Guidelines for Writing Manual Pages

Creating headings

Please use the syntax of the Wacko Formatting Plugin in order to create h2 to h6 headings for your pages.

Additional formatting

For additional formatting, like bold text, italics or lists, please use the BB Code Plugin toolbar and syntax.

Inserting code snippets

For inserting code snippets, please use the Code Highlight Plugin syntax.

Screenshots

Screenshots are literally worth a thousand words. Please screenshot as much as possible and circle up things, number them and refer to them in the text.

Taking a screenshot

When making a global screenshot of a screen, do Not include the browser window elements. Do not include the Evobar at the top (unless the page explains something about the Evobar). Also do not include the footer with version number unless explaining differences between versions (which should be extremely rare).

When making screenshots of the BackOffice, include the "you are here:" line as often as possible, at least once per manual page in the BackOffice reference.

When making screenshots, do not make your browser windows full width if it doesn’t need to. Many screens will look fine in 1000 or 1200 pixels width. No need to stretch them to 1600. They will look better with a narrower window and will be more readable once inserted into the manual. See an example of god and bad screenshots:

Wrong screenshot. Too stretched

Guidelines for Writing Manual Pages
Good screenshot. Nice view
Guidelines for Writing Manual Pages

If you have a retina or hi-DPI display, please use it to make high pixel density screenshots.

Editing the screenshots

Please do not write text on the screenshots, it makes it very difficult to edit in case something is inaccurate. Please place numbers and arrows on the screenshots instead and refer to the numbers in the text of the manual page.

Saving the files

Please remember all screenshots should be PNG image files and there is no need to resize them since our CMS will automatically take care of sizing them based on the device the user is using for reading. Also, in a potential future print version we want as many pixels as possible. So don’t shrink the screenshots (don’t enlarge them either – unless you’re explaining a trick about aligning pixels in CSS? which should be extremely rare in this manual.)

Uploading

When you upload a screenshot, please upload it into a folder having the same name as the manual page it belongs to. Please try to replicate the folder structure of the manual chapters in the file root.

Once a screenshot is uploaded, attach it to the manual page/post with the link icon.

Including screenshots into the manual pages

If you want to insert your image at a specific position of your post (except for the first screenshot of your page, most of the time, you should), position the cursor in the text, then click the green (+) icon. A "tag" like this one will be inserted in your post:

[image:123:caption]
  • 123 is the link ID of your image. Don’t change it.
  • "caption" is a caption text that will appear under the image. You can freely edit that.

Do not use the feature that inserts an <img> tag at the desired position of your text. This manual does not allow HTML tags. Any HTML will be displayed as is.

Created by fplanque • Last edit by fplanque on 2020-06-09 00:24 • •

No feedback yet

On this page

  • Be descriptive and neutral
  • Be concise
  • Formatting
  • No HTML
  • Creating Links
  • Creating headings
  • Additional formatting
  • Inserting code snippets
  • Screenshots
  • Taking a screenshot
  • Editing the screenshots
  • Saving the files
  • Uploading
  • Including screenshots into the manual pages

Search the Manual

Content Hierarchy

  • b2evolution CMS User Manual
  • User's Guide
  • Installation / Upgrade
  • Front-office Reference
  • Back-office Reference
  • Developer Reference
  • Operations Reference
  • Advanced Topics
  • Glossary
  • Archives
    • Documentation Effort
      • Unified Documentation
      • Guidelines for Writing Manual Pages
      • Screencasts
    • How to call a blog from a subdirectory?
    • Converting WordPress Themes
    • Evoskin and A Template
    • Quick Upgrade Procedure
    • International Manuals
    • Known Issues
    • Online Help
    • Pretty URL
    • Pro WordPress Theme Conversion
    • Skin/Plugin XML Descriptions
    • Template Tag: Item Views
    • Version
    • How to Change the Appearance of my Permalinks
    • CVS / SourceForge
b2evolution CMS

This online manual is powered by b2evolution CMS – A complete engine for your website.

About b2evolution

  • What is it?
  • Features
  • Getting Started
  • Screenshots
  • Online demo
  • Testimonials
  • Design philosophy
  • Free & open source
  • Terms of service

Downloads

  • Latest releases
  • Skins
  • Plugins
  • Language packs

About us

  • About us
  • Contact

Webhosting Guide

  • Web hosting blog
  • Best web hosting
  • Cheap web hosting
  • Green web hosting
  • Hosting with SSH
  • VPS hosting
  • Dedicated servers
  • Reseller hosting
  • Int'l: UK / France

Docs & Support

  • Online manual
  • Forums
  • Hire a pro !

Other

  • Adsense
  • Press room
  • Privacy policy

Stay in touch

  • GitHub
  • Twitter
  • Facebook
  • LinkedIn
  • News blog
  • RSS feed
  • Atom feed

Founded & Maintained by François Planque