Documentation
Tapp Network Development Standards
Standards Updated May 2024
Use FacetWP and Shortcodes not Elements where applicable
- As of May 2024, Tapp uses FacetWP and Shortcodes for loops
- This allows us to manage style and functionality in a centralized place and more easily troubleshoot
- This is also future-proof for theming and for transferring sites/code
Refer to our list of default plugins for functionality
- Elementor Pro: Elementor is a drag-and-drop page builder for WordPress. In cases where we need to augment the out-of-the-box elements, we may also use one of the add-ons below.
- Dynamic OOO: Used to augment Elementor with additional functionality, such as visibility conditions, custom post styling, etc.
- Admin Columns Pro: Used to create custom columns for sorting, searching, and filtering.
- Advanced Custom Fields Pro: Used for creating custom fields, Custom Post Types, Taxonomies, and relationships in WordPress
- The Events Calendar Pro: Events Calendar Pro runs alongside The Events Calendar and enhances it with extra features, including recurring events, additional calendar views, calendar shortcodes, advanced widgets, custom event fields, and more.
- FacetWP: FacetWP is an advanced filtering and search plugin that allows you to create faceted search and filter options.
- Gravity Forms: Used for creating forms in WordPress unless the form is 3rd party embedded (HubSpot, FormStack, etc)
- SearchWP: Custom search in WordPress
- Siteground Security (included on hosting plans only): Siteground security is a WordPress plugin that is designed for security and acts as a firewall
- Yoast SEO: Yoast SEO makes sure your site meets the highest technical SEO standards. It also gives you the tools to optimize your content for SEO and overall readability.
Contrast Ratio – for text to background color
- Minimum 4.5:1
- Check Ratio Here
Use proper headings/hierarchy
- Nest headings by their rank (or level).
- The most important heading has the rank 1 (<h1>).
- The least important heading rank 6 (<h6>).
- Headings with an equal or higher rank start a new section.
- Headings with a lower rank start new subsections that are part of the higher ranked section.
- Ensure that a <h2> is not followed directly by an <h4>, for example.
- It is ok to skip ranks when closing subsections, for instance, a <h2> beginning a new section, can follow an <h4> as it closes the previous section.
H1 – Heading 1
H2 – Heading 2
H3 – Heading 3
H4 – Heading 4
H5 – Heading 5
H6 – Heading 6
P – Paragraph