{"id":16,"date":"2022-08-20T00:44:00","date_gmt":"2022-08-20T00:44:00","guid":{"rendered":"https:\/\/ha002.zerobarriers.com\/ha002_1\/?page_id=16"},"modified":"2022-09-25T01:02:02","modified_gmt":"2022-09-25T01:02:02","slug":"guide-cheat-sheet","status":"publish","type":"page","link":"https:\/\/ha002.zerobarriers.com\/ha002_1\/guide-cheat-sheet\/","title":{"rendered":"Guide Cheatsheet"},"content":{"rendered":"
\r\n\r\n
\r\n Guide Cheatsheet\r\n<\/td>\r\n\r\n
\r\n \r\n

\r\n Guide Cheatsheet<\/span>\r\n All Formats & Shortcuts<\/span>\r\n <\/h1>\r\n <\/div>\r\n<\/td> \r\n<\/tr> <\/table> <\/div>\r\n
SOCIAL SHARE BUTTONS WOULD BE HERE<\/div>\r\n\r\n

This is a Section Title (Guide template).<\/h2>\r\n\r\n

A section title for the guide (as the one preceding the line you are reading) is made as follows:<\/p>\r\n

\r\n   [stig]This is a Section Title (Guide template).[\/stig]\r\n<\/pre>\r\n
<\/div>\n
This is a subsection title<\/h3>\r\n\r\n
dummy paragraph<\/p>\r\n
   [sstig]This is a subsection title[\/sstig]\r\n<\/pre>\r\n
<\/div>\n
This is a subsection title<\/h3>\r\n
   xyz without shortcode   \r\n<\/pre>\r\n
Using Paragraphs.<\/h2>\r\n
This illustrates paragraphs. Each paragraph is a connection of words with no spacer lines in-between sentences. Even if white space lines are added, they will be ignored. To start a new paragraph with subsequent text in a new line, have to define a new paragraph.<\/p>\r\n
Here is an example:<\/p>\r\n
\r\n   [p]This is a paragraph.[\/p]\r\n   [p]This is a separate paragraph.[\/p]\r\n<\/pre>\r\n
 … which will render as follows:<\/p>\r\n
This is a paragraph.<\/p>\r\n
This is a separate paragraph.<\/p>\r\n\r\n
Here’s how to add FIXME comments<\/h2>\r\n
This is a regular paragraph with some contents. At the end of it is a fixme comment, as follows: FIXME:  remember to fix XYZ <\/span>. Using the fixme concept helps mark areas that need later fixing, i.e., to keep track of problems in a very visible way.<\/p>\r\n
\r\n   [p]This is a regular paragraph with some contents. At the end of it is a fixme comment, as follows: [fixme] remember to fix XYZ [\/fixme] [\/p]\r\n<\/pre>\r\n\r\n
\r\nUsing 'Centered Images'\r\n<\/h2>\r\n
Centered images are currently supported for 1, 2, or 3 images, sitting horizontally next to each other and in isolation from other design elements or text. Here is the case with a single image:<\/p>\r\n
\"Sliding<\/div><\/div>\r\n
Its source code is very simple:<\/p>\r\n
\r\n[cimg id=\"122\"]\r\n<\/pre>\r\n
Note that ‘centered images’ do not currently provide a link to an associated page accessible by clicking on the image. This might be something we could consider adding later, as needed. <\/p>\r\n
NOTE<\/strong>: The best way to look up the image ID is to use the Chrome browser for this work, with that go to WordPress’ Media library, find the desired image, and hover the mouse pointer over the desired image. The image ID will be shown as part of the link Chrome displays at the bottom left. Not ideal, but the best solution currently known. Maybe we can make this easier going forward. <\/p>\r\n\r\n
Here is the case with two images, where again the overall object (two images) is horizontally centered, as one would hope:<\/p>\r\n
\"Sliding\"Bath<\/div><\/div>\r\n
Again, the source code is super simple. Here, note that there are two image IDs, one for each image:<\/p>\r\n
\r\n   [cimg id=\"122,134\"]\r\n<\/pre>\r\n
And here is the case with three images. Again, everything is centered, and there is no text wrapping around stuff, so it’s an images-only design element.<\/p>\r\n
\"Sliding\"Bath\"Bath<\/div><\/div>\r\n
And of course, the source code uses three image IDs, as one might expect:<\/p>\r\n
\r\n   [cimg id=\"122,134,133\"]\r\n<\/pre>\r\n\r\n
How to make Simple Tables<\/h2>\r\n
Here is an example of a generic “guide stylized” Table format:<\/p>\r\n
\r\n
 Age Group<\/th>           Toilet Height per ADA<\/th> <\/tr>\r\n
 Adults<\/td>              17-19 inches<\/td><\/tr>\r\n
 Child Age 3 & 4<\/td> 11-12 inches<\/td><\/tr>\r\n
 Child Age 5-8<\/td>       12-15 inches<\/td><\/tr>\r\n
 Child Age 9-15<\/td>      15-18 inches<\/td><\/tr>\r\n<\/table><\/div>\r\n\r\n
Source Code as usual (tr = table row, th = table header, tc = table cell):<\/p>\r\n
\r\n[tbl]\r\n[tr]\r\n   [th]HEADER_1[\/th]\r\n   [th]HEADER_2[\/th]\r\n[\/tr]\r\n[tr]\r\n   [tc]..contents..[\/tc]\r\n   [tc]..contents..[\/tc]\r\n[\/tr]\r\n[\/tbl]\r\n<\/pre>\r\n\r\n\r\n
Simple Lists<\/h2>\r\n\r\n
Simple lists are used to list items. Items can be very simple (single words) or more complicated (whole sentences). Either way, there will be some item indicator such as a bullet or a number, and the content will show up after that.<\/p>\r\n\r\n
The itemization symbol (number, letter, bullet etc.), called list “style<\/em>” can be specified as an argument to the short code, as illustrated in what follows.<\/p>\r\n\r\n
A decimal list is as the one following here:<\/p>\r\n\r\n
    \r\n   
  1. Cool first item.<\/li>\r\n   
  2. Even better second item.<\/li>\r\n   
  3. The third one is pretty long. A little bit of latin lepsum correlatum vaticanum ergo tan temis shows that the text wraps around nicely and stays fully indented relative to the number.<\/li>\r\n<\/ol>\r\n\r\n
    is accomplished with the following short codes<\/p>\r\n\r\n
    \r\n[list  style=\"decimal\"]\r\n   [li]Cool first item.[\/li]\r\n   [li]Even better second item.[\/li]\r\n   [li]The third one is pretty long. A little bit of latin lepsum correlatum vaticanum ergo tan temis shows that the text wraps around nicely and stays fully indented relative to the number.[\/li]\r\n[\/list]\r\n<\/pre>\r\n\r\nHere are examples with other list styles, starting with lower-case alphabetic symbols:\r\n\r\n
      \r\n   
    1. Cool first item with Lower Alpha.<\/li>\r\n   
    2. Even better second item.<\/li>\r\n   
    3. Third item.<\/li>\r\n<\/ol>\r\n\r\n
      which can be achieved with the following code:<\/p>\r\n\r\n
      \r\n[list  style=\"lower-alpha\"]\r\n   [li]Cool first item with Lower Alpha.[\/li]\r\n   [li]Even better second item.[\/li]\r\n   [li]Third item.[\/li]\r\n[\/list]\r\n<\/pre>\r\n\r\n
      Upper-case letters in a list are indicated as follows:<\/p>\r\n\r\n
        \r\n   
      1. Cool first item with Upper Alpha.<\/li>\r\n   
      2. Even better second item.<\/li>\r\n   
      3. Third.<\/li>\r\n<\/ol>\r\n\r\n
        accomplished with:<\/p>\r\n\r\n
        \r\n[list  style=\"upper-alpha\"]\r\n   [li]Cool first item with Upper Alpha.[\/li]\r\n   [li]Even better second item.[\/li]\r\n   [li]Third.[\/li]\r\n[\/list]\r\n<\/pre>\r\n\r\n\r\n\r\n
        The following example uses regular round bullets :<\/p>\r\n\r\n
          \r\n   
        1. Cool first item.<\/li>\r\n   
        2. Even better second item.<\/li>\r\n<\/ol>\r\n\r\n
          accomplished with:<\/p>\r\n\r\n
          \r\n[list  style=\"bullets\"]\r\n   [li]Cool first item.[\/li]\r\n   [li]Even better second item.[\/li]\r\n[\/list]\r\n<\/pre>\r\n\r\n
          The following example uses triangle bullets :<\/p>\r\n\r\n
            \r\n   
          1. Cool first item.<\/li>\r\n   
          2. Even better second item.<\/li>\r\n<\/ol>\r\n\r\n
            accomplished with:<\/p>\r\n\r\n
            \r\n[list  style=\"bullets-triangle\"]\r\n   [li]Cool first item.[\/li]\r\n   [li]Even better second item.[\/li]\r\n[\/list]\r\n<\/pre>\r\n\r\n
            The following example uses circle bullets :<\/p>\r\n\r\n
              \r\n   
            1. Cool first item.<\/li>\r\n   
            2. Even better second item.<\/li>\r\n<\/ol>\r\n\r\n
              accomplished with:<\/p>\r\n\r\n
              \r\n[list  style=\"bullets-circle\"]\r\n   [li]Cool first item.[\/li]\r\n   [li]Even better second item.[\/li]\r\n[\/list]\r\n<\/pre>\r\n\r\n\r\n
              The following shows the last list style currently available and uses square bullets:<\/p>\r\n\r\n
                \r\n   
              1. Cool first item.<\/li>\r\n   
              2. Even better second item.<\/li>\r\n<\/ol>\r\n\r\n
                accomplished with:<\/p>\r\n\r\n
                \r\n[list  style=\"bullets-square\"]\r\n   [li]Cool first item.[\/li]\r\n   [li]Even better second item.[\/li]\r\n[\/list]\r\n<\/pre>\r\n\r\n\r\n
                 Simple Lists – condensed and\/or text-flow aligned <\/h2>\r\n\r\n
                The following example illustrates how parameter “dense” can be used to create a denser list (reduced line spacing):<\/p>\r\n\r\n
                  \r\n   
                1. getting safely on and off the toilet,<\/li>\r\n   
                2. increasing comfort while seated on the toilet,<\/li>\r\n   
                3. personal hygiene (wiping) after using the toilet.<\/li>\r\n<\/ol>\r\n\r\n
                  This works for any of the “Simple List” examples in the previous chapter and is particularly helpful if each list item is short as in only a few words at most – as opposed to a full paragraph. The source code is:<\/p>\r\n\r\n
                  \r\n[list  style=\"bullets\"  dense=\"enabled\"]\r\n   [li]getting safely on and off the toilet,[\/li]\r\n   [li]increasing comfort while seated on the toilet,[\/li]\r\n   [li]personal hygiene (wiping) after using the toilet.[\/li]\r\n[\/list]\r\n<\/pre>\r\n\r\n
                  Sometimes it is preferable to align the bullets with the surrounding text (e.g., paragraphs) on the left, instead of using indentation. This can be accomplished with the textflow parameter, as follows in conjunction with the dense (dense line-spacing) parameter also being enabled FIXME: could absorb dense and textflow into the style parameter, as comma or space separated list<\/span> FIXME: the bullets do not seem vertically aligned relative to the text<\/span>:<\/p>\r\n
                    \r\n   
                  1. getting safely on and off the toilet,<\/li>\r\n   
                  2. increasing comfort while seated on the toilet,<\/li>\r\n   
                  3. personal hygiene (wiping) after using the toilet.<\/li>\r\n<\/ol>\r\n\r\n
                    \r\n[list  style=\"bullets\"  textflow=\"enabled\" dense=\"enabled\"]\r\n   [li]getting safely on and off the toilet,[\/li]\r\n   [li]increasing comfort while seated on the toilet,[\/li]\r\n   [li]personal hygiene (wiping) after using the toilet.[\/li]\r\n[\/list]\r\n<\/pre>\r\n\r\n\r\n
                    Feature List<\/h2>\r\n\r\n
                    Can list a bunch of stuff such as features and specifications:<\/p>\r\n\r\n
                    ➜<\/span>First One<\/strong> \u2014 This is just a great feature.<\/p>\r\n
                    ➜<\/span>Second One<\/strong> \u2014 A variety of different equipment can be added to, or around, your existing toilet to make it more accessible, safer, and easier to use. Here is an overview of these equipment options with a brief introduction to each. For details, you may follow the “read more” links or click on the images for each type of equipment.<\/p>\r\n
                    ➜<\/span>Third One<\/strong> \u2014 A variety of different equipment can be added to, or around, your existing toilet to make it more accessible, safer, and easier to use. Here is an overview of these equipment options with a brief introduction to each. For details, you may follow the “read more” links or click on the images for each type of equipment.<\/p>\r\n\r\n
                    And here’s the code:<\/p>\r\n\r\n
                    \r\n   [feat title=\"Somethin'\"] blah blah blah [\/feat]\r\n   [feat title=\"Somethin' else\"] oh my oh my oh my [\/feat]\r\n<\/pre>\r\n\r\n
                    Topics Table FIXME: Need to add<\/span><\/h2>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n
                    Here is a Topics List<\/h2>\r\n\r\n
                    This one is cool for lists composed of a series of topics and corresponding descriptions. By default, using decimal numbers:<\/p>\r\n\r\n
                    \r\n   
                    This is the first topic<\/dt>\r\n      
                    It has a description associated with it.<\/dd>\r\n   
                    Second Topic is here<\/dt>\r\n      
                    Same thing basically.<\/dd>\r\n   
                    This Topic is longer<\/dt>\r\n      
                    The description can be pretty long. It can wrap around over multiple lines, like any length really when you think about it. That’s what you’ll do if that’s what you want to do, not a problem.<\/dd>\r\n   
                    This one has bulleted items inside of it<\/dt>\r\n      
                    First bulleted item.<\/dd>\r\n      
                    Second bulleted item.<\/dd>\r\n   
                    This one has bulleted items inside of it, too<\/dt>\r\n      
                    But the very first item not bulleted, but the next two are. For instance, there could be an introduction followed by some additional info that’s best represented as a bulleted sub-list.<\/dd>\r\n      
                    First bulleted item.<\/dd>\r\n      
                    Second bulleted item.<\/dd>\r\n      
                    Third bulleted item.<\/dd>\r\n<\/dl>\r\n\r\n
                    Can achieve this type of list with the following shortcodes.<\/p>\r\n\r\n
                    \r\n[tlist]\r\n   [tlto]This is the first topic[\/tlto]\r\n      [tli]It has a description associated with it.[\/tli]\r\n   [tlto]Second Topic is here[\/tlto]\r\n      [tli]Same thing basically.[\/tli]\r\n   [tlto]This Topic is longer[\/tlto]\r\n      [tli]The description can be pretty long. It can wrap around over multiple lines, like any length really when you think about it. That's what you'll do if that's what you want to do, not a problem.[\/tli]\r\n   [tlto]This one has bulleted items inside of it[\/tlto]\r\n      [tli  style=\"bullet\"]First bulleted item.[\/tli]\r\n      [tli  style=\"bullet\"]Second bulleted item.[\/tli]\r\n   [tlto]This one has bulleted items inside of it, too[\/tlto]\r\n      [tli]But the very first item not bulleted, but the next two are. For instance, there could be an introduction followed by some additional info that's best represented as a bulleted sub-list.[\/tli]\r\n      [tli  style=\"bullet\"]First bulleted item.[\/tli]\r\n      [tli  style=\"bullet\"]Second bulleted item.[\/tli]\r\n      [tli  style=\"bullet\"]Third bulleted item.[\/tli]\r\n[\/tlist]\r\n<\/pre>\r\n\r\n
                    Can also use different styles of numbering, as shown here:<\/p>\r\n\r\n
                    \r\n   
                    This is the first topic<\/dt>\r\n      
                    It has a description associated with it.<\/dd>\r\n   
                    Second Topic is here<\/dt>\r\n      
                    Same thing basically.<\/dd>\r\n<\/dl>\r\n\r\n
                    \r\n[tlist style=\"lower-alpha\"]\r\n   [tlto]This is the first topic[\/tlto]\r\n      [tli]It has a description associated with it.[\/tli]\r\n   [tlto]Second Topic is here[\/tlto]\r\n      [tli]Same thing basically.[\/tli]\r\n[\/tlist]\r\n<\/pre>\r\n\r\n
                    The next list uses upper-case letters (“upper-alpha”):<\/p>\r\n
                    \r\n   
                    This is the first topic<\/dt>\r\n      
                    It has a description associated with it.<\/dd>\r\n   
                    Second Topic is here<\/dt>\r\n      
                    Same thing basically.<\/dd>\r\n<\/dl>\r\n\r\n
                    \r\n[tlist  style=\"upper-alpha\"]\r\n  ...\r\n[\/tlist]\r\n<\/pre>\r\n\r\n
                    Next lower-roman<\/p>\r\n\r\n
                    \r\n   
                    This is the first topic<\/dt>\r\n      
                    It has a description associated with it.<\/dd>\r\n   
                    Second Topic is here<\/dt>\r\n      
                    Same thing basically.<\/dd>\r\n<\/dl>\r\n\r\n
                    \r\n[tlist  style=\"lower-roman\"]\r\n   ...   \r\n[\/tlist]\r\n<\/pre>\r\n\r\n
                    Next upper-roman<\/p>\r\n\r\n
                    \r\n   
                    This is the first topic<\/dt>\r\n      
                    It has a description associated with it.<\/dd>\r\n   
                    Second Topic is here<\/dt>\r\n      
                    Same thing basically.<\/dd>\r\n<\/dl>\r\n\r\n
                    \r\n[tlist  style=\"upper-roman\"]\r\n   ...\r\n[\/tlist]\r\n<\/pre>\r\n\r\n
                    Can optionally turn the shade behind the number off (works with any of the list types). This also moves the text a little closer to the numbers:<\/p>\r\n\r\n
                    \r\n   
                    This is the first topic<\/dt>\r\n      
                    It has a description associated with it.<\/dd>\r\n   
                    Second Topic is here<\/dt>\r\n      
                    Same thing basically.<\/dd>\r\n<\/dl>\r\n\r\n
                    \r\n[tlist  style=\"shade-off\"]\r\n   ...\r\n[\/tlist]\r\n<\/pre>\r\n\r\n\r\n\r\n\r\n","protected":false},"excerpt":{"rendered":"This is a Section Title (Guide template). This is a subsection title xyz without shortcode This is a paragraph. This is a separate paragraph. This is a regular paragraph with some contents. At the...","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/ha002.zerobarriers.com\/ha002_1\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ha002.zerobarriers.com\/ha002_1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ha002.zerobarriers.com\/ha002_1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ha002.zerobarriers.com\/ha002_1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ha002.zerobarriers.com\/ha002_1\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":185,"href":"https:\/\/ha002.zerobarriers.com\/ha002_1\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":283,"href":"https:\/\/ha002.zerobarriers.com\/ha002_1\/wp-json\/wp\/v2\/pages\/16\/revisions\/283"}],"wp:attachment":[{"href":"https:\/\/ha002.zerobarriers.com\/ha002_1\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}