Description

1. How Divi & Extra Theme Work

Divi Theme

• Divi is a multipurpose WordPress theme that allows you to design your website with a drag-and-drop page builder.

• It comes with a Visual Builder, which lets you edit your pages live on the front-end.

• Key Features:

  1. Drag & Drop Builder (no coding required)

  2. Ready Layouts & Templates

  3. Responsive Design (mobile, tablet, desktop)

  4. Ability to add Custom CSS/HTML

  5. Theme Options – customize logo, colors, fonts, menus, etc.

Extra Theme

• Extra is a Divi-based theme specially designed for news, magazine, and blog websites.

• It also uses the Divi Builder, so you can design pages the same drag-and-drop way.

• Key Features:

  1. Category Builder (custom layouts per category)

  2. Post & Archive Layouts

  3. Advanced Review System (star ratings)

  4. Inline Editing (live editing)

  5. Mega Menus & Custom Widgets

2. How to Customize Divi / Extra Theme

Step 1: Install & Activate Theme

1. Go to WordPress Dashboard → Appearance → Themes → Add New → Upload Theme → Install → Activate

2. Extra Theme comes with Divi Builder integrated, so no separate installation is needed.

Step 2: Customize Theme Options

• Go to Dashboard → Divi → Theme Options
  Here you can:

  • Upload logo

  • Set primary colors & background

  • Customize typography (fonts, sizes)

  • Add social media links

Step 3: Build Pages Using Visual Builder

1. Dashboard → Pages → Add New → Use Divi Builder → Start Building

2. Add Sections, Rows, and Modules:

   • Sections → main blocks (header, body, footer)

   • Rows → columns within sections

   • Modules → content elements (text, image, slider, gallery, blog, contact form, etc.)

Step 4: Customize Posts & Categories (Extra Theme)

• Extra allows Category Builder to create custom layouts per category.
  Example:

  • Sports News → specific layout

  • Tech News → different layout

• Individual posts/pages can be styled using the Divi Builder.

Step 5: Global Customization

• Divi → Theme Builder → Global Header/Footer/Post Templates

• Apply global templates across all pages.

• Customize widgets & sidebars in Appearance → Widgets.

Step 6: Responsive & Advanced Customization

• Visual Builder → Responsive Mode → Mobile / Tablet / Desktop Preview

• Add advanced CSS via Divi → Theme Options → Custom CSS

• Extra theme modules like Review System, Ratings, Mega Menu can all be customized from Module Settings.

3. Extra Tips

• Use pre-made layouts to save time

• Save and reuse favorite modules/sections via Divi Library

• Optimize modules and images for fast loading and SEO

• Keep backups and updates regularly

✅ Summary:
Divi & Extra are visual builder-based themes. Extra is tailored for news/magazine websites. You can customize almost everything through Theme Options, Visual Builder, Theme Builder, Widgets, and CSS