User Tools

Site Tools


evergreen-docs:dig_style_guide

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
evergreen-docs:dig_style_guide [2021/05/28 14:36] aneimanevergreen-docs:dig_style_guide [2023/06/01 12:22] (current) – update branch name from master to main gmcharlton
Line 67: Line 67:
 ===== General ===== ===== General =====
   * **Avoid changing section titles**. These are used to auto-generate anchor tags which are often used for links. Change with care, and check for links in other docs.   * **Avoid changing section titles**. These are used to auto-generate anchor tags which are often used for links. Change with care, and check for links in other docs.
-  * Always **review changes** before committing to master (and check the updated web page the next day to make sure it worked right). +  * Always **review changes** before committing to main (and check the updated web page the next day to make sure it worked right). 
-  * Always use **spell-check** on new content (including when porting old docs into master).+  * Always use **spell-check** on new content (including when porting old docs into main).
   * AsciiDoc code lines should be 80 characters long or shorter. (Occasionally, exceptions are necessary for correct syntax.)   * AsciiDoc code lines should be 80 characters long or shorter. (Occasionally, exceptions are necessary for correct syntax.)
   * Screenshots should be smaller than 1050 pixels wide (when possible).   * Screenshots should be smaller than 1050 pixels wide (when possible).
 +  * Rather than recreating documentation text in multiple adoc files, instead link directly to the main adoc for the feature. 
 ===== Formatting ===== ===== Formatting =====
 ==== Headers ==== ==== Headers ====
Line 107: Line 108:
     * This allows AsciiDoc to auto-number the items as needed.     * This allows AsciiDoc to auto-number the items as needed.
   * **Ampersands** should be left as is (&). Don't use an HTML entity (which ironically causes errors in our HTML generator).   * **Ampersands** should be left as is (&). Don't use an HTML entity (which ironically causes errors in our HTML generator).
 +    * If an ampersand appears in the staff client or OPAC use the ampersand in the documentation.  In all other cases use the word 'and' instead of an ampersand. 
   * Any **code and command line commands** should be marked as +code+ or `code`   * Any **code and command line commands** should be marked as +code+ or `code`
     * If the code or command is hard to read when included in the paragraph, consider using a code block:     * If the code or command is hard to read when included in the paragraph, consider using a code block:
Line 185: Line 187:
   * **Don't add a border or shadow** to the screenshot image. That can be done globally to all screenshots in the docs via CSS, if we want it.   * **Don't add a border or shadow** to the screenshot image. That can be done globally to all screenshots in the docs via CSS, if we want it.
   * **When replacing a screenshot**, if the intention of the image isn't changing, then create a new image with the same file name as the old image.  However, if you are essentially removing a screenshot and adding a different one (with a different focus or purpose), it is better to use a different file name (and update the reference to it in the docs!), and probably to change the related text in the documentation also.   * **When replacing a screenshot**, if the intention of the image isn't changing, then create a new image with the same file name as the old image.  However, if you are essentially removing a screenshot and adding a different one (with a different focus or purpose), it is better to use a different file name (and update the reference to it in the docs!), and probably to change the related text in the documentation also.
-  * Image syntax: ''image::media/filename.png[alt text]''If the image file is within the same module parent directory as the file containing the image linkyou don't need to further enumerate the path. Please remember to include alt text for descriptive and accessibility reasons.+  * Image syntax: ''image::ascii_doc_name/imagename.png[alt text]''Starting with version 3.8 screenshots should be put into folders with the same name as the page the images appear on.  For exampleif your page is circulation_policies.adoc in the admin folder the image folder would be called circulation_policies and would be in admin -> assets -> images -> circulation_policies. 
 +  * Alt text: Please remember to include alt text in the image syntax for descriptive and accessibility reasons.
   * Screen shots can be from any installation of Evergreen, as long as it does not contain any personal identifiable information, and is based on stock Evergreen.    * Screen shots can be from any installation of Evergreen, as long as it does not contain any personal identifiable information, and is based on stock Evergreen. 
 ===== Common Mistakes ===== ===== Common Mistakes =====
evergreen-docs/dig_style_guide.1622226984.txt.gz · Last modified: 2022/02/10 13:34 (external edit)

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki

© 2008-2022 GPLS and others. Evergreen is open source software, freely licensed under GNU GPLv2 or later.
The Evergreen Project is a U.S. 501(c)3 non-profit organization.