Killer Docs for Killer Devs

S
When WordPress updates, it automatically installs a .maintenance file. Following upgrade, you may receive a message that says "Briefly
unavailable for scheduled maintenance. Please check back in a minute." The maintenance file may not have been removed properly.


To remove this message do the following:


 1. Log in to your website using your FTP program
 2. Delete the .maintenance file, which will be found in your site root.
Read more about the maintenance mode issue.


You Make Changes and Nothing Happens

If you are making changes to your website and you do not see the changes in your browser, you may need to clear your browser cache.
Your browser stores information about the websites that you visit. This makes it faster to load websites when you visit them because the


  Killer Docs for Killer Devs
browser just has to reload information already stored on your computer, rather than downloading it again.


If you make a change to a website and the browser does not think it is significant, it will simply load the data from your cache, and you

      Siobhan McKeown
won't see your changes. To fix the problem, simply empty your browser cache or close the tab and reopen the link.


Pretty Permalinks 404 and Images not Working

If you are experiencing 404 errors with pretty [[Using_Permalinks|permalinks] and a white screen when you upload images,mod_rewrite
may not be enabled in Apache by default. Mod_rewrite is an extension module of the Apache web server software which allows for
"rewriting" of URLs on-the-fly. It's what you need to make pretty permalinks work.


WordPress Multisite networks usually experience this but it can also occur on shared hosting providers or after a site migration or server
move.


Reset your permalinks through Settings > Permalinks. If this does not work, you may have to edit the .htaccess file manually.


# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
Siobhan McKeown
WordPress Documentation & Content Specialist
Find My Writing
“Lack of documentation. No matter how wonderful your library is and how
intelligent its design, if you’re the only one who understands it, it doesn’t
do any good. Documentation means not just autogenerated API references,
but also annotated examples and in-depth tutorials. You need all three to
make sure your library can be easily adopted.”

 Nicholas C. Zakas, software engineer, front-end consultant,
                           author
Who are you writing your documentation for?
Types of Documentation
■ Reference                         ■   FAQs
■ API Reference                     ■   Tooltips
■ In-line documentation and         ■   User guides
  comments                          ■   Troubleshooting guides
■ List of requirements              ■   Screencasts
■ Glossary                          ■   Books/ebooks
■ Architecture or design overview   ■   Quick hacks & tips
■ Tutorials                         ■   Infographics
■ Manuals                           ■   Screencasts
■ Readmes                           ■   Recording webinars
■ WordPress help menus
How do people learn?
Visual

Kinesthetic




                                 Auditory



        Read/write

                              http://www.vark-learn.com/
Visual
Learning Strategies                                          Incorporate in Docs
■   presenters who use pictures or gestures                    ■ Call-outs draw attention to notes and tips
■   pictures, posters and slides                               ■ Useful screenshots with arrows, highlights
■   books with pictures and diagrams                             and writing
■   flow charts & graphs                                        ■ Flow charts
■   highlighted text, different colors, underlining            ■ Highlights and bold
■   using symbols and white space                              ■ Graphics
                                                               ■ Screencast like SEOMoz's Whiteboard Friday,
                                                                 which focuses on a person in front of a
                                                                 whiteboard.




Recommended documentation types: in-depth tutorials, screencasts, graphics, infographics
Auditory
Learning Strategies                                          Incorporate in Docs
■   go to classes                                              ■ podcasts
■   get involved in discussions                                ■ screencasts with detailed narration
■   explain ideas to other people                              ■ interesting, practical examples
■   use a tape recorder                                        ■ though not documentation, a chat room such
■   engage with interesting examples                             as the WordPress IRC chat, is great for people
■   describe things to someone else second-hand                  who like to discuss issues
                                                               ■ same goes for support forums
                                                               ■ same goes for screensharing on Skype
                                                               ■ webinars are great auditory means for
                                                                 engaging people


Recommended documentation types: tutorials, screencasts, podcasts, webinars
Read/Write
Learning Strategies                                         Incorporate in Docs

                                                              ■ use ordered and unordered lists
■   lists
                                                              ■ make use of the whole spectrum of headings
■   headings
                                                                tags
■   dictionaries
                                                              ■ include definitions in call-out boxes
■   glossaries
                                                              ■ link to definitions elsewhere
■   definitions
                                                              ■ write a user guide
■   reading large piece of text
                                                              ■ write a glossary (the glossary in the
■   reading and writing essays
                                                                WordPress Codex is a great example)
■   manuals (computing, technical and
                                                              ■ produce an ebook or manual
    laboratory)




Recommended documentation types: tutorials, ebooks, manuals, glossaries, references
Kinesthetic
Learning Strategies                                          Incorporate in Docs
                                                               ■ Tutorials in which the person can follow the
■ using all your senses - sight, touch, taste,
                                                                 steps to produce something
  smell, hearing
                                                               ■ In-depth use cases
■ going on field trips
                                                               ■ links to practical examples
■ practical examples of abstract principles
                                                               ■ talk about real-life examples, rather than in
■ using real life examples
                                                                 abstraction
■ hands-on approaches
                                                               ■ interactive learning tools such as
■ trial and error
                                                                 Codecademy
■ looking at collections of things - rock
                                                               ■ short, practical tutorials such as those on
  types, plants, shells, grasses, case studies
                                                                 WPRecipes
■ exhibits, samples, photographs
                                                               ■ webinars that walk the participants through
■ recipes - solutions to problems, previous
                                                                 doing something practical
  exam or test papers




Recommended documentation types: practical tutorials, tips and hacks, use cases
Multimodal
Around   60%        of the population have 2 or more learning preferences
e.g. Visual/Auditory, Read/Write/Kinesthetic

adapt learning preferences to those around them
People learn in different ways; make sure your
documentation is useful to everyone.
“We've been known to tell a developer "If it isn't documented, it doesn't
 exist." [...] Not only does it have to be doc'd, but it has to be explained
 and taught and demonstrated. Do that, and people will be excited --
 not about your documentation, but about your product.”

Mike Pope, Technical Editor, Microsoft
Writing Your Killer Docs
Before you get started:
 1. Make sure there is a features freeze.

 2. If you aren’t the developer, make sure you have access to them.

 3. Prepare for making notes of bugs and usability issues.
Stage 1: Research and Prepare
• Plan: overall architecture
• Plan: article structure
• Access to resources
• Decide on the appropriate doc type
• Aim for the novice
• Anticipate user questions
• Integration with WordPress Administration Screens
• Figure out your message
Stage 2: Writing

                            End




                   Middle




       Beginning
Stage 2: Writing > Beginning
■ include a list of requirements - e.g. WordPress 3.3+
■ provide a list of resources that a user will need to complete any
  practical sections - e.g. an FTP client or a Text editor
■ introduce the reader to what you're going to do
■ tell the reader how you're going to do it
■ if you're writing a practical tutorial, demonstrate what the reader will
  achieve at the end
Stage 2: Writing > Middle
■ Break the body of user guides up into self-contained sections which
  deal with one main topic.
■ Tutorials should be split up into discrete steps.
■ Use call-out boxes to highlight useful pieces of information. For
  example;
   ■ useful tips
   ■ definitions and references
   ■ important pieces of information that I don't want people who scan to
     miss
   ■ advanced tips for more experienced users
■ use screenshots liberally.
■ think about including a screencast.
■ use varied media to include all learning preferences - Visual, Read/
  Write, Kinesthetic, Aural.
■ use a syntax highlighter to improve code readability. If you're writing
  your docs in WordPress, a popular plugin is Syntax Highlighter
  Reloaded.
Tutorial Example: Installing the BuddyPress Plugin

1. Download BuddyPress & Unzip
Navigate to the WordPress plugin repository and download
BuddyPress. Unzip to a folder that you can easily find on your
computer, to your Desktop, for example.


2. Upload via FTP to wp-content/plugins/
Open up your favorite FTP program (FileZilla, for example). Input your FTP login details. If you do
not have these you will be able to get them from your web host.

Once you are logged into your server, navigate to wp-content/plugins/. On your local server, locate
the unzipped BuddyPress folder. Drag and drop the folder to your remote website.




3. Activate the Plugin
Log in to WordPress. Navigate to Plugins. Locate the BuddyPress plugin
and click the activate link.
Stage 2: Writing > End
■ Sum up large pieces of documentation.
■ List the main points.
■ Finish with a screenshot of what the user should have achieved, or a
  link to an example.
■ List of resources or further reading
■ List of tutorials for taking things further
■ Include a link to your support forums or feedback form
Stage 3: Test, Revise, Update > Test
• Ask a WordPress user to test complex pieces of documentation
• Can they follow all the steps?
• Are there any areas of confusion?
• Is the tester understanding the main points that you want them to?
Stage 3: Test, Revise, Update >
Revise
■ If you have tested, incorporate any changes
■ Get rid of any wordiness. For example: "Now it's time for you to visit the
  WordPress Administration Screens" could be revised to "Visit the
  WordPress Administration Screens"
■ Fix any typos and grammatical errors
■ Add any links that you may have missed out
Stage 3: Test, Revise, Update >
Update
■ Updates happen in line with your own product being updated, and
  WordPress core updates
■ Update screencasts and screenshots to reflect the current WordPress UI
■ Update your documentation to reflect any feature or functionality
  changes
■ Update your documentation to reflect updates that make use of new
  WordPress functionality
■ Update your documentation based on user feedback
■ Use a plugin like Content Audit to keep track of updates.
Practical Writing Tips

■ Be clear, concise and engaging.
■ Don’t try to get poetic or clever.
■ Never assume that your user just knows something; it’s your
  job to tell them.
■ Write in the second person; i.e. "when you have logged into
  WordPress you should navigate to the plugin admin screen".
■ Stick to the point.
■ Restrict yourself to one major point per paragraph.
■ Use formatting and be consistent about it.
■ Information should follow in a logical order.
■ Write in the present tense.
■ Find the right tone.
■ Proofread.
Keep in Mind
• Don’t let your product fail through lack of documentation
• Your docs should get people excited about your product
• People learn in different ways so have diverse doc types
• Aim for the novice
• Plan your architecture and structure
• Keep your docs updated
Resources
• PHPDocumentor
    http://phpdoc.org/
•   Pea.rs
    http://pea.rs
•   queryposts.com
    http://queryposts.com
•   Chip Bennett on Incorporating Contextual Help and Support
    http://upthemes.com/blog/2012/05/incorporating-contextual-
    help-and-support-into-wordpress-themes/
•   Content Audit WordPress Plugin
    http://wordpress.org/extend/plugins/content-audit/
Thanks for Listening!
   Questions?
  @SiobhanPMcKeown

http://wordsforwp.com

Slides by Slidefix - http://slidefix.com
1 of 30

Recommended

Triple Your Post Frequency by
Triple Your Post FrequencyTriple Your Post Frequency
Triple Your Post FrequencyZemanta
1.6K views78 slides
Triple your blog post frequency by
Triple your blog post frequencyTriple your blog post frequency
Triple your blog post frequencyAndraz Tori
4K views73 slides
Customizing the custom loop wordcamp 2012 by
Customizing the custom loop   wordcamp 2012Customizing the custom loop   wordcamp 2012
Customizing the custom loop wordcamp 2012Alexander Sapountzis
1.9K views17 slides
The Publishing Side of WordPress by
The Publishing Side of WordPressThe Publishing Side of WordPress
The Publishing Side of WordPressAndy McIlwain
518 views32 slides
Productive editting by
Productive edittingProductive editting
Productive edittingAshwin Baindur
507 views18 slides
CRISP to blog or not to blog by
CRISP to blog or not to blogCRISP to blog or not to blog
CRISP to blog or not to blogRob Speekenbrink
877 views41 slides

More Related Content

What's hot

Unless It Was a Digital Dog, No One Ate Your Homework (Diigo) by
Unless It Was a Digital Dog, No One Ate Your Homework (Diigo)Unless It Was a Digital Dog, No One Ate Your Homework (Diigo)
Unless It Was a Digital Dog, No One Ate Your Homework (Diigo)Lisa Sjogren
650 views30 slides
How to Build Great Product – use blogging by
How to Build Great Product – use bloggingHow to Build Great Product – use blogging
How to Build Great Product – use bloggingBhasker Vijaykumar Bhatt
394 views14 slides
Accessible content by
Accessible contentAccessible content
Accessible contentMaja Benke
1.6K views65 slides
Blogging 101 by
Blogging 101Blogging 101
Blogging 101Roselynn911
145 views19 slides
WordPress Tips & Tricks by
WordPress Tips & TricksWordPress Tips & Tricks
WordPress Tips & TricksJared Atchison
809 views25 slides
How to write killer posts faster and easier by
How to write killer posts faster and easierHow to write killer posts faster and easier
How to write killer posts faster and easierJane Sheeba
465 views20 slides

What's hot(20)

Unless It Was a Digital Dog, No One Ate Your Homework (Diigo) by Lisa Sjogren
Unless It Was a Digital Dog, No One Ate Your Homework (Diigo)Unless It Was a Digital Dog, No One Ate Your Homework (Diigo)
Unless It Was a Digital Dog, No One Ate Your Homework (Diigo)
Lisa Sjogren650 views
Accessible content by Maja Benke
Accessible contentAccessible content
Accessible content
Maja Benke1.6K views
How to write killer posts faster and easier by Jane Sheeba
How to write killer posts faster and easierHow to write killer posts faster and easier
How to write killer posts faster and easier
Jane Sheeba465 views
What Is WordPress and Why Is Everyone Talking About It by BobWP.com
What Is WordPress and Why Is Everyone Talking About ItWhat Is WordPress and Why Is Everyone Talking About It
What Is WordPress and Why Is Everyone Talking About It
BobWP.com442 views
Sharing is Caring - Web Development Resources by Trevor Barnes
Sharing is Caring - Web Development ResourcesSharing is Caring - Web Development Resources
Sharing is Caring - Web Development Resources
Trevor Barnes727 views
A beginner’s guide to blogging by Helen Webster
A beginner’s guide to bloggingA beginner’s guide to blogging
A beginner’s guide to blogging
Helen Webster1.5K views
Web 2.0 tools. by ms16666
Web 2.0 tools.Web 2.0 tools.
Web 2.0 tools.
ms16666219 views
Atlassian Summit 2012 - How Atlassian Makes Its Wiki Sticky by Atlassian
Atlassian Summit 2012 - How Atlassian Makes Its Wiki StickyAtlassian Summit 2012 - How Atlassian Makes Its Wiki Sticky
Atlassian Summit 2012 - How Atlassian Makes Its Wiki Sticky
Atlassian1.3K views
Becoming a more productive Rails Developer by John McCaffrey
Becoming a more productive Rails DeveloperBecoming a more productive Rails Developer
Becoming a more productive Rails Developer
John McCaffrey794 views
FT - DLW - managing personal reputation online by Antony Mayfield
FT - DLW - managing personal reputation onlineFT - DLW - managing personal reputation online
FT - DLW - managing personal reputation online
Antony Mayfield860 views
It free tech 2013 by clemaitre
It free tech 2013It free tech 2013
It free tech 2013
clemaitre411 views

Viewers also liked

Developing digital marketing into your WordPress by
Developing digital marketing into your WordPressDeveloping digital marketing into your WordPress
Developing digital marketing into your WordPressAustin Gunter
3.4K views43 slides
Customizing the custom loop wordcamp 2012-jeff by
Customizing the custom loop   wordcamp 2012-jeffCustomizing the custom loop   wordcamp 2012-jeff
Customizing the custom loop wordcamp 2012-jeffAlexander Sapountzis
2.1K views17 slides
WordPress Security from WordCamp NYC 2012 by
WordPress Security from WordCamp NYC 2012WordPress Security from WordCamp NYC 2012
WordPress Security from WordCamp NYC 2012Brad Williams
6K views52 slides
WordPress for Nonprofits Using CiviCRM by
WordPress for Nonprofits Using CiviCRMWordPress for Nonprofits Using CiviCRM
WordPress for Nonprofits Using CiviCRMTadpole Collective
4.4K views13 slides
Supporting Wordpress by
Supporting WordpressSupporting Wordpress
Supporting Wordpressmasonjames
8.2K views27 slides
Firstborn child theme word camp presentation - atlanta 2013 by
Firstborn child theme   word camp presentation - atlanta 2013Firstborn child theme   word camp presentation - atlanta 2013
Firstborn child theme word camp presentation - atlanta 2013Evan Mullins
4.7K views62 slides

Viewers also liked(7)

Developing digital marketing into your WordPress by Austin Gunter
Developing digital marketing into your WordPressDeveloping digital marketing into your WordPress
Developing digital marketing into your WordPress
Austin Gunter3.4K views
WordPress Security from WordCamp NYC 2012 by Brad Williams
WordPress Security from WordCamp NYC 2012WordPress Security from WordCamp NYC 2012
WordPress Security from WordCamp NYC 2012
Brad Williams6K views
Supporting Wordpress by masonjames
Supporting WordpressSupporting Wordpress
Supporting Wordpress
masonjames8.2K views
Firstborn child theme word camp presentation - atlanta 2013 by Evan Mullins
Firstborn child theme   word camp presentation - atlanta 2013Firstborn child theme   word camp presentation - atlanta 2013
Firstborn child theme word camp presentation - atlanta 2013
Evan Mullins4.7K views

Similar to Killer Docs for Killer Devs

JDD 2016 - Ademar Aguiar - To Document Or Not Document - That Is The Question by
JDD 2016 - Ademar Aguiar - To Document Or Not Document - That Is The QuestionJDD 2016 - Ademar Aguiar - To Document Or Not Document - That Is The Question
JDD 2016 - Ademar Aguiar - To Document Or Not Document - That Is The QuestionPROIDEA
101 views46 slides
Living documentation mini-workshop by
Living documentation mini-workshopLiving documentation mini-workshop
Living documentation mini-workshopMatthias Noback
685 views15 slides
Blog: Enahancing Education by
Blog: Enahancing EducationBlog: Enahancing Education
Blog: Enahancing EducationMujib Rahiman
1.2K views25 slides
N vivo tutorial 2020 by
N vivo tutorial 2020N vivo tutorial 2020
N vivo tutorial 2020Saqar Alzaabi
64 views24 slides
Working Smarter, Not Harder: Teaching Students and Staff with Screencasting by
Working Smarter, Not Harder: Teaching Students and Staff with ScreencastingWorking Smarter, Not Harder: Teaching Students and Staff with Screencasting
Working Smarter, Not Harder: Teaching Students and Staff with Screencastingkslovesbooks
169 views1 slide
Referencing methods and approaches by
Referencing methods and approachesReferencing methods and approaches
Referencing methods and approachesKaren McAulay
784 views30 slides

Similar to Killer Docs for Killer Devs(20)

JDD 2016 - Ademar Aguiar - To Document Or Not Document - That Is The Question by PROIDEA
JDD 2016 - Ademar Aguiar - To Document Or Not Document - That Is The QuestionJDD 2016 - Ademar Aguiar - To Document Or Not Document - That Is The Question
JDD 2016 - Ademar Aguiar - To Document Or Not Document - That Is The Question
PROIDEA101 views
Living documentation mini-workshop by Matthias Noback
Living documentation mini-workshopLiving documentation mini-workshop
Living documentation mini-workshop
Matthias Noback685 views
Blog: Enahancing Education by Mujib Rahiman
Blog: Enahancing EducationBlog: Enahancing Education
Blog: Enahancing Education
Mujib Rahiman1.2K views
Working Smarter, Not Harder: Teaching Students and Staff with Screencasting by kslovesbooks
Working Smarter, Not Harder: Teaching Students and Staff with ScreencastingWorking Smarter, Not Harder: Teaching Students and Staff with Screencasting
Working Smarter, Not Harder: Teaching Students and Staff with Screencasting
kslovesbooks169 views
Referencing methods and approaches by Karen McAulay
Referencing methods and approachesReferencing methods and approaches
Referencing methods and approaches
Karen McAulay784 views
Text to speech and word predicition tagged by Hindie Dershowitz
Text to speech and word predicition taggedText to speech and word predicition tagged
Text to speech and word predicition tagged
Hindie Dershowitz1.5K views
Writing great documentation - CodeConf 2011 by Jacob Kaplan-Moss
Writing great documentation - CodeConf 2011Writing great documentation - CodeConf 2011
Writing great documentation - CodeConf 2011
Jacob Kaplan-Moss4.2K views
Needs of Other November2011 by Razi Masri
Needs of Other November2011Needs of Other November2011
Needs of Other November2011
Razi Masri225 views
The eReading Experience by A.J. Renold
The eReading ExperienceThe eReading Experience
The eReading Experience
A.J. Renold196 views
OWD2012 - 6 - How can we move beyond recorded lectures? - Clive Young by SURF Events
OWD2012 - 6 - How can we move beyond recorded lectures? - Clive YoungOWD2012 - 6 - How can we move beyond recorded lectures? - Clive Young
OWD2012 - 6 - How can we move beyond recorded lectures? - Clive Young
SURF Events906 views
Library 2.011 Free Web Tools for Libraries Cheryl Peltier-Davis by Cheryl Peltier-Davis
Library 2.011 Free Web Tools for Libraries Cheryl Peltier-DavisLibrary 2.011 Free Web Tools for Libraries Cheryl Peltier-Davis
Library 2.011 Free Web Tools for Libraries Cheryl Peltier-Davis
Ub session 3 by Yum Studio
Ub session 3Ub session 3
Ub session 3
Yum Studio382 views
Cengage Webinar: Fostering online student collaboration by Cengage Learning
Cengage Webinar: Fostering online student collaborationCengage Webinar: Fostering online student collaboration
Cengage Webinar: Fostering online student collaboration
Cengage Learning461 views

Recently uploaded

Serverless computing with Google Cloud (2023-24) by
Serverless computing with Google Cloud (2023-24)Serverless computing with Google Cloud (2023-24)
Serverless computing with Google Cloud (2023-24)wesley chun
11 views33 slides
PRODUCT LISTING.pptx by
PRODUCT LISTING.pptxPRODUCT LISTING.pptx
PRODUCT LISTING.pptxangelicacueva6
14 views1 slide
Business Analyst Series 2023 - Week 3 Session 5 by
Business Analyst Series 2023 -  Week 3 Session 5Business Analyst Series 2023 -  Week 3 Session 5
Business Analyst Series 2023 - Week 3 Session 5DianaGray10
300 views20 slides
MVP and prioritization.pdf by
MVP and prioritization.pdfMVP and prioritization.pdf
MVP and prioritization.pdfrahuldharwal141
31 views8 slides
Uni Systems for Power Platform.pptx by
Uni Systems for Power Platform.pptxUni Systems for Power Platform.pptx
Uni Systems for Power Platform.pptxUni Systems S.M.S.A.
56 views21 slides
Vertical User Stories by
Vertical User StoriesVertical User Stories
Vertical User StoriesMoisés Armani Ramírez
14 views16 slides

Recently uploaded(20)

Serverless computing with Google Cloud (2023-24) by wesley chun
Serverless computing with Google Cloud (2023-24)Serverless computing with Google Cloud (2023-24)
Serverless computing with Google Cloud (2023-24)
wesley chun11 views
Business Analyst Series 2023 - Week 3 Session 5 by DianaGray10
Business Analyst Series 2023 -  Week 3 Session 5Business Analyst Series 2023 -  Week 3 Session 5
Business Analyst Series 2023 - Week 3 Session 5
DianaGray10300 views
Igniting Next Level Productivity with AI-Infused Data Integration Workflows by Safe Software
Igniting Next Level Productivity with AI-Infused Data Integration Workflows Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Safe Software280 views
TouchLog: Finger Micro Gesture Recognition Using Photo-Reflective Sensors by sugiuralab
TouchLog: Finger Micro Gesture Recognition  Using Photo-Reflective SensorsTouchLog: Finger Micro Gesture Recognition  Using Photo-Reflective Sensors
TouchLog: Finger Micro Gesture Recognition Using Photo-Reflective Sensors
sugiuralab21 views
Five Things You SHOULD Know About Postman by Postman
Five Things You SHOULD Know About PostmanFive Things You SHOULD Know About Postman
Five Things You SHOULD Know About Postman
Postman36 views
STPI OctaNE CoE Brochure.pdf by madhurjyapb
STPI OctaNE CoE Brochure.pdfSTPI OctaNE CoE Brochure.pdf
STPI OctaNE CoE Brochure.pdf
madhurjyapb14 views
PharoJS - Zürich Smalltalk Group Meetup November 2023 by Noury Bouraqadi
PharoJS - Zürich Smalltalk Group Meetup November 2023PharoJS - Zürich Smalltalk Group Meetup November 2023
PharoJS - Zürich Smalltalk Group Meetup November 2023
Noury Bouraqadi132 views
HTTP headers that make your website go faster - devs.gent November 2023 by Thijs Feryn
HTTP headers that make your website go faster - devs.gent November 2023HTTP headers that make your website go faster - devs.gent November 2023
HTTP headers that make your website go faster - devs.gent November 2023
Thijs Feryn22 views
Unit 1_Lecture 2_Physical Design of IoT.pdf by StephenTec
Unit 1_Lecture 2_Physical Design of IoT.pdfUnit 1_Lecture 2_Physical Design of IoT.pdf
Unit 1_Lecture 2_Physical Design of IoT.pdf
StephenTec12 views
iSAQB Software Architecture Gathering 2023: How Process Orchestration Increas... by Bernd Ruecker
iSAQB Software Architecture Gathering 2023: How Process Orchestration Increas...iSAQB Software Architecture Gathering 2023: How Process Orchestration Increas...
iSAQB Software Architecture Gathering 2023: How Process Orchestration Increas...
Bernd Ruecker40 views

Killer Docs for Killer Devs

  • 1. When WordPress updates, it automatically installs a .maintenance file. Following upgrade, you may receive a message that says "Briefly unavailable for scheduled maintenance. Please check back in a minute." The maintenance file may not have been removed properly. To remove this message do the following: 1. Log in to your website using your FTP program 2. Delete the .maintenance file, which will be found in your site root. Read more about the maintenance mode issue. You Make Changes and Nothing Happens If you are making changes to your website and you do not see the changes in your browser, you may need to clear your browser cache. Your browser stores information about the websites that you visit. This makes it faster to load websites when you visit them because the Killer Docs for Killer Devs browser just has to reload information already stored on your computer, rather than downloading it again. If you make a change to a website and the browser does not think it is significant, it will simply load the data from your cache, and you Siobhan McKeown won't see your changes. To fix the problem, simply empty your browser cache or close the tab and reopen the link. Pretty Permalinks 404 and Images not Working If you are experiencing 404 errors with pretty [[Using_Permalinks|permalinks] and a white screen when you upload images,mod_rewrite may not be enabled in Apache by default. Mod_rewrite is an extension module of the Apache web server software which allows for "rewriting" of URLs on-the-fly. It's what you need to make pretty permalinks work. WordPress Multisite networks usually experience this but it can also occur on shared hosting providers or after a site migration or server move. Reset your permalinks through Settings > Permalinks. If this does not work, you may have to edit the .htaccess file manually. # BEGIN WordPress <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d
  • 4. “Lack of documentation. No matter how wonderful your library is and how intelligent its design, if you’re the only one who understands it, it doesn’t do any good. Documentation means not just autogenerated API references, but also annotated examples and in-depth tutorials. You need all three to make sure your library can be easily adopted.” Nicholas C. Zakas, software engineer, front-end consultant, author
  • 5. Who are you writing your documentation for?
  • 6. Types of Documentation ■ Reference ■ FAQs ■ API Reference ■ Tooltips ■ In-line documentation and ■ User guides comments ■ Troubleshooting guides ■ List of requirements ■ Screencasts ■ Glossary ■ Books/ebooks ■ Architecture or design overview ■ Quick hacks & tips ■ Tutorials ■ Infographics ■ Manuals ■ Screencasts ■ Readmes ■ Recording webinars ■ WordPress help menus
  • 7. How do people learn?
  • 8. Visual Kinesthetic Auditory Read/write http://www.vark-learn.com/
  • 9. Visual Learning Strategies Incorporate in Docs ■ presenters who use pictures or gestures ■ Call-outs draw attention to notes and tips ■ pictures, posters and slides ■ Useful screenshots with arrows, highlights ■ books with pictures and diagrams and writing ■ flow charts & graphs ■ Flow charts ■ highlighted text, different colors, underlining ■ Highlights and bold ■ using symbols and white space ■ Graphics ■ Screencast like SEOMoz's Whiteboard Friday, which focuses on a person in front of a whiteboard. Recommended documentation types: in-depth tutorials, screencasts, graphics, infographics
  • 10. Auditory Learning Strategies Incorporate in Docs ■ go to classes ■ podcasts ■ get involved in discussions ■ screencasts with detailed narration ■ explain ideas to other people ■ interesting, practical examples ■ use a tape recorder ■ though not documentation, a chat room such ■ engage with interesting examples as the WordPress IRC chat, is great for people ■ describe things to someone else second-hand who like to discuss issues ■ same goes for support forums ■ same goes for screensharing on Skype ■ webinars are great auditory means for engaging people Recommended documentation types: tutorials, screencasts, podcasts, webinars
  • 11. Read/Write Learning Strategies Incorporate in Docs ■ use ordered and unordered lists ■ lists ■ make use of the whole spectrum of headings ■ headings tags ■ dictionaries ■ include definitions in call-out boxes ■ glossaries ■ link to definitions elsewhere ■ definitions ■ write a user guide ■ reading large piece of text ■ write a glossary (the glossary in the ■ reading and writing essays WordPress Codex is a great example) ■ manuals (computing, technical and ■ produce an ebook or manual laboratory) Recommended documentation types: tutorials, ebooks, manuals, glossaries, references
  • 12. Kinesthetic Learning Strategies Incorporate in Docs ■ Tutorials in which the person can follow the ■ using all your senses - sight, touch, taste, steps to produce something smell, hearing ■ In-depth use cases ■ going on field trips ■ links to practical examples ■ practical examples of abstract principles ■ talk about real-life examples, rather than in ■ using real life examples abstraction ■ hands-on approaches ■ interactive learning tools such as ■ trial and error Codecademy ■ looking at collections of things - rock ■ short, practical tutorials such as those on types, plants, shells, grasses, case studies WPRecipes ■ exhibits, samples, photographs ■ webinars that walk the participants through ■ recipes - solutions to problems, previous doing something practical exam or test papers Recommended documentation types: practical tutorials, tips and hacks, use cases
  • 13. Multimodal Around 60% of the population have 2 or more learning preferences e.g. Visual/Auditory, Read/Write/Kinesthetic adapt learning preferences to those around them
  • 14. People learn in different ways; make sure your documentation is useful to everyone.
  • 15. “We've been known to tell a developer "If it isn't documented, it doesn't exist." [...] Not only does it have to be doc'd, but it has to be explained and taught and demonstrated. Do that, and people will be excited -- not about your documentation, but about your product.” Mike Pope, Technical Editor, Microsoft
  • 17. Before you get started: 1. Make sure there is a features freeze. 2. If you aren’t the developer, make sure you have access to them. 3. Prepare for making notes of bugs and usability issues.
  • 18. Stage 1: Research and Prepare • Plan: overall architecture • Plan: article structure • Access to resources • Decide on the appropriate doc type • Aim for the novice • Anticipate user questions • Integration with WordPress Administration Screens • Figure out your message
  • 19. Stage 2: Writing End Middle Beginning
  • 20. Stage 2: Writing > Beginning ■ include a list of requirements - e.g. WordPress 3.3+ ■ provide a list of resources that a user will need to complete any practical sections - e.g. an FTP client or a Text editor ■ introduce the reader to what you're going to do ■ tell the reader how you're going to do it ■ if you're writing a practical tutorial, demonstrate what the reader will achieve at the end
  • 21. Stage 2: Writing > Middle ■ Break the body of user guides up into self-contained sections which deal with one main topic. ■ Tutorials should be split up into discrete steps. ■ Use call-out boxes to highlight useful pieces of information. For example; ■ useful tips ■ definitions and references ■ important pieces of information that I don't want people who scan to miss ■ advanced tips for more experienced users ■ use screenshots liberally. ■ think about including a screencast. ■ use varied media to include all learning preferences - Visual, Read/ Write, Kinesthetic, Aural. ■ use a syntax highlighter to improve code readability. If you're writing your docs in WordPress, a popular plugin is Syntax Highlighter Reloaded.
  • 22. Tutorial Example: Installing the BuddyPress Plugin 1. Download BuddyPress & Unzip Navigate to the WordPress plugin repository and download BuddyPress. Unzip to a folder that you can easily find on your computer, to your Desktop, for example. 2. Upload via FTP to wp-content/plugins/ Open up your favorite FTP program (FileZilla, for example). Input your FTP login details. If you do not have these you will be able to get them from your web host. Once you are logged into your server, navigate to wp-content/plugins/. On your local server, locate the unzipped BuddyPress folder. Drag and drop the folder to your remote website. 3. Activate the Plugin Log in to WordPress. Navigate to Plugins. Locate the BuddyPress plugin and click the activate link.
  • 23. Stage 2: Writing > End ■ Sum up large pieces of documentation. ■ List the main points. ■ Finish with a screenshot of what the user should have achieved, or a link to an example. ■ List of resources or further reading ■ List of tutorials for taking things further ■ Include a link to your support forums or feedback form
  • 24. Stage 3: Test, Revise, Update > Test • Ask a WordPress user to test complex pieces of documentation • Can they follow all the steps? • Are there any areas of confusion? • Is the tester understanding the main points that you want them to?
  • 25. Stage 3: Test, Revise, Update > Revise ■ If you have tested, incorporate any changes ■ Get rid of any wordiness. For example: "Now it's time for you to visit the WordPress Administration Screens" could be revised to "Visit the WordPress Administration Screens" ■ Fix any typos and grammatical errors ■ Add any links that you may have missed out
  • 26. Stage 3: Test, Revise, Update > Update ■ Updates happen in line with your own product being updated, and WordPress core updates ■ Update screencasts and screenshots to reflect the current WordPress UI ■ Update your documentation to reflect any feature or functionality changes ■ Update your documentation to reflect updates that make use of new WordPress functionality ■ Update your documentation based on user feedback ■ Use a plugin like Content Audit to keep track of updates.
  • 27. Practical Writing Tips ■ Be clear, concise and engaging. ■ Don’t try to get poetic or clever. ■ Never assume that your user just knows something; it’s your job to tell them. ■ Write in the second person; i.e. "when you have logged into WordPress you should navigate to the plugin admin screen". ■ Stick to the point. ■ Restrict yourself to one major point per paragraph. ■ Use formatting and be consistent about it. ■ Information should follow in a logical order. ■ Write in the present tense. ■ Find the right tone. ■ Proofread.
  • 28. Keep in Mind • Don’t let your product fail through lack of documentation • Your docs should get people excited about your product • People learn in different ways so have diverse doc types • Aim for the novice • Plan your architecture and structure • Keep your docs updated
  • 29. Resources • PHPDocumentor http://phpdoc.org/ • Pea.rs http://pea.rs • queryposts.com http://queryposts.com • Chip Bennett on Incorporating Contextual Help and Support http://upthemes.com/blog/2012/05/incorporating-contextual- help-and-support-into-wordpress-themes/ • Content Audit WordPress Plugin http://wordpress.org/extend/plugins/content-audit/
  • 30. Thanks for Listening! Questions? @SiobhanPMcKeown http://wordsforwp.com Slides by Slidefix - http://slidefix.com

Editor's Notes

  1. \n
  2. My name is Siobhan McKeown\nWordPress documentation specialist. \nmeans I write docs for lots of different WordPress people and companies.\nWrite blog posts, articles, make screencasts, work on UI text, web content, press releases, but favourite thing is to write docs, which is what I&amp;#x2019;m going to talk about today.\n
  3. Clients\nRecently reworked all the user docs for ManageWP and am currently doing screencasts for them\nWritten docs for Event Espresso\nInfinity @ Presscrew\nCurrently working with Piwik - OS web analytics\n
  4. When asked why good Javascript libraries fail, the author (and developer?) Nicholas C Zakas said:\n\nFor me, the key phrase is here: &amp;#x201C;if you&amp;#x2019;re the only one who understands it.&amp;#x201D; \nAsked to work on Infinity, the only people who really understood how to use it were Bowe and Marshall. But, as the developers, their immediate proximity to Infinity made it difficult for them to write about it in a way that other people would understand. \nOther thing to take from this quote - &amp;#x201C;all three to make sure your library can easily be adopted.&amp;#x201D; See how that works in a WordPress context.\n
  5. Two broad groups - Developer and End User\nWho writes developer docs?\nWho writes end user docs?\nWho jumbles them both up together?\n\n
  6. A complete documentation project will contain many different types of documentation\n
  7. Going to take a little divergence into some learning theory.\n
  8. VARK - Visual, Auditory, Read/Write, Kinesethetic\n\nPeople take a 16 question questionnaire to discover what their learning preferences are.\n\nGoing to talk briefly about each of these\n
  9. On one side got the learning strategies that the VARK website recommends, and on the other how I think about reaching these people in my documentation.\n
  10. Auditory - hearing, listening, discussing. Much more difficult to reach through a screen which is really a visual medium.\n\nHowever...\n
  11. \n
  12. These guys are probably the most fun group to write docs for - they&amp;#x2019;re about using all of their senses and getting hands-on\n
  13. If you&amp;#x2019;re thinking that people can&amp;#x2019;t be divided up that neatly - you&amp;#x2019;re right.\n
  14. So often get asked to review a product&amp;#x2019;s documentation and it is just straightforward (boring) text. The first thing I do is look at ways to bring variety to it, even just simple things like using bold and italics in the formatting, using headings, and adding screenshots.\n
  15. I love that.\n\nPeople will be excited - not about your documentation, but about your product.\nThis is definitely the lot of a documentation writer - no one cares what we do really (which is sad, because we&amp;#x2019;re writers and we want people to love our writing). But as long as it&amp;#x2019;s good then it&amp;#x2019;s just a seamless part of the background. And when it&amp;#x2019;s clear and useful, and helps people to actually learn, it gets people excited about your product.\n
  16. Focusing on end user docs\n
  17. Back to Infinity - I wrote a whole load of documentation and tutorials for Infinity, and then a few months later I talked to Bowe and he was all &amp;#x201C;yeah, so we&amp;#x2019;ve changed how loads of things are done so we&amp;#x2019;re going to have to rewrite it.&amp;#x201D;\n\nIn the first months of running Words for WP, this happened quite a lot. Now I tell developers to please have a features freeze in place. Without it, money and time is waisted with docs having to get written twice.\n\n2. Access the developer - so important. Need to be able to ask for help. Often the product has no documentation yet so everything needs to be extracted from the mind of the dev.\n\nDon&amp;#x2019;t assume your writer is dumb!\n\nYour documentation project is a great time to be checking for usability issues and bugs. I have a tracker that I use in Google Docs to keep track of these things. I always come across bugs and usability issues (and UI spelling errors).\n
  18. Overall structure - if you&amp;#x2019;re thinking about a complete doc project think about how you want your user to navigate through it. Do you want to go Beginner &gt; Intermediate &gt;Advanced or do you want to have discrete sections that cover different features - depends on the product.\nIndividual Article Structure - going to go into how to structure individual articles next\nAccess to resources - do you have everything you need? Will your user be able to get access to everything they need? Link to an FTP program, free text editor, etc.\nDoc Type - Ask what type of documentation is most suited to what you are trying to achieve. Do you want to produce a user guide that someone can dip into for what they need? Is a step-by-step tutorial more suitable? Would a screencast help? \nA complete documentation project is likely to contain many different types of documentation.\n\nThink about the level of your novice user. This is who you should be aiming for in your docs. A more advanced person will be able to extract what they need, whereas you still have yourself covered for novices. After all, they are probably going to be more of a hassle on your support forums.\n\nAnticipate user questions - with your novice in mind, anticipate what their questions will be and make sure you incorporate the answers into your docs. \n\nWP Admin Screens - you can integrate using the contextual help menus - have a link to a tutorial for that at the end.\n\nFigure out what your message is - this is really really important. Each piece of documentation should have a purpose, and a message, and your user should come away with that message, whether it&amp;#x2019;s &amp;#x201C;how to set up my eCommerce plugin&amp;#x201D; or &amp;#x201C;integrating Google Maps with my event management&amp;#x201D;. Good docs are streamlined, to the point, and not full of fluff.\n\nWould be amazed how many things I&amp;#x2019;ve come across which try to pack so many messages into one place that it&amp;#x2019;s hard for an end user to know what to do.\n
  19. Every good story has a beginning, a middle and an end.\n
  20. introduce your reader to what you&amp;#x2019;re going to do: eg. This tutorial with walk you through how to enqueue styles with an Infinity configuration file. or &amp;#x201C;in this user guide, learn more about the different security settings for ManageWP.\n\nHow you&amp;#x2019;re going to do it - not always relevant but if you&amp;#x2019;re introducing a tutorial it&amp;#x2019;s helpful to say something like &amp;#x201C;in the next 7 steps, I&amp;#x2019;ll walk you through blah blah blah&amp;#x201D;\n- demo of what is achieved - screenshot, link to a demo, screencast.\n\n\n
  21. User guide - discrete sections. So, if you&amp;#x2019;re writing a guide to payment gateways for your ecommerce plugin, break it up into PayPal, PayPal Pro, Authorize.Net etc etc\nTutorials - see next slide\nCall outs are really helpful as they alert people who are scanning text to things that are either important or outside the normal flow.\nScreenshots - I am screenshot liberal.\nScreencast - guy at wcnl asked if he could just use screencassts\nBe varied\nSyntax Highlighter - no doubt you all do. Have had a nightmare in the past with using syntax highlighters and then someone switches to the visual editor and everything goes kaboom.\n
  22. Imagine everyone here knows how to upload a plugin via FTP.\nDemonstrates the point.\nHeadings - can be clearly read by people with intermediate to advanced knowledge (go through stepsP\nBody text is detailed and useful for novices \nImages complement the text and could even be used on their own by someone scanning (go through images Download &gt; upload &gt; activate)\n\n
  23. Sum up what has been learned overall. That means if someone wants to return to a doc to get the essence of it, they can just check out the summing up at the end for a reminder.\nList the main points - get to see me doing that in action.\nAgain, a link to a demo or a screenshot of what the user should have achieved.\nList of resources or further reading - these could be on your site or elsewhere\nRelated tutorials or tutorials for taking it further.\nRelated posts plugins never work as well as I&amp;#x2019;d like them to so I often do this manually.\nLink to support forums or feedback form.\n\nNever just end something - always show where the user can go next.\n\n
  24. Stage 3 is to Test, Revise, Update\n\nI ask a WP user to test complex pieces of documentation, especially tutorials that are code heavy or complicated. This ensures that the tutorial can be followed, that the steps and the code are correct.\n\nIf you&amp;#x2019;re getting someone to read a user guide, think back to that main point or message that you came up with in your research phase. Ask questions to see if the user gets it.\n\nCollect their questions for use in an FAQ\n
  25. Incorporate changes.\nPare down language\n
  26. Documentation never ends.\nWordPress is updated\nYour product is updated\nbrowsers are updated\nAPIs change\neverything is constantly evolving.\nYou must be updating your documentation all of the time.\nGet a process in place to keep track of what needs to be updated. You could use a Google Spreadsheet, or a plugin such as content audit.\n
  27. \n
  28. \n
  29. \n
  30. Mention going to work on the codex on Sunday\n