SOP For Frontend Developers

General Guidelines on Page Layout

  • Always add child theme on the new fresh installed theme
  • Use the theme builder for creating pages (for premium themes).
  • Lessen the use of css code as much as possible, use the theme option and customizer
  • Lessen the use of inline css.
  • Always update the site information on the general settings and on the footer
  • Browse for layout ideas on, http://themeforest.net/http://www.templatemonster.com/
  • Pick a good color scheme and typography for newly setup site
  • If you are not yet familiar with the theme that you will be using, install the demo content of the theme and change the image, content and color scheme
  • For Frontend developers, custom CSS for Divi should be put in Dashboard > Divi > Theme Options > Custom CSS Field

Divi in General

  • Avoid applying unnecessary CSS rules on Divi Theme Options. You could apply those rules on the Divi Builder instead. Here’s a sample of rules that could be set in the Divi Builder. http://screencast.com/t/slttHA7Ufdiw
  • Avoid declaring ID and Class on Divi’s text editor. Declaration of ID and Class should be done on the Custom CSS section of Divi’s text module settings. http://screencast.com/t/hrSLya2V
  • Maximize the use if Divi’s Button Module. Instead of creating buttons on your text editor and adding css to it, use the Divi Button Module. It could minimize your workload in this way. http://screencast.com/t/3Bx0dWCg
  • Use Divi’s Contact Module instead of using the plugin Contact Form 7. http://screencast.com/t/yNS8XDQPb0

Divi Module Settings

  • When using the map module, make sure to switch off the mouse wheel zoom as it is switched on by default on the general settings

Responsive Design