Skip to main content
Howdy! How can we help you?
< All Topics
Print

Miscellaneous Build Standards

Posted
Updated
ByFreshySites

Social Media Images

Update the default image used for Facebook and X(Twiiter). To do so, enable the All in One SEO plugin (AIOSEO), go to All in One SEO > Social Networks > Facebook tab > Default Post Facebook Image > Upload a 1200 x 630px image of logo or another “evergreen” type of image. Do not use a screenshot of the homepage banner.

Do the same for the X(Twitter) tab.

You may deactivate AIOSEO for the remainder of your build process.

Tables

Video: FS – Quality Assurance – Tables
Video with Subtitles

 

Line Length

Video: FS – Quality Assurance – Line Length
Video with Subtitles

  • For the sake of readability, shorten line length on full width modules

 

mailto

Video: FS – Quality Assurance – Link Emails
Video with Subtitles

  • link emails, “<a href=”mailto:email@email.com”>email@email.com</a>”

 

Hover Effects

Video: FS – Quality Assurance – Add Hover Effects
Video with Subtitles

  • For user experience, add hover effect to buttons, links, accordions, etc so desktop users know they are clickable

 

Grammarly

Video: FS – Quality Assurance – Grammarly
Video with Subtitles

Google Maps – Use Business Name

Video: FS – Quality Assurance – Business Name
Video with Subtitles

  • Use the Business Name when search for the company’s address in Google Maps
  • If you use just the street name that is what will appear in the embed instead of the Business Name

 

Color Pickers Default Palette

Video: FS – Quality Assurance – Color Pickers Default Palette

Favicon

  • 512 x 512 pixels
  • Appearance > Customize > General settings > Site identity
  • If there is an icon available just use that, if not use the entire logo
  • If available, use a colored or black version of the logo/icon, not white

Footer Menus

Use menu modules instead of text modules (and custom style them to not become hamburger menus on mobile). This helps if the page URL ever changes, the link in the menu will change automatically.

Desktop vs Mobile

When possible, try to keep all views in the same section/row/module. In other words, if you find that you need one section for desktop view and one for mobile try to find a way to not have to do that. Perhaps using divi device settings, divi conditions, global modules.

Upload all build files (PSDs you make, compressed images) to the client shared folder in Google Drive

For any images you uploaded to the media library add them in the client’s Build Files folder too. If you have any photoshop, illustrator files saved to your computer for this build add them there too. This helps other builders or Support find images that are or previously used and working files in case anything needs to be changed.

Table of Contents